claudius-chat-widget 1.16.0 → 1.17.0

package/dist/claudius.js

@@ -1,9 +1,9 @@
-var Ke = Object.defineProperty;
-var Ye = (e, t, n) => t in e ? Ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var oe = (e, t, n) => Ye(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as i, jsxs as p, Fragment as we } from "react/jsx-runtime";
-import { useMemo as ae, useState as O, useRef as L, useCallback as M, useEffect as K, forwardRef as qe, memo as ge, useId as Qe } from "react";
-class V extends Error {
+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 {
   /**
    * Create a {@link ChatApiError}.
    *
@@ -12,23 +12,23 @@ class V extends Error {
    * @param code - Optional machine-readable error code (e.g. `"TIMEOUT"`, `"NETWORK_ERROR"`).
    * @param retryAfter - Seconds to wait before retrying, from the `Retry-After` header.
    */
-  constructor(t, n, r, s) {
-    super(t), this.status = n, this.code = r, this.retryAfter = s, this.name = "ChatApiError";
+  constructor(t, n, r, o) {
+    super(t), this.status = n, this.code = r, this.retryAfter = o, this.name = "ChatApiError";
   }
 }
-class ye extends Error {
+class De extends Error {
   /** Creates a `DebounceError` with a fixed message. */
   constructor() {
     super("Request debounced"), this.name = "DebounceError";
   }
 }
-const Ze = 3e4;
-function Je(e, t) {
+const ht = 3e4;
+function pt(e, t) {
   const n = atob(e), r = new Uint8Array(n.length);
-  for (let s = 0; s < n.length; s++) r[s] = n.charCodeAt(s);
+  for (let o = 0; o < n.length; o++) r[o] = n.charCodeAt(o);
   return new Blob([r], { type: t });
 }
-class Xe {
+class mt {
   /**
    * Create a chat client for the given Worker base URL.
    *
@@ -36,12 +36,12 @@ class Xe {
    * @param options - Optional retry, debounce, and timeout settings.
    */
   constructor(t, n) {
-    oe(this, "baseUrl");
-    oe(this, "maxRetries");
-    oe(this, "debounceMs");
-    oe(this, "timeoutMs");
-    oe(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) ?? Ze;
+    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;
   }
   /**
    * Send the conversation to the chat endpoint and return the assistant's
@@ -55,41 +55,41 @@ class Xe {
    */
   async sendMessage(t) {
     if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
-      throw new ye();
+      throw new De();
     this.lastSendTime = Date.now();
     let n;
     for (let r = 0; r <= this.maxRetries; r++)
       try {
-        const s = await this.fetchWithTimeout(t);
-        if (s.ok)
-          return await s.json();
-        const o = await s.json().catch(() => ({})), a = s.headers.get("Retry-After"), c = a ? Number(a) : void 0;
-        if (n = new V(
-          o.error ?? `Request failed with status ${s.status}`,
-          s.status,
-          o.code,
+        const o = await this.fetchWithTimeout(t);
+        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(
+          s.error ?? `Request failed with status ${o.status}`,
+          o.status,
+          s.code,
           c
-        ), !this.isRetryable(s.status))
+        ), !this.isRetryable(o.status))
           throw n;
         if (r < this.maxRetries) {
-          const u = this.getRetryDelay(s, r);
-          await this.delay(u);
+          const l = this.getRetryDelay(o, r);
+          await this.delay(l);
         }
-      } catch (s) {
-        if (s instanceof V) {
-          if (!this.isRetryable(s.status, s.code))
-            throw s;
-          if (n = s, r < this.maxRetries) {
-            const o = this.getRetryDelay(null, r);
-            await this.delay(o);
+      } catch (o) {
+        if (o instanceof Z) {
+          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 V(
+        } else if (n = new Z(
           "Failed to connect. Please try again.",
           0,
           "NETWORK_ERROR"
         ), r < this.maxRetries) {
-          const o = this.getRetryDelay(null, r);
-          await this.delay(o);
+          const s = this.getRetryDelay(null, r);
+          await this.delay(s);
         }
       }
     throw n;
@@ -101,26 +101,26 @@ class Xe {
    */
   buildRequest(t) {
     if (!t.some(
-      (o) => {
+      (s) => {
         var a;
-        return (a = o.attachments) == null ? void 0 : a.some((c) => !!c.data);
+        return (a = s.attachments) == null ? void 0 : a.some((c) => !!c.data);
       }
     ))
       return {
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ messages: t })
       };
-    const r = new FormData(), s = t.map((o) => o.attachments ? {
-      ...o,
-      attachments: o.attachments.map((a) => {
+    const r = new FormData(), o = t.map((s) => s.attachments ? {
+      ...s,
+      attachments: s.attachments.map((a) => {
         const c = { ...a };
         return delete c.data, c;
       })
-    } : o);
-    r.append("payload", JSON.stringify({ messages: s }));
-    for (const o of t)
-      for (const a of o.attachments ?? [])
-        a.data && r.append(a.id, Je(a.data, a.mediaType), a.name);
+    } : 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 };
   }
   /**
@@ -144,41 +144,41 @@ class Xe {
    *   the stream errors or is interrupted mid-reply (code `"STREAM_ERROR"`).
    */
   async streamMessage(t, n = {}) {
-    var s;
+    var o;
     if (typeof ReadableStream > "u")
       return this.sendMessage(t);
     if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
-      throw new ye();
+      throw new De();
     this.lastSendTime = Date.now();
     let r;
-    for (let o = 0; o <= this.maxRetries; o++) {
+    for (let s = 0; s <= this.maxRetries; s++) {
       let a;
       try {
         a = await this.fetchStream(t, n.signal);
-      } catch (u) {
-        if ((s = n.signal) != null && s.aborted)
+      } catch (l) {
+        if ((o = n.signal) != null && o.aborted)
           return { reply: "", aborted: !0 };
-        if (r = u instanceof V ? u : new V(
+        if (r = l instanceof Z ? l : new Z(
           "Failed to connect. Please try again.",
           0,
           "NETWORK_ERROR"
         ), !this.isRetryable(r.status, r.code))
           throw r;
-        o < this.maxRetries && await this.delay(this.getRetryDelay(null, o));
+        s < this.maxRetries && await this.delay(this.getRetryDelay(null, s));
         continue;
       }
       if (a.status === 404 || a.status === 405)
         return this.lastSendTime = 0, this.sendMessage(t);
       if (!a.ok) {
-        const u = await a.json().catch(() => ({})), l = a.headers.get("Retry-After");
-        if (r = new V(
-          u.error ?? `Request failed with status ${a.status}`,
+        const l = await a.json().catch(() => ({})), u = a.headers.get("Retry-After");
+        if (r = new Z(
+          l.error ?? `Request failed with status ${a.status}`,
           a.status,
-          u.code,
-          l ? Number(l) : void 0
+          l.code,
+          u ? Number(u) : void 0
         ), !this.isRetryable(a.status))
           throw r;
-        o < this.maxRetries && await this.delay(this.getRetryDelay(a, o));
+        s < this.maxRetries && await this.delay(this.getRetryDelay(a, s));
         continue;
       }
       if (!(a.headers.get("Content-Type") ?? "").includes("text/event-stream"))
@@ -197,56 +197,56 @@ class Xe {
    * resolving with the partial text when the caller aborts.
    */
   async readSseStream(t, n) {
-    var m, E, N, g, d, f, v;
-    const r = t.getReader(), s = new TextDecoder();
-    let o = "", a = "";
+    var d, x, A, g, f, p, T;
+    const r = t.getReader(), o = new TextDecoder();
+    let s = "", a = "";
     const c = [];
-    let u;
-    const l = () => {
+    let l;
+    const u = () => {
       r.cancel().catch(() => {
       });
     };
-    (m = n.signal) == null || m.addEventListener("abort", l, { once: !0 });
+    (d = n.signal) == null || d.addEventListener("abort", u, { once: !0 });
     try {
       for (; ; ) {
-        let D;
+        let b;
         try {
-          D = await r.read();
-        } catch (T) {
-          if ((E = n.signal) != null && E.aborted) break;
-          throw T;
+          b = await r.read();
+        } catch (y) {
+          if ((x = n.signal) != null && x.aborted) break;
+          throw y;
         }
-        if ((N = n.signal) != null && N.aborted || D.done) break;
-        o += s.decode(D.value, { stream: !0 });
-        let C;
-        for (; (C = o.indexOf(`
+        if ((A = n.signal) != null && A.aborted || b.done) break;
+        s += o.decode(b.value, { stream: !0 });
+        let R;
+        for (; (R = s.indexOf(`
 
 `)) !== -1; ) {
-          const T = o.slice(0, C);
-          o = o.slice(C + 2);
-          const b = et(T);
-          if (b) {
-            if (b.event === "chunk") {
-              const k = typeof b.data.text == "string" ? b.data.text : "";
-              k && (a += k, (g = n.onChunk) == null || g.call(n, k, a));
-            } else if (b.event === "tool") {
-              if (typeof b.data.name == "string") {
-                const k = b.data;
-                c.push(k), (d = n.onToolUse) == null || d.call(n, k, c);
+          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);
               }
-            } else if (b.event === "done") {
-              const k = Array.isArray(b.data.toolUses) ? b.data.toolUses : c;
-              u = {
-                reply: typeof b.data.reply == "string" ? b.data.reply : a,
-                sources: b.data.sources,
-                ...k.length > 0 ? { toolUses: k } : {},
-                ...Array.isArray(b.data.attachments) ? {
-                  attachments: b.data.attachments
+            } 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 (b.event === "error")
-              throw new V(
-                typeof b.data.error == "string" ? b.data.error : "Something went wrong. Please try again.",
+            } else if (v.event === "error")
+              throw new Z(
+                typeof v.data.error == "string" ? v.data.error : "Something went wrong. Please try again.",
                 0,
                 "STREAM_ERROR"
               );
@@ -254,43 +254,43 @@ class Xe {
         }
       }
     } finally {
-      (f = n.signal) == null || f.removeEventListener("abort", l), r.releaseLock();
+      (p = n.signal) == null || p.removeEventListener("abort", u), r.releaseLock();
     }
-    if ((v = n.signal) != null && v.aborted)
+    if ((T = n.signal) != null && T.aborted)
       return {
         reply: a,
         aborted: !0,
         ...c.length > 0 ? { toolUses: c } : {}
       };
-    if (u) return u;
-    throw new V(
+    if (l) return l;
+    throw new Z(
       "Connection interrupted. Please try again.",
       0,
       "STREAM_ERROR"
     );
   }
   async fetchStream(t, n) {
-    const r = new AbortController(), s = () => r.abort();
-    n == null || n.addEventListener("abort", s, { once: !0 });
-    let o = !1;
+    const r = new AbortController(), o = () => r.abort();
+    n == null || n.addEventListener("abort", o, { once: !0 });
+    let s = !1;
     const a = this.timeoutMs > 0 ? setTimeout(() => {
-      o = !0, r.abort();
-    }, this.timeoutMs) : void 0, { headers: c, body: u } = this.buildRequest(t);
+      s = !0, r.abort();
+    }, this.timeoutMs) : void 0, { headers: c, body: l } = this.buildRequest(t);
     try {
       return await fetch(`${this.baseUrl}/api/chat/stream`, {
         method: "POST",
         headers: c,
-        body: u,
+        body: l,
         signal: r.signal
       });
-    } catch (l) {
-      throw o ? new V(
+    } catch (u) {
+      throw s ? new Z(
         "Request timed out. Please try again.",
         0,
         "TIMEOUT"
-      ) : l;
+      ) : u;
     } finally {
-      a !== void 0 && clearTimeout(a), n == null || n.removeEventListener("abort", s);
+      a !== void 0 && clearTimeout(a), n == null || n.removeEventListener("abort", o);
     }
   }
   async fetchWithTimeout(t) {
@@ -301,22 +301,22 @@ class Xe {
         headers: n,
         body: r
       });
-    const s = new AbortController(), o = setTimeout(() => s.abort(), this.timeoutMs);
+    const o = new AbortController(), s = setTimeout(() => o.abort(), this.timeoutMs);
     try {
       return await fetch(`${this.baseUrl}/api/chat`, {
         method: "POST",
         headers: n,
         body: r,
-        signal: s.signal
+        signal: o.signal
       });
     } catch (a) {
-      throw s.signal.aborted ? new V(
+      throw o.signal.aborted ? new Z(
         "Request timed out. Please try again.",
         0,
         "TIMEOUT"
       ) : a;
     } finally {
-      clearTimeout(o);
+      clearTimeout(s);
     }
   }
   isRetryable(t, n) {
@@ -326,8 +326,8 @@ class Xe {
     if (t && t.status === 429) {
       const r = t.headers.get("Retry-After");
       if (r) {
-        const s = Number(r);
-        return Math.min(s * 1e3, 6e4);
+        const o = Number(r);
+        return Math.min(o * 1e3, 6e4);
       }
     }
     return n === 0 ? 1e3 : 3e3;
@@ -336,7 +336,7 @@ class Xe {
     return new Promise((n) => setTimeout(n, t));
   }
 }
-function et(e) {
+function gt(e) {
   let t = "message";
   const n = [];
   for (const r of e.split(`
@@ -351,71 +351,71 @@ function et(e) {
     return null;
   }
 }
-function Be(e) {
+function Qe(e) {
   return typeof e == "string" ? { content: e } : e;
 }
-function Re(e, t, n) {
+function Ie(e, t, n) {
   console.error(`[claudius] plugin "${e.name}" failed in ${t}:`, n);
 }
-async function tt(e, t, n) {
+async function bt(e, t, n) {
   let r = t;
-  for (const s of e) {
-    if (!s.onBeforeSend) continue;
-    let o = null;
+  for (const o of e) {
+    if (!o.onBeforeSend) continue;
+    let s = null;
     const a = {
       ...n,
       respondWith(c) {
-        o = {
+        s = {
           type: "respond",
           message: r,
-          reply: Be(c)
+          reply: Qe(c)
         };
       },
       abort(c) {
-        o = { type: "abort", reason: c };
+        s = { type: "abort", reason: c };
       }
     };
     try {
-      const c = await s.onBeforeSend(r, a);
-      if (o) return o;
+      const c = await o.onBeforeSend(r, a);
+      if (s) return s;
       c && (r = c);
     } catch (c) {
-      Re(s, "onBeforeSend", c);
+      Ie(o, "onBeforeSend", c);
     }
   }
   return { type: "send", message: r };
 }
-async function nt(e, t, n) {
+async function yt(e, t, n) {
   let r = t;
-  for (const s of e)
-    if (s.onAfterReceive)
+  for (const o of e)
+    if (o.onAfterReceive)
       try {
-        const o = await s.onAfterReceive(r, n);
-        o && (r = o);
-      } catch (o) {
-        Re(s, "onAfterReceive", o);
+        const s = await o.onAfterReceive(r, n);
+        s && (r = s);
+      } catch (s) {
+        Ie(o, "onAfterReceive", s);
       }
   return r;
 }
-async function rt(e, t, n) {
+async function xt(e, t, n) {
   for (const r of e) {
     if (!r.onError) continue;
-    let s = null;
-    const o = {
+    let o = null;
+    const s = {
       ...n,
       respondWith(a) {
-        s = Be(a);
+        o = Qe(a);
       }
     };
     try {
-      if (await r.onError(t, o), s) return s;
+      if (await r.onError(t, s), o) return o;
     } catch (a) {
-      Re(r, "onError", a);
+      Ie(r, "onError", a);
     }
   }
   return null;
 }
-const fe = {
+const Te = {
   maxSizeBytes: 5 * 1024 * 1024,
   maxCount: 5,
   allowedTypes: [
@@ -426,14 +426,14 @@ const fe = {
     "application/pdf"
   ]
 };
-function st(e) {
-  return e ? e === !0 ? fe : {
-    maxSizeBytes: e.maxSizeBytes ?? fe.maxSizeBytes,
-    maxCount: e.maxCount ?? fe.maxCount,
-    allowedTypes: (e.allowedTypes ?? fe.allowedTypes).map((t) => t.trim().toLowerCase()).filter(Boolean)
+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)
   } : null;
 }
-function xe(e) {
+function Se(e) {
   if (!Number.isFinite(e) || e < 0) return "0 B";
   if (e < 1024) return `${e} B`;
   const t = e / 1024;
@@ -441,7 +441,7 @@ function xe(e) {
   const n = t / 1024;
   return `${Number.isInteger(n) ? n : n.toFixed(1)} MB`;
 }
-const ot = {
+const vt = {
   png: "image/png",
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
@@ -449,18 +449,18 @@ const ot = {
   webp: "image/webp",
   pdf: "application/pdf"
 };
-function He(e) {
+function Xe(e) {
   var r;
   const t = (e.type || "").trim().toLowerCase();
   if (t) return t;
   const n = ((r = e.name.split(".").pop()) == null ? void 0 : r.toLowerCase()) ?? "";
-  return ot[n] ?? "";
+  return vt[n] ?? "";
 }
-function at(e) {
+function Tt(e) {
   return e.startsWith("image/");
 }
-function it(e) {
-  if (at(e.mediaType)) {
+function Et(e) {
+  if (Tt(e.mediaType)) {
     if (e.url)
       try {
         const t = new URL(e.url);
@@ -471,63 +471,63 @@ function it(e) {
     if (e.data) return `data:${e.mediaType};base64,${e.data}`;
   }
 }
-function ct(e, t, n) {
-  const r = [], s = [];
-  let o = Math.max(0, n.maxCount - t);
+function Rt(e, t, n) {
+  const r = [], o = [];
+  let s = Math.max(0, n.maxCount - t);
   for (const a of e) {
-    const c = He(a);
-    !c || !n.allowedTypes.includes(c) ? s.push({ file: a, reason: "type" }) : a.size > n.maxSizeBytes || a.size === 0 ? s.push({ file: a, reason: "size" }) : o <= 0 ? s.push({ file: a, reason: "count" }) : (r.push(a), o -= 1);
+    const c = Xe(a);
+    !c || !n.allowedTypes.includes(c) ? o.push({ file: a, reason: "type" }) : a.size > n.maxSizeBytes || a.size === 0 ? o.push({ file: a, reason: "size" }) : s <= 0 ? o.push({ file: a, reason: "count" }) : (r.push(a), s -= 1);
   }
-  return { accepted: r, rejected: s };
+  return { accepted: r, rejected: o };
 }
-function lt(e) {
+function At(e) {
   return new Promise((t, n) => {
     const r = new FileReader();
     r.onerror = () => n(r.error ?? new Error("Failed to read file")), r.onload = () => {
-      const s = String(r.result ?? ""), o = s.indexOf(",");
-      t(o >= 0 ? s.slice(o + 1) : s);
+      const o = String(r.result ?? ""), s = o.indexOf(",");
+      t(s >= 0 ? o.slice(s + 1) : o);
     }, r.readAsDataURL(e);
   });
 }
-let Se = 0;
-function ut() {
-  return Se += 1, `att-${Date.now().toString(36)}-${Se}`;
+let je = 0;
+function St() {
+  return je += 1, `att-${Date.now().toString(36)}-${je}`;
 }
-async function dt(e) {
-  const t = await lt(e);
+async function kt(e) {
+  const t = await At(e);
   return {
-    id: ut(),
+    id: St(),
     name: e.name || "attachment",
-    mediaType: He(e),
+    mediaType: Xe(e),
     size: e.size,
     data: t
   };
 }
-function ht(e) {
+function et(e) {
   return e.map((t) => {
     var n;
     return (n = t.attachments) != null && n.some((r) => r.data) ? {
       ...t,
       attachments: t.attachments.map((r) => {
         if (!r.data) return r;
-        const s = { ...r };
-        return delete s.data, s;
+        const o = { ...r };
+        return delete o.data, o;
       })
     } : t;
   });
 }
-function ft(e, t) {
+function Ct(e, t) {
   if (!t || t.length === 0) return e;
   const n = new Map(t.map((r) => [r.id, r]));
   return e.map((r) => {
-    var s;
-    return (s = r.attachments) != null && s.some((o) => n.has(o.id)) ? {
+    var o;
+    return (o = r.attachments) != null && o.some((s) => n.has(s.id)) ? {
       ...r,
-      attachments: r.attachments.map((o) => {
-        const a = n.get(o.id);
-        if (!a) return o;
+      attachments: r.attachments.map((s) => {
+        const a = n.get(s.id);
+        if (!a) return s;
         const c = {
-          ...o,
+          ...s,
           key: a.key,
           url: a.url,
           expiresAt: a.expiresAt
@@ -537,8 +537,8 @@ function ft(e, t) {
     } : r;
   });
 }
-const mt = 200, pt = "claudius:messages";
-function gt(e, t) {
+const Mt = 200, Nt = "claudius:messages", be = () => (/* @__PURE__ */ new Date()).toISOString();
+function Dt(e, t) {
   let n;
   try {
     n = new URL(t).host;
@@ -547,15 +547,15 @@ function gt(e, t) {
   }
   return `${e}:${n}`;
 }
-function ve() {
+function Le() {
   try {
     return typeof sessionStorage < "u" ? sessionStorage : null;
   } catch {
     return null;
   }
 }
-function bt(e) {
-  const t = ve();
+function Lt(e) {
+  const t = Le();
   if (!t) return [];
   try {
     const n = t.getItem(e);
@@ -566,318 +566,330 @@ function bt(e) {
     return [];
   }
 }
-function yt({
+function It({
   apiUrl: e,
   persistMessages: t = !0,
-  storageKeyPrefix: n = pt,
+  storageKeyPrefix: n = Nt,
   timeoutMs: r,
-  translations: s,
-  plugins: o,
+  translations: o,
+  plugins: s,
   streaming: a = !0
 }) {
-  const c = ae(
-    () => new Xe(e, { debounceMs: 0, timeoutMs: r }),
+  const c = se(
+    () => new mt(e, { debounceMs: 0, timeoutMs: r }),
     [e, r]
-  ), u = gt(n, e), l = t ? bt(u) : [], [m, E] = O(l), [N, g] = O(!1), [d, f] = O(!1), [v, D] = O(
+  ), l = Dt(n, e), u = t ? Lt(l) : [], [d, x] = N(u), [A, g] = N(!1), [f, p] = N(!1), [T, b] = N(
     null
-  ), [C, T] = O(null), [b, k] = O(!1), A = L(l.length), B = L(!1), y = L(l), W = L(null), U = L(o ?? []);
-  U.current = o ?? [];
-  const H = M(
-    (x) => {
+  ), [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) => {
       if (!t) return;
-      const z = ve();
-      if (z)
+      const P = Le();
+      if (P)
         try {
-          const I = ht(x.slice(-mt));
-          z.setItem(u, JSON.stringify(I));
+          const U = et(h.slice(-Mt));
+          P.setItem(l, JSON.stringify(U));
         } catch {
         }
     },
-    [t, u]
-  ), _ = () => (A.current += 1, `msg-${A.current}`), J = M(
-    (x, z) => {
-      if (!s)
-        return z ?? "Something went wrong. Please try again.";
-      switch (x) {
+    [t, l]
+  ), q = () => ($.current += 1, `msg-${$.current}`), G = M(
+    (h, P) => {
+      if (!o)
+        return P ?? "Something went wrong. Please try again.";
+      switch (h) {
         case "TIMEOUT":
-          return s.errorTimeout;
+          return o.errorTimeout;
         case "NETWORK_ERROR":
-          return s.errorConnection;
+          return o.errorConnection;
         case "RATE_LIMITED":
-          return z != null && z.includes("minute") ? s.errorRateLimitMinute : s.errorRateLimitHour;
+          return P != null && P.includes("minute") ? o.errorRateLimitMinute : o.errorRateLimitHour;
         case "ATTACHMENT_QUOTA_EXCEEDED":
-          return s.errorAttachmentQuota;
+          return o.errorAttachmentQuota;
         case "ATTACHMENTS_DISABLED":
         case "ATTACHMENT_INVALID":
         case "ATTACHMENT_TOO_LARGE":
-          return s.errorAttachmentRejected;
+          return o.errorAttachmentRejected;
         case "VALIDATION_ERROR":
         case "CONFIG_ERROR":
         case "SERVICE_ERROR":
         case "UNKNOWN_ERROR":
         default:
-          return z ?? s.errorGeneric;
+          return P ?? o.errorGeneric;
       }
     },
-    [s]
-  ), re = M((x) => !(x instanceof V) || x.code === "TIMEOUT" || x.code === "NETWORK_ERROR" || x.code === "RATE_LIMITED" || x.code === "SERVICE_ERROR" || x.code === "UNKNOWN_ERROR" || x.status >= 500 || x.status === 0, []), X = M(
-    async (x) => {
-      var ne, Z;
-      g(!0), B.current = !0, T(null), k(!1);
-      const z = a && typeof c.streamMessage == "function";
-      let I = null;
-      const Q = (R) => {
-        if (I === null) {
-          I = _(), D(I);
-          const j = [
-            ...y.current,
-            { id: I, role: "assistant", content: "", ...R }
+    [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,
+            {
+              id: U,
+              role: "assistant",
+              content: "",
+              createdAt: be(),
+              ...k
+            }
           ];
-          y.current = j, E(j);
+          E.current = D, x(D);
         } else {
-          const j = I, P = y.current.map(
-            (Y) => Y.id === j ? { ...Y, ...R } : Y
+          const D = U, I = E.current.map(
+            (K) => K.id === D ? { ...K, ...k } : K
           );
-          y.current = P, E(P);
+          E.current = I, x(I);
         }
-      }, $ = () => {
-        if (I === null) return;
-        const R = I, j = y.current.filter((P) => P.id !== R);
-        y.current = j, E(j);
+      }, te = () => {
+        if (U === null) return;
+        const k = U, D = E.current.filter((I) => I.id !== k);
+        E.current = D, x(D);
       };
       try {
-        let R, j, P, Y, q = !1;
-        if (z) {
-          const S = new AbortController();
-          W.current = S, f(!0);
-          const F = await c.streamMessage(x, {
-            signal: S.signal,
-            onChunk: (ce, G) => Q({ content: G }),
-            onToolUse: (ce, G) => Q({ toolUses: [...G] })
+        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] })
           });
-          R = F.reply, j = F.sources, P = F.toolUses, Y = F.attachments, q = F.aborted ?? !1;
+          k = oe.reply, D = oe.sources, I = oe.toolUses, K = oe.attachments, Q = oe.aborted ?? !1;
         } else {
-          const S = await c.sendMessage(x);
-          R = S.reply, j = S.sources, P = S.toolUses, Y = S.attachments;
+          const V = await c.sendMessage(h);
+          k = V.reply, D = V.sources, I = V.toolUses, K = V.attachments;
         }
-        if (q && !R) {
-          $();
+        if (Q && !k) {
+          te();
           return;
         }
-        let se = {
-          id: I ?? _(),
+        const le = ((ne = E.current.find((V) => V.id === U)) == null ? void 0 : ne.createdAt) ?? be();
+        let Y = {
+          id: U ?? q(),
           role: "assistant",
-          content: R,
-          sources: j,
-          toolUses: P
+          content: k,
+          createdAt: le,
+          sources: D,
+          toolUses: I
         };
-        U.current.length > 0 && !q && (se = await nt(
-          U.current,
-          se,
-          { messages: x, apiUrl: e }
-        ));
-        const he = I !== null ? y.current.map(
-          (S) => S.id === se.id ? se : S
-        ) : [...x, se], h = ft(he, Y);
-        y.current = h, E(h), H(h);
-      } catch (R) {
-        if (R instanceof ye) return;
-        if (R instanceof V && ((ne = R.code) != null && ne.startsWith("ATTACHMENT")) && x.length > 0) {
-          const j = x[x.length - 1];
-          if (j.role === "user" && ((Z = j.attachments) != null && Z.length)) {
-            const P = x.slice(0, -1);
-            y.current = P, E(P), H(P);
+        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);
           }
         }
-        if (I !== null) {
-          H(y.current), R instanceof V ? T(J(R.code, R.message)) : T(
-            (s == null ? void 0 : s.errorConnection) ?? "Failed to connect. Please try again."
-          ), k(!1);
+        if (U !== null) {
+          _(E.current), k instanceof Z ? y(G(k.code, k.message)) : y(
+            (o == null ? void 0 : o.errorConnection) ?? "Failed to connect. Please try again."
+          ), C(!1);
           return;
         }
-        if (U.current.length > 0) {
-          const j = R instanceof Error ? R : new Error(String(R)), P = await rt(U.current, j, {
-            messages: x,
+        if (O.current.length > 0) {
+          const D = k instanceof Error ? k : new Error(String(k)), I = await xt(O.current, D, {
+            messages: h,
             apiUrl: e
           });
-          if (P) {
-            const Y = {
-              id: _(),
+          if (I) {
+            const K = {
+              id: q(),
               role: "assistant",
-              content: P.content,
-              sources: P.sources
-            }, q = [...x, Y];
-            y.current = q, E(q), H(q), T(null), k(!1);
+              content: I.content,
+              createdAt: be(),
+              sources: I.sources
+            }, Q = [...h, K];
+            E.current = Q, x(Q), _(Q), y(null), C(!1);
             return;
           }
         }
-        R instanceof V ? T(J(R.code, R.message)) : T(
-          (s == null ? void 0 : s.errorConnection) ?? "Failed to connect. Please try again."
-        ), k(re(R));
+        k instanceof Z ? y(G(k.code, k.message)) : y(
+          (o == null ? void 0 : o.errorConnection) ?? "Failed to connect. Please try again."
+        ), C(J(k));
       } finally {
-        g(!1), B.current = !1, f(!1), D(null), W.current = null;
+        g(!1), L.current = !1, p(!1), b(null), B.current = null;
       }
     },
     [
       e,
       c,
+      G,
       J,
-      re,
-      H,
+      _,
       a,
-      s
+      o
     ]
-  ), te = M(() => {
-    var x;
-    (x = W.current) == null || x.abort();
-  }, []), w = M(
-    async (x, z) => {
-      const I = x.trim(), Q = (z == null ? void 0 : z.filter((R) => R && R.id)) ?? [];
-      if (!I && Q.length === 0 || B.current) return;
-      const $ = {
-        id: _(),
+  ), 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(),
         role: "user",
-        content: I,
-        ...Q.length > 0 ? { attachments: Q } : {}
+        content: U,
+        createdAt: be(),
+        ...ee.length > 0 ? { attachments: ee } : {}
       };
-      let ne = $;
-      if (U.current.length > 0) {
-        const R = await tt(U.current, $, {
-          messages: y.current,
+      let ne = te;
+      if (O.current.length > 0) {
+        const H = await bt(O.current, te, {
+          messages: E.current,
           apiUrl: e
         });
-        if (R.type === "abort") return;
-        if (R.type === "respond") {
-          const j = {
-            id: _(),
+        if (H.type === "abort") return;
+        const k = (D) => D.createdAt ? D : { ...D, createdAt: te.createdAt };
+        if (H.type === "respond") {
+          const D = {
+            id: q(),
             role: "assistant",
-            content: R.reply.content,
-            sources: R.reply.sources
-          }, P = [
-            ...y.current,
-            R.message,
-            j
+            content: H.reply.content,
+            createdAt: be(),
+            sources: H.reply.sources
+          }, I = [
+            ...E.current,
+            k(H.message),
+            D
           ];
-          y.current = P, E(P), H(P), T(null), k(!1);
+          E.current = I, x(I), _(I), y(null), C(!1);
           return;
         }
-        ne = R.message;
+        ne = k(H.message);
       }
-      const Z = [...y.current, ne];
-      y.current = Z, E(Z), H(Z), await X(Z);
+      const F = [...E.current, ne];
+      E.current = F, x(F), _(F), await z(F);
     },
-    [e, H, X]
-  ), ee = M(async () => {
-    if (B.current) return;
-    const x = y.current[y.current.length - 1];
-    !x || x.role !== "user" || await X(y.current);
-  }, [X]), ie = M(() => {
-    if (y.current = [], E([]), T(null), k(!1), t) {
-      const x = ve();
-      if (!x) return;
+    [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;
       try {
-        x.removeItem(u);
+        h.removeItem(l);
       } catch {
       }
     }
-  }, [t, u]);
+  }, [t, l]);
   return {
-    messages: m,
-    isLoading: N,
-    isStreaming: d,
-    streamingMessageId: v,
-    error: C,
-    canRetry: b,
-    sendMessage: w,
-    stop: te,
-    retry: ee,
-    clearMessages: ie
+    messages: d,
+    isLoading: A,
+    isStreaming: f,
+    streamingMessageId: T,
+    error: R,
+    canRetry: v,
+    sendMessage: ie,
+    stop: ae,
+    retry: ce,
+    clearMessages: re
   };
 }
-function xt(e) {
-  const [t, n] = O(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
-  return K(() => {
+function Ot(e) {
+  const [t, n] = N(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
+  return W(() => {
     const r = window.matchMedia(e);
     n(r.matches);
-    const s = (o) => n(o.matches);
-    return r.addEventListener("change", s), () => r.removeEventListener("change", s);
+    const o = (s) => n(s.matches);
+    return r.addEventListener("change", o), () => r.removeEventListener("change", o);
   }, [e]), t;
 }
-function me(e, t) {
+function Ee(e, t) {
   return e instanceof RegExp ? e.test(t) : t.toLowerCase().includes(e.toLowerCase());
 }
-function vt() {
-  const e = document.documentElement, t = document.body, n = e.scrollTop || t.scrollTop || 0, r = Math.max(e.scrollHeight, t.scrollHeight), s = e.clientHeight || window.innerHeight, o = r - s;
-  return o <= 0 ? 100 : n / o * 100;
+function jt() {
+  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 wt({
+function $t({
   triggers: e,
   enabled: t,
   onOpen: n,
   onGreeting: r
 }) {
-  K(() => {
+  W(() => {
     if (!t || !e || e.length === 0) return;
-    const s = /* @__PURE__ */ new Set(), o = [], a = typeof window < "u" ? window.location.href : "", c = (u, l) => {
-      s.has(u) || (s.add(u), l === "open" ? n() : r(l.greeting));
+    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));
     };
-    return e.forEach((u, l) => {
-      switch (u.on) {
+    return e.forEach((l, u) => {
+      switch (l.on) {
         case "url": {
-          me(u.pattern, a) && c(l, u.action);
+          Ee(l.pattern, a) && c(u, l.action);
           break;
         }
         case "time": {
-          if (u.matchUrl && !me(u.matchUrl, a))
+          if (l.matchUrl && !Ee(l.matchUrl, a))
             return;
-          const m = window.setTimeout(
-            () => c(l, u.action),
-            Math.max(0, u.seconds * 1e3)
+          const d = window.setTimeout(
+            () => c(u, l.action),
+            Math.max(0, l.seconds * 1e3)
           );
-          o.push(() => window.clearTimeout(m));
+          s.push(() => window.clearTimeout(d));
           break;
         }
         case "scroll": {
-          if (u.matchUrl && !me(u.matchUrl, a))
+          if (l.matchUrl && !Ee(l.matchUrl, a))
             return;
-          const m = () => {
-            vt() >= u.percent && c(l, u.action);
+          const d = () => {
+            jt() >= l.percent && c(u, l.action);
           };
-          m(), window.addEventListener("scroll", m, { passive: !0 }), o.push(() => window.removeEventListener("scroll", m));
+          d(), window.addEventListener("scroll", d, { passive: !0 }), s.push(() => window.removeEventListener("scroll", d));
           break;
         }
         case "exit-intent": {
-          if (u.matchUrl && !me(u.matchUrl, a))
+          if (l.matchUrl && !Ee(l.matchUrl, a))
             return;
-          const m = (E) => {
-            E.clientY <= 0 && c(l, u.action);
+          const d = (x) => {
+            x.clientY <= 0 && c(u, l.action);
           };
-          document.addEventListener("mouseleave", m), o.push(
-            () => document.removeEventListener("mouseleave", m)
+          document.addEventListener("mouseleave", d), s.push(
+            () => document.removeEventListener("mouseleave", d)
           );
           break;
         }
       }
     }), () => {
-      o.forEach((u) => u());
+      s.forEach((l) => l());
     };
   }, [e, t, n, r]);
 }
-const Rt = {
+const Pt = {
   "bottom-right": "bottom-6 right-6",
   "bottom-left": "bottom-6 left-6",
   "top-right": "top-6 right-6",
   "top-left": "top-6 left-6"
-}, Et = qe(function({ isOpen: t, onClick: n, position: r = "bottom-right", translations: s }, o) {
-  const a = t ? (s == null ? void 0 : s.closeChat) ?? "Close chat" : (s == null ? void 0 : s.openChat) ?? "Open chat";
+}, Ut = Je(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",
     {
-      ref: o,
+      ref: s,
       onClick: n,
       "aria-label": a,
-      className: `fixed ${Rt[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__ */ p(
+      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(
         "svg",
         {
           width: "24",
@@ -911,12 +923,12 @@ const Rt = {
       )
     }
   );
-}), Tt = ge(function({
+}), Bt = ke(function({
   count: t,
   isActive: n,
   onClick: r
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ w(
     "button",
     {
       onClick: r,
@@ -924,7 +936,7 @@ const Rt = {
       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__ */ p(
+        /* @__PURE__ */ w(
           "svg",
           {
             width: "14",
@@ -948,8 +960,8 @@ const Rt = {
       ]
     }
   );
-}), St = ["http:", "https:"];
-function Ee(e) {
+}), _t = ["http:", "https:"];
+function Ce(e) {
   if (!e || typeof e != "string")
     return null;
   const t = e.trim();
@@ -957,13 +969,13 @@ function Ee(e) {
     return null;
   try {
     const n = new URL(t);
-    return St.includes(n.protocol) ? t : null;
+    return _t.includes(n.protocol) ? t : null;
   } catch {
     return null;
   }
 }
-function kt() {
-  return /* @__PURE__ */ p(
+function zt() {
+  return /* @__PURE__ */ w(
     "svg",
     {
       width: "14",
@@ -982,7 +994,7 @@ function kt() {
     }
   );
 }
-function ke({
+function $e({
   label: e,
   onClick: t
 }) {
@@ -993,7 +1005,7 @@ function ke({
       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__ */ p(
+      children: /* @__PURE__ */ w(
         "svg",
         {
           width: "10",
@@ -1013,76 +1025,72 @@ function ke({
     }
   );
 }
-const _e = ge(function({
+const tt = ke(function({
   attachment: t,
   variant: n,
   onRemove: r,
-  removeLabel: s
+  removeLabel: o
 }) {
-  const o = it(t), a = n === "composer", c = `${t.name} (${xe(t.size)})`, u = t.url ? Ee(t.url) : null;
-  if (o) {
-    const m = /* @__PURE__ */ i(
+  const s = Et(t), a = n === "composer", c = `${t.name} (${Se(t.size)})`, l = t.url ? Ce(t.url) : null;
+  if (s) {
+    const d = /* @__PURE__ */ i(
       "img",
       {
-        src: o,
+        src: s,
         alt: t.name,
         title: c,
         loading: "lazy",
         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__ */ p("div", { className: "relative inline-block", children: [
-      !a && u ? /* @__PURE__ */ p("a", { href: u, target: "_blank", rel: "noopener noreferrer", children: [
-        m,
-        /* @__PURE__ */ p("span", { className: "sr-only", children: [
+    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: [
           c,
           " (opens in a new tab)"
         ] })
-      ] }) : m,
-      r && s && /* @__PURE__ */ i(ke, { label: s, onClick: r })
+      ] }) : d,
+      r && o && /* @__PURE__ */ i($e, { label: o, onClick: r })
     ] });
   }
-  const l = /* @__PURE__ */ p(
+  const u = /* @__PURE__ */ w(
     "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(kt, {}),
+        /* @__PURE__ */ i(zt, {}),
         /* @__PURE__ */ i("span", { className: "truncate", children: t.name }),
-        /* @__PURE__ */ i("span", { className: "shrink-0 opacity-70", children: xe(t.size) })
+        /* @__PURE__ */ i("span", { className: "shrink-0 opacity-70", children: Se(t.size) })
       ]
     }
   );
-  return /* @__PURE__ */ p("div", { className: "relative inline-block", children: [
-    !a && u ? /* @__PURE__ */ p(
+  return /* @__PURE__ */ w("div", { className: "relative inline-block", children: [
+    !a && l ? /* @__PURE__ */ w(
       "a",
       {
-        href: u,
+        href: l,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "underline-offset-2 hover:underline",
         children: [
-          l,
+          u,
           /* @__PURE__ */ i("span", { className: "sr-only", children: " (opens in a new tab)" })
         ]
       }
-    ) : l,
-    r && s && /* @__PURE__ */ i(ke, { label: s, onClick: r })
+    ) : u,
+    r && o && /* @__PURE__ */ i($e, { label: o, onClick: r })
   ] });
-});
-function pe({
-  label: e,
-  onClick: t,
-  children: n
-}) {
+}), Pe = Je(function({ label: t, onClick: n, children: r }, o) {
   return /* @__PURE__ */ i(
     "button",
     {
+      ref: o,
       type: "button",
-      onClick: t,
-      "aria-label": e,
-      title: e,
+      onClick: n,
+      "aria-label": t,
+      title: t,
       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__ */ i(
         "svg",
@@ -1096,45 +1104,52 @@ function pe({
           strokeLinecap: "round",
           strokeLinejoin: "round",
           "aria-hidden": "true",
-          children: n
+          children: r
         }
       )
     }
   );
-}
-function Ct({
+});
+function Ht({
   state: e,
   labels: t,
   onPlay: n,
   onPause: r,
-  onResume: s,
-  onStop: o
+  onResume: o,
+  onStop: s
 }) {
-  return e === "idle" ? /* @__PURE__ */ p(pe, { label: t.play, onClick: n, 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" })
-  ] }) : /* @__PURE__ */ p("div", { className: "flex items-center gap-1", children: [
-    e === "paused" ? /* @__PURE__ */ i(pe, { label: t.resume, onClick: s, children: /* @__PURE__ */ i("polygon", { points: "6 3 20 12 6 21 6 3" }) }) : /* @__PURE__ */ p(pe, { label: t.pause, onClick: r, children: [
+  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());
+  }, [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: [
+      /* @__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: [
       /* @__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" })
-    ] }),
-    /* @__PURE__ */ i(pe, { label: t.stop, onClick: o, children: /* @__PURE__ */ i("rect", { x: "6", y: "6", width: "12", height: "12", rx: "1.5" }) })
+    ] }) }),
+    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" }) })
   ] });
 }
-function At(e) {
+function Ft(e) {
   const t = e.lastIndexOf(`
 `), n = t === -1 ? "" : e.slice(0, t + 1);
   let r = t === -1 ? e : e.slice(t + 1);
-  return r = Lt(r), r = Dt(r), n + r;
+  return r = Kt(r), r = Vt(r), n + r;
 }
-function Nt(e) {
+function Wt(e) {
   const t = [];
   for (let n = 0; n < e.length - 1; n++)
     e[n] === "*" && e[n + 1] === "*" && (t.push(n), n++);
   return t;
 }
-function Mt(e) {
+function Gt(e) {
   const t = [];
   for (let n = 0; n < e.length; n++)
     if (e[n] === "*") {
@@ -1146,32 +1161,32 @@ function Mt(e) {
     }
   return t;
 }
-function Lt(e) {
-  const t = Nt(e);
+function Kt(e) {
+  const t = Wt(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 Dt(e) {
-  const t = Mt(e);
+function Vt(e) {
+  const t = Gt(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 It({
+function Yt({
   toolUse: e,
   usedLabel: t,
   detailsLabel: n
 }) {
-  const [r, s] = O(!1), o = e.input !== void 0 || e.result !== void 0;
-  return /* @__PURE__ */ p("div", { className: "text-xs text-claudius-text-muted", children: [
-    /* @__PURE__ */ p(
+  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(
       "button",
       {
         type: "button",
-        disabled: !o,
-        onClick: () => s((a) => !a),
-        "aria-expanded": o ? r : void 0,
+        disabled: !s,
+        onClick: () => o((a) => !a),
+        "aria-expanded": s ? r : void 0,
         className: "flex items-center gap-1.5 rounded-claudius-full border border-claudius-border bg-claudius-surface px-2 py-0.5 hover:opacity-80 disabled:cursor-default disabled:hover:opacity-100",
         children: [
           /* @__PURE__ */ i(
@@ -1189,13 +1204,13 @@ function It({
               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__ */ p("span", { children: [
+          /* @__PURE__ */ w("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: " ✕" })
           ] }),
-          o && /* @__PURE__ */ p(we, { children: [
+          s && /* @__PURE__ */ w(ve, { children: [
             /* @__PURE__ */ i("span", { className: "sr-only", children: n }),
             /* @__PURE__ */ i(
               "svg",
@@ -1217,113 +1232,113 @@ function It({
         ]
       }
     ),
-    r && o && /* @__PURE__ */ p("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__ */ w("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 Ce = /(https?:\/\/[^\s)]+)/, Ae = /(\*\*[^*]+\*\*)/, Ne = /(\*[^*]+\*)/;
-function Ot(e, t) {
-  const n = e.match(/[.,;:!?'"]+$/), r = n ? e.slice(0, -n[0].length) : e, s = n ? n[0] : "", o = Ee(r);
-  return o ? /* @__PURE__ */ p(we, { children: [
-    /* @__PURE__ */ p(
+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(
       "a",
       {
-        href: o,
+        href: s,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "underline font-medium hover:opacity-80 text-claudius-link",
         children: [
-          o.replace(/^https?:\/\//, ""),
+          s.replace(/^https?:\/\//, ""),
           /* @__PURE__ */ i("span", { className: "sr-only", children: " (opens in a new tab)" })
         ]
       },
       t
     ),
-    s
+    o
   ] }) : e;
 }
-function jt(e, t) {
-  const n = e.split(Ae), r = [];
-  return n.forEach((s, o) => {
-    if (Ae.test(s)) {
-      const a = s.slice(2, -2);
-      r.push(/* @__PURE__ */ i("strong", { children: a }, `${t}-b${o}`));
+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
-      s.split(Ne).forEach((c, u) => {
-        if (Ne.test(c)) {
-          const l = c.slice(1, -1);
-          r.push(/* @__PURE__ */ i("em", { children: l }, `${t}-b${o}-i${u}`));
+      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(Ce).forEach((m, E) => {
-            Ce.test(m) ? r.push(
-              Ot(m, `${t}-b${o}-i${u}-u${E}`)
-            ) : m && r.push(m);
+          c.split(Ue).forEach((d, x) => {
+            Ue.test(d) ? r.push(
+              qt(d, `${t}-b${s}-i${l}-u${x}`)
+            ) : d && r.push(d);
           });
       });
   }), r;
 }
-function Pt(e) {
+function Jt(e) {
   const t = e.split(`
 `);
-  return t.map((n, r) => /* @__PURE__ */ p("span", { children: [
-    jt(n, `l${r}`),
+  return t.map((n, r) => /* @__PURE__ */ w("span", { children: [
+    Zt(n, `l${r}`),
     r < t.length - 1 && /* @__PURE__ */ i("br", {})
   ] }, r));
 }
-const Bt = ge(function({
+const Qt = ke(function({
   role: t,
   content: n,
   isStreaming: r = !1,
-  sources: s,
-  attachments: o,
+  sources: o,
+  attachments: s,
   toolUses: a,
   toolUsedLabel: c = "Used tool:",
-  toolDetailsLabel: u = "Tool details",
-  onSourceClick: l,
-  isSourceActive: m,
-  speech: E
+  toolDetailsLabel: l = "Tool details",
+  onSourceClick: u,
+  isSourceActive: d,
+  speech: x
 }) {
-  const N = t === "user", g = !!o && o.length > 0, d = r ? At(n) : n, f = N || n !== "" || !(a != null && a.length);
-  return /* @__PURE__ */ p("div", { className: `${N ? "ml-auto" : "mr-auto"} max-w-[85%]`, children: [
-    f && /* @__PURE__ */ p(
+  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(
       "div",
       {
-        className: `rounded-claudius-bubble px-4 py-2.5 text-sm leading-relaxed font-body ${N ? "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 ${A ? "bg-claudius-user-bubble text-claudius-user-bubble-text rounded-br-claudius-tail" : "bg-claudius-assistant-bubble text-claudius-assistant-bubble-text rounded-bl-claudius-tail"}`,
         children: [
           g && /* @__PURE__ */ i(
             "ul",
             {
               className: `flex flex-wrap gap-2 ${n ? "mb-2" : ""}`,
               "aria-label": "Attachments",
-              children: o.map((v) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(_e, { attachment: v, variant: "message" }) }, v.id))
+              children: s.map((T) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(tt, { attachment: T, variant: "message" }) }, T.id))
             }
           ),
-          (n !== "" || !g) && Pt(d)
+          (n !== "" || !g) && Jt(f)
         ]
       }
     ),
-    !N && a && a.length > 0 && /* @__PURE__ */ i("div", { className: "mt-1 space-y-1", children: a.map((v, D) => /* @__PURE__ */ i(
-      It,
+    !A && a && a.length > 0 && /* @__PURE__ */ i("div", { className: "mt-1 space-y-1", children: a.map((T, b) => /* @__PURE__ */ i(
+      Yt,
       {
-        toolUse: v,
+        toolUse: T,
         usedLabel: c,
-        detailsLabel: u
+        detailsLabel: l
       },
-      `${v.name}-${D}`
+      `${T.name}-${b}`
     )) }),
-    !N && s && s.length > 0 && l && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(
-      Tt,
+    !A && o && o.length > 0 && u && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(
+      Bt,
       {
-        count: s.length,
-        isActive: m ?? !1,
-        onClick: l
+        count: o.length,
+        isActive: d ?? !1,
+        onClick: u
       }
     ) }),
-    !N && E && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(Ct, { ...E }) })
+    !A && x && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(Ht, { ...x }) })
   ] });
-}), ze = {
+}), nt = {
   // ChatWindow
   title: "Chat",
   subtitle: "Ask me anything",
@@ -1362,6 +1377,19 @@ const Bt = ge(function({
   pauseReading: "Pause reading",
   resumeReading: "Resume reading",
   stopReading: "Stop reading",
+  // Conversation export
+  moreOptions: "More options",
+  copyAsMarkdown: "Copy as Markdown",
+  downloadAsMarkdown: "Download as Markdown",
+  downloadAsJson: "Download as JSON",
+  copiedToClipboard: "Copied to clipboard",
+  copyFailed: "Could not copy. Try downloading instead.",
+  transcriptTitle: "Chat transcript",
+  transcriptExported: "Exported {date}",
+  transcriptUser: "User",
+  transcriptAssistant: "Assistant",
+  transcriptAttachments: "Attachments:",
+  transcriptSources: "Sources:",
   // Errors
   errorGeneric: "Something went wrong. Please try again.",
   errorConnection: "Failed to connect. Please try again.",
@@ -1371,54 +1399,58 @@ const Bt = ge(function({
   errorAttachmentRejected: "An attachment was rejected. Please remove it and try again.",
   errorAttachmentQuota: "Upload limit reached. Please try again later.",
   errorRetry: "Retry"
-}, Ue = ze;
-function Hn(e) {
-  return { ...Ue, ...e };
+}, Oe = nt;
+function xr(e) {
+  return { ...Oe, ...e };
 }
-function Me(e) {
+function ze(e) {
   return e.key === " " || e.key === "Enter";
 }
-function Ht({
+function Xt({
   mode: e,
   isListening: t,
   disabled: n = !1,
   onStart: r,
-  onStop: s,
-  label: o
+  onStop: o,
+  label: s
 }) {
-  const a = e === "hold", c = L(!1), u = () => {
-    n || c.current || (c.current = !0, r());
-  }, l = () => {
-    c.current && (c.current = !1, s());
+  const a = e === "hold", c = S(!1), l = () => {
+    n || c.current || (c.current = !0, r({ held: !0 }));
+  }, u = () => {
+    c.current && (c.current = !1, o());
   };
   return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
       disabled: n,
-      "aria-label": o,
+      "aria-label": s,
       "aria-pressed": t,
-      title: o,
-      onClick: (d) => {
-        a && d.detail !== 0 || (t ? s() : r());
+      title: s,
+      onClick: (f) => {
+        a && f.detail !== 0 || (t ? o() : r({ held: !1 }));
       },
-      onPointerDown: (d) => {
-        var f, v;
-        !a || d.button !== 0 || ((v = (f = d.currentTarget).setPointerCapture) == null || v.call(f, d.pointerId), u());
+      onPointerDown: (f) => {
+        var p, T;
+        !a || f.button !== 0 || ((T = (p = f.currentTarget).setPointerCapture) == null || T.call(p, f.pointerId), l());
       },
-      onPointerUp: l,
-      onPointerCancel: l,
-      onLostPointerCapture: l,
-      onKeyDown: (d) => {
-        !a || !Me(d) || (d.preventDefault(), d.repeat || u());
+      onPointerUp: u,
+      onPointerCancel: u,
+      onLostPointerCapture: u,
+      onKeyDown: (f) => {
+        !a || !ze(f) || (f.preventDefault(), f.repeat || l());
       },
-      onKeyUp: (d) => {
-        !a || !Me(d) || (d.preventDefault(), l());
+      onKeyUp: (f) => {
+        !a || !ze(f) || (f.preventDefault(), u());
       },
-      onBlur: l,
-      onContextMenu: a ? (d) => d.preventDefault() : void 0,
+      onBlur: u,
+      onContextMenu: a ? (f) => f.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 ? "border-claudius-accent bg-claudius-accent text-claudius-accent-text" : "border-claudius-border bg-claudius-field text-claudius-text-muted hover:text-claudius-text focus:border-claudius-accent"} ${a ? "touch-none select-none" : ""}`,
+      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
+        // keyboard users can still see where focus is.
+        "border-claudius-accent bg-claudius-accent text-claudius-accent-text focus:ring-2 focus:ring-offset-2 focus:ring-offset-claudius-surface"
+      ) : "border-claudius-border bg-claudius-field text-claudius-text-muted hover:text-claudius-text focus:border-claudius-accent"} ${a ? "touch-none select-none" : ""}`,
       children: t && !a ? (
         // Same stop square the send button turns into while a reply streams:
         // it says what a click will do, and keeps this button from looking
@@ -1434,7 +1466,7 @@ function Ht({
             children: /* @__PURE__ */ i("rect", { x: "6", y: "6", width: "12", height: "12", rx: "1.5" })
           }
         )
-      ) : /* @__PURE__ */ p(
+      ) : /* @__PURE__ */ w(
         "svg",
         {
           width: "16",
@@ -1456,8 +1488,8 @@ function Ht({
     }
   );
 }
-function _t({ active: e }) {
-  return /* @__PURE__ */ p(
+function en({ active: e }) {
+  return /* @__PURE__ */ w(
     "span",
     {
       "aria-hidden": "true",
@@ -1472,85 +1504,89 @@ function _t({ active: e }) {
     }
   );
 }
-function be(e, t) {
+function Re(e, t) {
   return e.replace(
     /\{(\w+)\}/g,
     (n, r) => r in t ? String(t[r]) : n
   );
 }
-const zt = {
+const tn = {
   en: "en-US",
   es: "es-ES",
   fr: "fr-FR",
   de: "de-DE"
-}, Ut = ["toggle", "hold"];
-function Le(e, t) {
+}, nn = ["toggle", "hold"];
+function He(e, t) {
   if (!(!e || !e.includes("-")))
     return e.toLowerCase().split("-")[0] === t ? e : void 0;
 }
-function $t(e, t) {
+function rt(e, t) {
   const n = t == null ? void 0 : t.trim();
   if (n) return n;
-  const r = typeof document < "u" ? Le(document.documentElement.lang, e) : void 0;
+  const r = typeof document < "u" ? He(document.documentElement.lang, e) : void 0;
   if (r) return r;
-  const s = typeof navigator < "u" ? Le(navigator.language, e) : void 0;
-  return s || zt[e];
-}
-function Ft(e, t) {
-  if (!e) return null;
-  const n = e === !0 ? {} : e, r = {
-    input: n.input ?? !0,
-    output: n.output ?? !0,
+  const o = typeof navigator < "u" ? He(navigator.language, e) : void 0;
+  return o || tn[e];
+}
+function rn(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: Ut.includes(n.mode) ? n.mode : "toggle",
-    autoSubmit: n.autoSubmit ?? !1,
-    lang: $t(t, n.lang)
+    mode: nn.includes(r.mode) ? r.mode : "toggle",
+    autoSubmit: r.autoSubmit ?? !1,
+    lang: rt(t, r.lang)
   };
-  return r.input || r.output ? r : null;
+  return o.input || o.output ? o : null;
 }
-function Wt(e, t, n) {
+function on(e, t, n) {
   const r = t.trim();
   if (!r) return e;
-  const s = e.trimEnd();
-  return (s ? `${s} ${r}` : r).slice(0, n);
+  const o = e.trimEnd();
+  return (o ? `${o} ${r}` : r).slice(0, n);
 }
-function Gt(e) {
+function sn(e) {
   const t = [];
   let n = 0;
   for (let r = 0; r < e.length; r++) {
-    const s = e[r];
-    (s === `
-` || (s === "." || s === "!" || s === "?") && (r + 1 === e.length || /\s/.test(e[r + 1]))) && (t.push(e.slice(n, r + 1)), n = r + 1);
+    const o = e[r];
+    (o === `
+` || o === "。" || o === "！" || o === "？" || (o === "." || o === "!" || o === "?") && (r + 1 === e.length || /\s/.test(e[r + 1]))) && (t.push(e.slice(n, r + 1)), n = r + 1);
   }
   return n < e.length && t.push(e.slice(n)), t;
 }
-function Vt(e, t = 200) {
+function an(e, t = 150) {
   const n = [];
   let r = "";
-  const s = () => {
-    const o = r.trim();
-    o && n.push(o), r = "";
+  const o = () => {
+    const s = r.trim();
+    s && n.push(s), r = "";
   };
-  for (const o of Gt(e)) {
-    if ((r + o).trim().length <= t) {
-      r += o;
+  for (const s of sn(e)) {
+    if ((r + s).trim().length <= t) {
+      r += s;
       continue;
     }
-    if (s(), o.trim().length <= t) {
-      r = o;
+    if (o(), s.trim().length <= t) {
+      r = s;
       continue;
     }
-    for (const a of o.trim().split(/\s+/))
-      r && `${r} ${a}`.length > t && s(), r = r ? `${r} ${a}` : a;
+    for (let a of s.trim().split(/\s+/)) {
+      for (r && `${r} ${a}`.length > t && o(); a.length > t; )
+        n.push(a.slice(0, t)), a = a.slice(t);
+      r = r ? `${r} ${a}` : a;
+    }
   }
-  return s(), n;
+  return o(), n;
 }
-function De() {
+function Fe() {
   if (typeof window > "u") return;
   const e = window;
   return e.SpeechRecognition ?? e.webkitSpeechRecognition;
 }
-function Kt(e) {
+function cn(e) {
   switch (e) {
     case "not-allowed":
     case "service-not-allowed":
@@ -1563,217 +1599,237 @@ function Kt(e) {
       return "unavailable";
   }
 }
-function Yt(e) {
-  const [t] = O(() => De() !== void 0), [n, r] = O(!1), [s, o] = O(!1), a = L(null), c = L(!1), u = L(e);
-  K(() => {
-    u.current = e;
+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(() => {
+    l.current = e;
   });
-  const l = 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), o(!1);
-  }, []), m = M(() => {
+  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 && (l(g), g.abort());
-  }, [l]), E = M(() => {
+    g && (u(g), g.abort());
+  }, [u]), x = M(() => {
     const g = a.current;
-    if (g) {
-      if (!c.current) {
-        m();
-        return;
-      }
-      g.stop();
-    }
-  }, [m]), N = M(() => {
-    var D, C;
-    const g = De();
-    if (!g || a.current) return;
-    const d = new g();
-    d.lang = u.current.lang, d.interimResults = !0, d.continuous = !1;
-    let f = "", v = !1;
-    d.onstart = () => {
+    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 = () => {
       c.current = !0;
-    }, d.onspeechstart = () => o(!0), d.onspeechend = () => o(!1), d.onresult = (T) => {
-      var A, B;
-      let b = "", k = "";
-      for (let y = 0; y < T.results.length; y++) {
-        const W = T.results[y];
-        W.isFinal ? b += W[0].transcript : k += W[0].transcript;
+    };
+    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;
       }
-      f = b, o(!0), (B = (A = u.current).onTranscript) == null || B.call(A, b + k);
-    }, d.onerror = (T) => {
-      var b, k;
-      T.error !== "aborted" && (v = !0, (k = (b = u.current).onError) == null || k.call(b, Kt(T.error)));
-    }, d.onend = () => {
-      var T, b;
-      l(d), v || (b = (T = u.current).onEnd) == null || b.call(T, f);
-    }, a.current = d, c.current = !1, r(!0);
+      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);
     try {
-      d.start();
+      f.start();
     } catch {
-      l(d), (C = (D = u.current).onError) == null || C.call(D, "unavailable");
+      return u(f), (R = (b = l.current).onError) == null || R.call(b, "unavailable"), !1;
     }
-  }, [l]);
-  return K(() => m, [m]), { isSupported: t, isListening: n, isSpeechDetected: s, start: N, stop: E, abort: m };
+    return !0;
+  }, [u]);
+  return W(() => d, [d]), { isSupported: t, isListening: n, isSpeechDetected: o, start: A, stop: x, abort: d };
 }
-const le = 2e3, qt = 1800;
-function Ie(e) {
+const ye = 2e3, un = 1800;
+function We(e) {
   var n;
   const t = (n = e.dataTransfer) == null ? void 0 : n.types;
   return !!t && Array.from(t).includes("Files");
 }
-function Qt({
+function dn({
   onSend: e,
   isLoading: t,
   isStreaming: n = !1,
   onStop: r,
-  placeholder: s,
-  translations: o,
+  placeholder: o,
+  translations: s,
   attachments: a = null,
   voice: c = null,
-  onVoiceStart: u
+  onVoiceStart: l,
+  isReadingAloud: u = !1
 }) {
-  const l = o ?? Ue, [m, E] = O(""), [N, g] = O([]), [d, f] = O(null), [v, D] = O(!1), [C, T] = O(null), b = L(null), k = L(null), A = L([]), B = L(0), y = L(""), W = L(""), U = (h) => {
-    y.current = h, E(h);
-  }, H = m.length, _ = H >= qt, J = H >= le, re = s ?? l.placeholder, X = !!a && N.length < a.maxCount, te = n && !!r;
-  K(() => {
-    var h;
-    t || (h = b.current) == null || h.focus();
+  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();
   }, [t]);
-  const w = M(
-    (h, S) => {
+  const P = M(
+    (m, j) => {
       if (!a) return "";
-      switch (S) {
+      switch (j) {
         case "size":
-          return be(l.attachmentTooLarge, {
-            name: h,
-            max: xe(a.maxSizeBytes)
+          return Re(d.attachmentTooLarge, {
+            name: m,
+            max: Se(a.maxSizeBytes)
           });
         case "type":
-          return be(l.attachmentTypeNotAllowed, { name: h });
+          return Re(d.attachmentTypeNotAllowed, { name: m });
         case "count":
-          return be(l.attachmentTooMany, {
+          return Re(d.attachmentTooMany, {
             max: a.maxCount
           });
       }
     },
-    [a, l]
-  ), ee = M(
-    async (h) => {
-      if (!a || h.length === 0) return;
-      const { accepted: S, rejected: F } = ct(
-        h,
-        A.current.length,
+    [a, d]
+  ), U = M(
+    async (m) => {
+      if (!a || m.length === 0) return;
+      const { accepted: j, rejected: fe } = Rt(
+        m,
+        L.current.length,
         a
       );
-      if (f(
-        F.length > 0 ? w(F[0].file.name, F[0].reason) : null
-      ), S.length === 0) return;
-      const ce = await Promise.all(S.map(dt));
-      A.current = [...A.current, ...ce], g(A.current);
+      if (T(
+        fe.length > 0 ? P(fe[0].file.name, fe[0].reason) : null
+      ), j.length === 0) return;
+      const ut = await Promise.all(j.map(kt));
+      L.current = [...L.current, ...ut], f(L.current);
     },
-    [a, w]
-  ), ie = M((h) => {
-    A.current = A.current.filter((S) => S.id !== h), g(A.current), f(null);
-  }, []), x = () => {
-    const h = y.current.trim(), S = A.current;
-    !h && S.length === 0 || y.current.length >= le || (S.length > 0 ? e(h, S) : e(h), U(""), A.current = [], g([]), f(null));
-  }, z = (h) => {
-    switch (h) {
+    [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) {
       case "permission":
-        return l.voicePermissionDenied;
+        return d.voicePermissionDenied;
       case "no-speech":
-        return l.voiceNoSpeech;
+        return d.voiceNoSpeech;
       case "no-microphone":
-        return l.voiceNoMicrophone;
+        return d.voiceNoMicrophone;
       case "unavailable":
-        return l.voiceUnavailable;
+        return d.voiceUnavailable;
     }
-  }, I = Yt({
+  }, F = ln({
     lang: (c == null ? void 0 : c.lang) ?? "en-US",
-    onTranscript: (h) => U(
-      Wt(W.current, h, le)
+    onTranscript: (m) => J(
+      on(O.current, m, ye)
     ),
-    onEnd: (h) => {
-      c != null && c.autoSubmit && h.trim() && x();
+    onEnd: (m) => {
+      const j = m.trim() !== "";
+      if (j && (q.current = !0), !_.current) {
+        D();
+        return;
+      }
+      j && I();
     },
-    onError: (h) => T(z(h))
-  }), Q = !!(c != null && c.input) && I.isSupported, $ = I.isListening;
-  K(() => {
-    const h = b.current;
-    $ && h && (h.scrollLeft = h.scrollWidth);
-  }, [$, m]);
-  const ne = () => {
-    T(null), W.current = y.current, u == null || u(), I.start();
-  }, Z = (h) => {
-    h.preventDefault(), I.abort(), x();
-  }, R = (h) => {
-    const S = h.target.value;
-    S.length <= le && (I.abort(), T(null), U(S));
-  }, j = (h) => {
-    const S = Array.from(h.target.files ?? []);
-    h.target.value = "", ee(S);
-  }, P = (h) => {
-    var F;
+    onError: (m) => {
+      m === "no-speech" && q.current || (G.current = !0, v(ne(m)));
+    }
+  }), 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());
+  }, [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;
     if (!a) return;
-    const S = Array.from(((F = h.clipboardData) == null ? void 0 : F.files) ?? []);
-    S.length !== 0 && (h.preventDefault(), ee(S));
+    const j = Array.from(((fe = m.clipboardData) == null ? void 0 : fe.files) ?? []);
+    j.length !== 0 && (m.preventDefault(), U(j));
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ w(
     "form",
     {
-      onSubmit: Z,
-      onDragEnter: (h) => {
-        !a || !Ie(h) || (h.preventDefault(), B.current += 1, D(!0));
+      onSubmit: me,
+      onDragEnter: (m) => {
+        !a || !We(m) || (m.preventDefault(), E.current += 1, R(!0));
       },
-      onDragOver: (h) => {
-        !a || !Ie(h) || h.preventDefault();
+      onDragOver: (m) => {
+        !a || !We(m) || m.preventDefault();
       },
       onDragLeave: () => {
-        a && (B.current = Math.max(0, B.current - 1), B.current === 0 && D(!1));
+        a && (E.current = Math.max(0, E.current - 1), E.current === 0 && R(!1));
       },
-      onDrop: (h) => {
-        var S;
-        a && (h.preventDefault(), B.current = 0, D(!1), ee(Array.from(((S = h.dataTransfer) == null ? void 0 : S.files) ?? [])));
+      onDrop: (m) => {
+        var j;
+        a && (m.preventDefault(), E.current = 0, R(!1), U(Array.from(((j = m.dataTransfer) == null ? void 0 : j.files) ?? [])));
       },
-      "data-drag-over": v || void 0,
-      className: `relative border-t border-claudius-border bg-claudius-surface p-3 ${v ? "ring-2 ring-inset ring-claudius-accent" : ""}`,
+      "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" : ""}`,
       children: [
-        v && /* @__PURE__ */ i(
+        b && /* @__PURE__ */ i(
           "div",
           {
             "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: l.dropFilesHint
+            children: d.dropFilesHint
           }
         ),
-        a && N.length > 0 && /* @__PURE__ */ i(
+        a && g.length > 0 && /* @__PURE__ */ i(
           "ul",
           {
-            "aria-label": l.attachmentsLabel,
+            "aria-label": d.attachmentsLabel,
             className: "mb-2 flex flex-wrap gap-3 pt-1",
-            children: N.map((h) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-              _e,
+            children: g.map((m) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+              tt,
               {
-                attachment: h,
+                attachment: m,
                 variant: "composer",
-                onRemove: () => ie(h.id),
-                removeLabel: `${l.removeAttachment}: ${h.name}`
+                onRemove: () => ee(m.id),
+                removeLabel: `${d.removeAttachment}: ${m.name}`
               }
-            ) }, h.id))
+            ) }, m.id))
           }
         ),
-        /* @__PURE__ */ p("div", { className: "flex gap-2", children: [
-          a && /* @__PURE__ */ p(we, { children: [
+        /* @__PURE__ */ w("div", { className: "flex gap-2", children: [
+          a && /* @__PURE__ */ w(ve, { children: [
             /* @__PURE__ */ i(
               "input",
               {
-                ref: k,
+                ref: $,
                 type: "file",
                 multiple: !0,
                 hidden: !0,
                 tabIndex: -1,
                 accept: a.allowedTypes.join(","),
-                onChange: j,
-                "aria-label": l.attachFile
+                onChange: V,
+                "aria-label": d.attachFile
               }
             ),
             /* @__PURE__ */ i(
@@ -1781,12 +1837,12 @@ function Qt({
               {
                 type: "button",
                 onClick: () => {
-                  var h;
-                  return (h = k.current) == null ? void 0 : h.click();
+                  var m;
+                  return (m = $.current) == null ? void 0 : m.click();
                 },
-                disabled: t || !X,
-                "aria-label": l.attachFile,
-                title: l.attachFile,
+                disabled: t || !re,
+                "aria-label": d.attachFile,
+                title: d.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",
@@ -1806,41 +1862,41 @@ function Qt({
               }
             )
           ] }),
-          /* @__PURE__ */ p("div", { className: "relative min-w-0 flex-1", children: [
+          /* @__PURE__ */ w("div", { className: "relative min-w-0 flex-1", children: [
             /* @__PURE__ */ i(
               "input",
               {
-                ref: b,
+                ref: C,
                 type: "text",
-                value: m,
-                onChange: R,
-                onPaste: P,
-                placeholder: $ ? l.voiceListening : re,
+                value: x,
+                onChange: ue,
+                onPaste: oe,
+                placeholder: k ? d.voiceListening : ce,
                 disabled: t,
-                "aria-label": l.typeYourMessage,
-                "aria-describedby": _ ? "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 ${$ ? "pr-10" : "pr-3"}`
+                "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"}`
               }
             ),
-            $ && /* @__PURE__ */ i(_t, { active: I.isSpeechDetected })
+            k && /* @__PURE__ */ i(en, { active: F.isSpeechDetected })
           ] }),
-          Q && c && /* @__PURE__ */ i(
-            Ht,
+          H && c && /* @__PURE__ */ i(
+            Xt,
             {
               mode: c.mode,
-              isListening: $,
+              isListening: k,
               disabled: t,
-              onStart: ne,
-              onStop: I.stop,
-              label: c.mode === "hold" ? l.voiceInputHold : l.voiceInput
+              onStart: K,
+              onStop: Q,
+              label: c.mode === "hold" ? d.voiceInputHold : d.voiceInput
             }
           ),
-          te ? /* @__PURE__ */ i(
+          h ? /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               onClick: r,
-              "aria-label": l.stopGenerating,
+              "aria-label": d.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",
@@ -1858,10 +1914,10 @@ function Qt({
             "button",
             {
               type: "submit",
-              disabled: t || J,
-              "aria-label": l.sendMessage,
+              disabled: t || ie,
+              "aria-label": d.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__ */ p(
+              children: /* @__PURE__ */ w(
                 "svg",
                 {
                   width: "16",
@@ -1882,17 +1938,17 @@ function Qt({
             }
           )
         ] }),
-        (d ?? C) && /* @__PURE__ */ i("div", { role: "alert", className: "mt-1 text-xs text-claudius-error", children: d ?? C }),
-        _ && /* @__PURE__ */ p(
+        (p ?? y) && /* @__PURE__ */ i("div", { role: "alert", className: "mt-1 text-xs text-claudius-error", children: p ?? y }),
+        ae && /* @__PURE__ */ w(
           "div",
           {
             id: "char-count",
-            className: `mt-1 text-xs text-right ${J ? "text-claudius-error" : "text-claudius-text-muted"}`,
+            className: `mt-1 text-xs text-right ${ie ? "text-claudius-error" : "text-claudius-text-muted"}`,
             "aria-live": "polite",
             children: [
-              H,
+              z,
               "/",
-              le
+              ye
             ]
           }
         )
@@ -1900,32 +1956,32 @@ function Qt({
     }
   );
 }
-const Zt = ["blog", "page", "external"], Jt = {
+const fn = ["blog", "page", "external"], hn = {
   blog: "Blog",
   page: "Page",
   external: "External"
 };
-function Xt(e) {
+function pn(e) {
   try {
     return new URL(e).hostname;
   } catch {
     return e;
   }
 }
-const en = ge(function({
+const mn = ke(function({
   sources: t,
   onClose: n
 }) {
-  const r = Zt.map((o) => ({
-    type: o,
-    label: Jt[o],
-    items: t.filter((a) => a.type === o)
-  })).filter((o) => o.items.length > 0), s = t.length === 1 ? "1 source found" : `${t.length} sources found`;
-  return /* @__PURE__ */ p("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__ */ p("div", { className: "flex items-center justify-between border-b border-claudius-border px-4 py-3", children: [
-      /* @__PURE__ */ p("div", { children: [
+  const r = fn.map((s) => ({
+    type: s,
+    label: hn[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: [
         /* @__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: s })
+        /* @__PURE__ */ i("p", { className: "text-xs text-claudius-text-muted", children: o })
       ] }),
       /* @__PURE__ */ i(
         "button",
@@ -1933,7 +1989,7 @@ const en = ge(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__ */ p(
+          children: /* @__PURE__ */ w(
             "svg",
             {
               width: "14",
@@ -1954,11 +2010,11 @@ const en = ge(function({
         }
       )
     ] }),
-    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-4", children: r.map((o) => /* @__PURE__ */ p("div", { children: [
-      /* @__PURE__ */ i("h4", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-claudius-text-muted", children: o.label }),
-      /* @__PURE__ */ i("div", { className: "space-y-2", children: o.items.map((a) => {
-        const c = Ee(a.url);
-        return c ? /* @__PURE__ */ p(
+    /* @__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("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(
           "a",
           {
             href: c,
@@ -1967,23 +2023,24 @@ const en = ge(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: Xt(c) })
+              /* @__PURE__ */ i("p", { className: "mt-0.5 text-xs text-claudius-text-muted", children: pn(c) })
             ]
           },
           c
         ) : null;
       }) })
-    ] }, o.type)) })
+    ] }, s.type)) })
   ] });
 });
-function tn({
+function gn({
   title: e,
   subtitle: t,
   titleId: n,
   closeLabel: r,
-  onClose: s
+  onClose: o,
+  actions: s
 }) {
-  return /* @__PURE__ */ p("div", { className: "flex items-center gap-3 bg-claudius-accent px-5 py-4", children: [
+  return /* @__PURE__ */ w("div", { className: "flex items-center gap-3 bg-claudius-accent px-5 py-4", children: [
     /* @__PURE__ */ i(
       "div",
       {
@@ -1992,7 +2049,7 @@ function tn({
         children: e.charAt(0).toUpperCase()
       }
     ),
-    /* @__PURE__ */ p("div", { className: "flex-1", children: [
+    /* @__PURE__ */ w("div", { className: "flex-1", children: [
       /* @__PURE__ */ i(
         "h2",
         {
@@ -2003,13 +2060,14 @@ function tn({
       ),
       /* @__PURE__ */ i("p", { className: "text-xs text-claudius-accent-text", children: t })
     ] }),
+    s,
     /* @__PURE__ */ i(
       "button",
       {
-        onClick: s,
+        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__ */ p(
+        children: /* @__PURE__ */ w(
           "svg",
           {
             width: "18",
@@ -2031,12 +2089,12 @@ function tn({
     )
   ] });
 }
-function nn({
+function bn({
   message: e,
   retryLabel: t,
   onRetry: n
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ w(
     "div",
     {
       role: "alert",
@@ -2056,7 +2114,7 @@ function nn({
     }
   );
 }
-function rn({ label: e }) {
+function yn({ label: e }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2064,7 +2122,7 @@ function rn({ label: e }) {
       "aria-live": "polite",
       "aria-label": e,
       className: "mr-auto flex max-w-[85%]",
-      children: /* @__PURE__ */ p("div", { className: "flex gap-1 rounded-claudius-bubble rounded-bl-claudius-tail bg-claudius-assistant-bubble px-4 py-3", children: [
+      children: /* @__PURE__ */ w("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]" })
@@ -2072,237 +2130,672 @@ function rn({ label: e }) {
     }
   );
 }
-function sn(e, t, n) {
-  const [r, s] = O(0), o = L(0), a = L(0), c = L(0), u = L(!1);
-  return K(() => {
-    const l = e.current;
-    if (!n || !l) return;
-    const m = (g) => {
-      if (l.scrollTop > 0) {
-        u.current = !1;
+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();
+  }, A = (b) => {
+    var R;
+    o(!1), (R = l.current) == null || R.focus();
+  };
+  W(() => {
+    var R;
+    if (!r) return;
+    d.current !== null && ((R = u.current[d.current]) == null || R.focus(), d.current = null);
+    const b = (y) => {
+      var v;
+      (v = c.current) != null && v.contains(y.target) || o(!1);
+    };
+    return document.addEventListener("pointerdown", b), () => document.removeEventListener("pointerdown", b);
+  }, [r]);
+  const g = (b) => {
+    var y;
+    const R = t.length;
+    (y = u.current[(b + R) % R]) == null || y.focus();
+  };
+  return /* @__PURE__ */ w("div", { ref: c, className: "relative", children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        ref: l,
+        id: s,
+        type: "button",
+        "aria-label": e,
+        "aria-haspopup": "menu",
+        "aria-expanded": r,
+        "aria-controls": r ? a : void 0,
+        onClick: () => r ? A() : x(0),
+        onKeyDown: (b) => {
+          b.key === "ArrowDown" ? (b.preventDefault(), x(0)) : b.key === "ArrowUp" && (b.preventDefault(), x(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(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ i("circle", { cx: "12", cy: "5", r: "1.75" }),
+              /* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "1.75" }),
+              /* @__PURE__ */ i("circle", { cx: "12", cy: "19", r: "1.75" })
+            ]
+          }
+        )
+      }
+    ),
+    r && /* @__PURE__ */ i(
+      "div",
+      {
+        id: a,
+        role: "menu",
+        "aria-labelledby": s,
+        tabIndex: -1,
+        onKeyDown: (b) => {
+          const R = u.current.findIndex(
+            (y) => y === document.activeElement
+          );
+          switch (b.key) {
+            case "ArrowDown":
+              b.preventDefault(), g(R + 1);
+              break;
+            case "ArrowUp":
+              b.preventDefault(), g(R === -1 ? t.length - 1 : R - 1);
+              break;
+            case "Home":
+              b.preventDefault(), g(0);
+              break;
+            case "End":
+              b.preventDefault(), g(t.length - 1);
+              break;
+            case "Escape":
+              b.preventDefault(), b.stopPropagation(), A();
+              break;
+            case "Tab":
+              b.shiftKey && (b.preventDefault(), A());
+              break;
+          }
+        },
+        onBlur: (b) => {
+          var y;
+          const R = b.relatedTarget;
+          R && ((y = c.current) != null && y.contains(R) || 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(
+          "button",
+          {
+            ref: (y) => {
+              u.current[R] = y;
+            },
+            type: "button",
+            role: "menuitem",
+            tabIndex: -1,
+            "aria-disabled": b.disabled || void 0,
+            onClick: () => {
+              b.disabled || (A(), b.onSelect());
+            },
+            className: "flex min-h-[40px] w-full items-center whitespace-nowrap px-4 text-left text-sm text-claudius-text hover:bg-claudius-surface-muted focus:bg-claudius-surface-muted aria-disabled:cursor-default aria-disabled:opacity-50 aria-disabled:hover:bg-transparent",
+            children: b.label
+          },
+          b.id
+        ))
+      }
+    )
+  ] });
+}
+function wn(e, t, n) {
+  const [r, o] = N(0), s = S(0), a = S(0), c = S(0), l = S(!1);
+  return W(() => {
+    const u = e.current;
+    if (!n || !u) return;
+    const d = (g) => {
+      if (u.scrollTop > 0) {
+        l.current = !1;
         return;
       }
-      u.current = !0, a.current = g.touches[0].clientY, c.current = Date.now();
-    }, E = (g) => {
-      if (!u.current) return;
-      let d = g.touches[0].clientY - a.current;
-      d < 0 && (d = d * 0.3), o.current = d, s(d);
-    }, N = () => {
-      if (!u.current) return;
-      u.current = !1;
-      const g = o.current, d = (Date.now() - c.current) / 1e3, f = l.getBoundingClientRect().height, v = d > 0.05 && g > 0 && g / d > 500, D = g > f * 0.3;
-      v || D ? t() : (o.current = 0, s(0));
+      l.current = !0, a.current = g.touches[0].clientY, c.current = Date.now();
+    }, x = (g) => {
+      if (!l.current) return;
+      let f = g.touches[0].clientY - a.current;
+      f < 0 && (f = f * 0.3), s.current = f, o(f);
+    }, 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));
     };
-    return l.addEventListener("touchstart", m, { passive: !0 }), l.addEventListener("touchmove", E, { passive: !0 }), l.addEventListener("touchend", N), () => {
-      l.removeEventListener("touchstart", m), l.removeEventListener("touchmove", E), l.removeEventListener("touchend", N);
+    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);
     };
   }, [e, t, n]), { offsetY: r };
 }
-const on = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function an(e, t) {
-  K(() => {
+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 n = e.current;
     if (!n) return;
-    const r = (s) => {
-      if (s.key !== "Tab") return;
-      const o = Array.from(
-        n.querySelectorAll(on)
-      ).filter((l) => !l.hasAttribute("aria-hidden"));
-      if (o.length === 0) return;
-      const a = o[0], c = o[o.length - 1], u = document.activeElement;
-      s.shiftKey && u === a ? (s.preventDefault(), c.focus()) : !s.shiftKey && u === c && (s.preventDefault(), a.focus());
+    const r = (o) => {
+      if (o.key !== "Tab") return;
+      const s = Array.from(
+        n.querySelectorAll(vn)
+      ).filter((u) => !u.hasAttribute("aria-hidden"));
+      if (s.length === 0) return;
+      const a = s[0], c = s[s.length - 1], l = document.activeElement;
+      o.shiftKey && l === a ? (o.preventDefault(), c.focus()) : !o.shiftKey && l === c && (o.preventDefault(), a.focus());
     };
     return n.addEventListener("keydown", r), () => n.removeEventListener("keydown", r);
   }, [e, t]);
 }
-function ue() {
+function xe() {
   if (!(typeof window > "u") && !(typeof window.SpeechSynthesisUtterance > "u"))
     return window.speechSynthesis ?? void 0;
 }
-function cn(e) {
-  const [t] = O(() => ue() !== void 0), [n, r] = O(null), [s, o] = O(!1), a = L(0), c = L(!1), u = L([]), l = M(() => {
-    a.current += 1, c.current = !1, u.current = [], r(null), o(!1);
-  }, []), m = M(() => {
-    var d;
-    l(), (d = ue()) == null || d.cancel();
-  }, [l]), E = M(
-    (d, f) => {
-      const v = ue();
-      if (!v) return;
-      l(), (v.speaking || v.pending) && v.cancel();
-      const D = Vt(f);
-      if (D.length === 0) return;
-      const C = a.current, T = () => a.current === C;
-      u.current = D.map((b, k) => {
-        const A = new SpeechSynthesisUtterance(b);
-        return A.lang = e, A.onerror = () => {
-          T() && m();
-        }, A.onend = () => {
-          T() && (c.current && !v.paused ? m() : k === D.length - 1 && l());
-        }, A;
-      }), r(d);
-      for (const b of u.current) v.speak(b);
+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(() => {
+    a.current += 1, c.current = !1, l.current = [], r(null), s(!1);
+  }, []), d = M(() => {
+    const f = 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);
+      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) => {
+          if (!y()) return;
+          (L.error === "interrupted" || L.error === "canceled") && !c.current ? u() : d();
+        }, $.onpause = () => {
+          y() && s(!0);
+        }, $.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);
     },
-    [e, m, l]
-  ), N = M(() => {
-    const d = ue();
-    d && (c.current = !0, d.pause(), o(d.paused));
+    [e, d, u]
+  ), A = M(() => {
+    const f = xe();
+    f && (c.current = !0, f.pause(), f.paused && s(!0));
   }, []), g = M(() => {
-    const d = ue();
-    d && (c.current = !1, d.resume(), o(!1));
+    const f = xe();
+    f && (c.current = !1, f.resume(), s(!1));
   }, []);
-  return K(() => m, [m]), { isSupported: t, activeId: n, isPaused: s, speak: E, pause: N, resume: g, cancel: m };
+  return W(() => d, [d]), { isSupported: t, activeId: n, isPaused: o, speak: x, pause: A, resume: g, cancel: d };
+}
+const Rn = /^([ \t]*)(`{3,}|~{3,})(.*)$/, An = /^( {0,3})<(?![A-Za-z][A-Za-z0-9+.-]{1,31}:[^<>\s]*>|[^\s<>@]+@[^\s<>]+>)(?=[A-Za-z!?/])/, Sn = /^(?: {4}|\t)/;
+function ot(e) {
+  let t = 0;
+  for (const n of e)
+    if (n === " ") t += 1;
+    else if (n === "	") t += 4 - t % 4;
+    else break;
+  return t;
+}
+function Ge(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);
+  if (!t) return null;
+  const [, n, r, o] = t;
+  return r[0] === "`" && o.includes("`") ? null : {
+    indent: n,
+    indentColumns: ot(n),
+    char: r[0],
+    length: r.length
+  };
 }
-const ln = /\*\*([^*]+)\*\*/g, un = /\*([^*]+)\*/g, dn = /https?:\/\/[^\s)]+/g;
-function Oe(e) {
-  return e.replace(ln, "$1").replace(un, "$1").replace(dn, (t) => {
+function Cn(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;
+}
+function Mn(e) {
+  const t = e.replace(/\r\n?/g, `
+`).split(`
+`), n = [];
+  let r = null;
+  for (let o = 0; o < t.length; o++) {
+    const s = t[o];
+    if (r) {
+      n.push(s), Cn(s, r) && (r = null);
+      continue;
+    }
+    const a = kn(s);
+    if (a) {
+      r = a, n.push(s);
+      continue;
+    }
+    let c = s.replace(An, "$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);
+  }
+  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]));
+  }
+  return n.join(`
+`);
+}
+const Nn = /[\u00a0\u202f]/g;
+function Dn(e) {
+  if (e.formatDate) return e.formatDate;
+  const t = (o) => new Intl.DateTimeFormat(o, {
+    dateStyle: "medium",
+    timeStyle: "short",
+    timeZone: e.timeZone
+  });
+  let n = null;
+  try {
+    n = t(e.locale);
+  } catch {
     try {
-      return new URL(t).hostname;
+      n = t(void 0);
+    } catch {
+      n = null;
+    }
+  }
+  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 In(e, t) {
+  var n;
+  try {
+    return ((n = new Intl.DateTimeFormat("en", {
+      timeZone: t,
+      timeZoneName: "longOffset"
+    }).formatToParts(e).find((o) => o.type === "timeZoneName")) == null ? void 0 : n.value) ?? "";
+  } catch {
+    return "";
+  }
+}
+function st(e) {
+  const t = e.replace(/\s+/g, " ").trim();
+  if (t === "") return "";
+  const n = Math.max(
+    0,
+    ...(t.match(/`+/g) ?? []).map((s) => s.length)
+  ), r = "`".repeat(n + 1), o = t.startsWith("`") || t.endsWith("`") ? " " : "";
+  return `${r}${o}${t}${o}${r}`;
+}
+const On = {
+  "(": "%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));
+  if (!r) return `${t + 1}. ${n}`;
+  const o = r.replace(/[()<>\\]/g, (s) => On[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 pe(e) {
+  return typeof e == "string" ? e : String(e ?? "");
+}
+function Ae(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 = [
+    `# ${n.title}`,
+    Re(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));
+    A && c.push(A);
+    const g = Ae(l.attachments);
+    g.length && c.push(
+      n.attachments,
+      g.map($n).join(`
+`)
+    );
+    const f = Ae(l.toolUses);
+    f.length && c.push(
+      f.map(
+        (T) => `${n.toolUsed} ${st(pe(T.name))}`
+      ).join(`  
+`)
+    );
+    const p = Ae(l.sources);
+    p.length && c.push(n.sources, p.map(jn).join(`
+`));
+  }
+  return c.join(`
+
+`) + `
+`;
+}
+function Un(e) {
+  const t = e.filter((n) => n !== null && typeof n == "object").map(
+    (n) => n.attachments === void 0 ? n : {
+      ...n,
+      attachments: Ae(n.attachments)
+    }
+  );
+  return JSON.stringify(et(t), null, 2) + `
+`;
+}
+function Ke(e, t = {}) {
+  const n = t.now ?? /* @__PURE__ */ new Date();
+  let r;
+  try {
+    const o = new Intl.DateTimeFormat("en", {
+      timeZone: t.timeZone,
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    }).formatToParts(n), s = (a) => {
+      var c;
+      return ((c = o.find((l) => l.type === a)) == null ? void 0 : c.value) ?? "";
+    };
+    r = `${s("year")}-${s("month")}-${s("day")}`;
+  } catch {
+    r = n.toISOString().slice(0, 10);
+  }
+  return `chat-transcript-${r}.${e}`;
+}
+function Bn(e) {
+  const t = document.activeElement;
+  let n = null;
+  try {
+    return n = document.createElement("textarea"), n.value = e, n.setAttribute("readonly", ""), n.setAttribute("aria-hidden", "true"), n.style.position = "fixed", n.style.top = "0", n.style.left = "0", n.style.opacity = "0", document.body.appendChild(n), n.focus({ preventScroll: !0 }), n.select(), document.execCommand("copy");
+  } catch {
+    return !1;
+  } finally {
+    n == null || n.remove(), t == null || t.focus();
+  }
+}
+async function _n(e) {
+  var t;
+  try {
+    if ((t = navigator.clipboard) != null && t.writeText)
+      return await navigator.clipboard.writeText(e), !0;
+  } catch {
+  }
+  return Bn(e);
+}
+const zn = 4e4;
+function Ve(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);
+}
+const Hn = 4e3;
+function Fn({
+  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, () => {
+    u.current = !1, l.current && clearTimeout(l.current);
+  }), []);
+  const d = M(() => {
+    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(() => {
+      l.current = null, c(null);
+    }, Hn));
+  }, []);
+  return { items: se(() => {
+    if (!e) return [];
+    const g = n || t.length === 0, f = () => Pn(t, {
+      locale: r,
+      labels: {
+        title: s.transcriptTitle,
+        exported: s.transcriptExported,
+        user: s.transcriptUser,
+        assistant: s.transcriptAssistant,
+        attachments: s.transcriptAttachments,
+        sources: s.transcriptSources,
+        toolUsed: s.toolUsed
+      }
+    });
+    return [
+      {
+        id: "copy-markdown",
+        label: s.copyAsMarkdown,
+        disabled: g,
+        onSelect: () => {
+          _n(f()).then(
+            (p) => x(p ? s.copiedToClipboard : s.copyFailed)
+          );
+        }
+      },
+      {
+        id: "download-markdown",
+        label: s.downloadAsMarkdown,
+        disabled: g,
+        onSelect: () => Ve(
+          Ke("md"),
+          f(),
+          "text/markdown;charset=utf-8"
+        )
+      },
+      {
+        id: "download-json",
+        label: s.downloadAsJson,
+        disabled: g,
+        onSelect: () => Ve(
+          Ke("json"),
+          Un(t),
+          "application/json"
+        )
+      }
+    ];
+  }, [e, n, t, r, s, x]), status: a, clearStatus: d };
+}
+const Wn = /\*\*([^*]+)\*\*/g, Gn = /\*([^*]+)\*/g, Kn = /https?:\/\/[^\s)]+/g;
+function Ye(e) {
+  return e.replace(Wn, "$1").replace(Gn, "$1").replace(Kn, (t) => {
+    var o;
+    const n = ((o = t.match(/[.,;:!?'"]+$/)) == null ? void 0 : o[0]) ?? "", r = n ? t.slice(0, -n.length) : t;
+    try {
+      return new URL(r).hostname + n;
     } catch {
       return t;
     }
   });
 }
-const hn = {
+const Vn = {
   "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 fn({
+function Yn({
   messages: e,
   isLoading: t,
   isStreaming: n = !1,
   streamingMessageId: r = null,
-  error: s,
-  canRetry: o = !1,
+  error: o,
+  canRetry: s = !1,
   onSend: a,
   onStop: c,
-  onRetry: u,
-  onClose: l,
-  title: m = "Chat",
-  subtitle: E = "Ask me anything",
-  welcomeMessage: N = "Hi! How can I help you today?",
+  onRetry: l,
+  onClose: u,
+  title: d = "Chat",
+  subtitle: x = "Ask me anything",
+  welcomeMessage: A = "Hi! How can I help you today?",
   placeholder: g,
-  position: d = "bottom-right",
-  translations: f,
-  isMobile: v = !1,
-  attachments: D = null,
-  voice: C = null
+  position: f = "bottom-right",
+  translations: p,
+  isMobile: T = !1,
+  attachments: b = null,
+  voice: R = null,
+  conversationExport: y = !1,
+  locale: v = "en-US"
 }) {
-  const T = Qe(), b = L(null), k = L(null), [A, B] = O(null);
-  an(b, !0);
-  const y = cn((C == null ? void 0 : C.lang) ?? "en-US"), W = !!(C != null && C.output) && y.isSupported, U = {
-    play: (f == null ? void 0 : f.readAloud) ?? "Read aloud",
-    pause: (f == null ? void 0 : f.pauseReading) ?? "Pause reading",
-    resume: (f == null ? void 0 : f.resumeReading) ?? "Resume reading",
-    stop: (f == null ? void 0 : f.stopReading) ?? "Stop reading"
-  }, { offsetY: H } = sn(
-    k,
-    l,
-    v
-  ), _ = H !== 0, J = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
-  K(() => {
-    const w = k.current;
-    w && (w.scrollTop = w.scrollHeight);
-  }, [e, t]), K(() => {
-    const w = (ee) => {
-      ee.key === "Escape" && !ee.isComposing && l();
+  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({
+    enabled: y,
+    messages: e,
+    busy: t,
+    locale: v,
+    translations: p
+  }), { offsetY: J } = wn(
+    L,
+    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();
     };
-    return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [l]);
-  const re = (f == null ? void 0 : f.closeChat) ?? "Close chat", X = (f == null ? void 0 : f.chatMessages) ?? "Chat messages", te = [...e].reverse().find((w) => w.role === "assistant");
-  return /* @__PURE__ */ p(
+    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+  }, [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(
     "div",
     {
-      ref: b,
+      ref: $,
       role: "dialog",
-      "aria-modal": v ? "true" : void 0,
-      "aria-labelledby": T,
-      className: v ? "claudius-bottom-sheet fixed inset-x-0 bottom-0 z-50 flex h-[90vh] w-full flex-col overflow-hidden rounded-t-claudius-lg bg-claudius-surface shadow-claudius-elevated font-body" : `fixed ${hn[d]} z-50 flex h-[min(500px,calc(100vh-7rem))] w-[calc(100vw-1.5rem)] max-w-[380px] sm:max-w-[400px] md:max-w-[440px] flex-col overflow-hidden rounded-claudius-lg bg-claudius-surface shadow-claudius-elevated font-body`,
-      style: v && !J ? { transform: `translateY(${Math.max(0, H)}px)` } : void 0,
-      "data-dragging": _ || void 0,
+      "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,
       children: [
-        v && /* @__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" }) }),
+        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" }) }),
         /* @__PURE__ */ i(
-          tn,
+          gn,
           {
-            title: m,
-            subtitle: E,
-            titleId: T,
-            closeLabel: re,
-            onClose: l
+            title: d,
+            subtitle: x,
+            titleId: C,
+            closeLabel: ie,
+            onClose: u,
+            actions: y ? /* @__PURE__ */ i(
+              xn,
+              {
+                label: (p == null ? void 0 : p.moreOptions) ?? "More options",
+                items: G.items,
+                onOpen: G.clearStatus
+              }
+            ) : void 0
           }
         ),
-        /* @__PURE__ */ p("div", { className: "relative flex-1 overflow-hidden", children: [
-          A && /* @__PURE__ */ i(
-            en,
+        /* @__PURE__ */ w("div", { className: "relative flex-1 overflow-hidden", children: [
+          E && /* @__PURE__ */ i(
+            mn,
             {
-              sources: A.sources,
+              sources: E.sources,
               onClose: () => B(null)
             }
           ),
-          /* @__PURE__ */ p(
+          y && /* @__PURE__ */ i(
             "div",
             {
-              ref: k,
+              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 })
+            }
+          ),
+          /* @__PURE__ */ w(
+            "div",
+            {
+              ref: L,
               role: "log",
-              "aria-label": X,
+              "aria-label": ce,
               className: "h-full space-y-3 overflow-y-auto px-4 py-4",
               children: [
-                e.length === 0 && !s && /* @__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: N }) }),
-                e.map((w) => /* @__PURE__ */ i(
-                  Bt,
+                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,
                   {
-                    role: w.role,
-                    content: w.content,
-                    isStreaming: w.id === r,
-                    sources: w.sources,
-                    attachments: w.attachments,
-                    toolUses: w.toolUses,
-                    toolUsedLabel: f == null ? void 0 : f.toolUsed,
-                    toolDetailsLabel: f == null ? void 0 : f.toolDetails,
-                    isSourceActive: (A == null ? void 0 : A.messageId) === w.id,
+                    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: () => {
-                      (A == null ? void 0 : A.messageId) === w.id ? B(null) : w.sources && w.sources.length > 0 && B({ messageId: w.id, sources: w.sources });
+                      (E == null ? void 0 : E.messageId) === h.id ? B(null) : h.sources && h.sources.length > 0 && B({ messageId: h.id, sources: h.sources });
                     },
                     speech: (
                       // Only settled replies with something to say: reading a
                       // message that is still streaming would stop mid-sentence.
-                      W && w.role === "assistant" && w.id !== r && w.content.trim() !== "" ? {
-                        state: y.activeId !== w.id ? "idle" : y.isPaused ? "paused" : "speaking",
-                        labels: U,
+                      _ && h.role === "assistant" && h.id !== r && h.content.trim() !== "" ? {
+                        state: O.activeId !== h.id ? "idle" : O.isPaused ? "paused" : "speaking",
+                        labels: q,
                         // Same cleanup as the screen-reader announcement:
                         // no literal asterisks, URLs shortened to hostnames.
-                        onPlay: () => y.speak(
-                          w.id,
-                          Oe(w.content)
+                        onPlay: () => O.speak(
+                          h.id,
+                          Ye(h.content)
                         ),
-                        onPause: y.pause,
-                        onResume: y.resume,
-                        onStop: y.cancel
+                        onPause: O.pause,
+                        onResume: O.resume,
+                        onStop: O.cancel
                       } : void 0
                     )
                   },
-                  w.id
+                  h.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(
-                  (w) => w.id === r && w.content.length > 0
+                  (h) => h.id === r && h.content.length > 0
                 )) && /* @__PURE__ */ i(
-                  rn,
+                  yn,
                   {
-                    label: (f == null ? void 0 : f.typingIndicator) ?? "Assistant is typing"
+                    label: (p == null ? void 0 : p.typingIndicator) ?? "Assistant is typing"
                   }
                 ),
-                s && /* @__PURE__ */ i(
-                  nn,
+                o && /* @__PURE__ */ i(
+                  bn,
                   {
-                    message: s,
-                    retryLabel: (f == null ? void 0 : f.errorRetry) ?? "Retry",
-                    onRetry: o && u && !t ? u : void 0
+                    message: o,
+                    retryLabel: (p == null ? void 0 : p.errorRetry) ?? "Retry",
+                    onRetry: s && l && !t ? l : void 0
                   }
                 )
               ]
@@ -2316,41 +2809,42 @@ function fn({
             "aria-live": "polite",
             "aria-atomic": "true",
             className: "sr-only",
-            children: te && te.id !== r ? Oe(te.content) : ""
+            children: re && re.id !== r ? Ye(re.content) : ""
           }
         ),
         /* @__PURE__ */ i(
-          Qt,
+          dn,
           {
             onSend: a,
             isLoading: t,
             isStreaming: n,
             onStop: c,
             placeholder: g,
-            translations: f,
-            attachments: D,
-            voice: C,
-            onVoiceStart: y.cancel
+            translations: p,
+            attachments: b,
+            voice: R,
+            onVoiceStart: O.cancel,
+            isReadingAloud: O.activeId !== null
           }
         )
       ]
     }
   );
 }
-function mn({
+function qn({
   message: e,
   position: t,
   onOpen: n,
   onDismiss: r,
-  dismissLabel: s
+  dismissLabel: o
 }) {
-  const o = t.startsWith("bottom"), a = t.endsWith("right"), c = [
+  const s = t.startsWith("bottom"), a = t.endsWith("right"), c = [
     "claudius-greeting-bubble",
     "fixed z-40 max-w-xs",
-    o ? "bottom-20" : "top-20",
+    s ? "bottom-20" : "top-20",
     a ? "right-4" : "left-4"
   ].join(" ");
-  return /* @__PURE__ */ p("div", { className: c, role: "status", "aria-live": "polite", children: [
+  return /* @__PURE__ */ w("div", { className: c, role: "status", "aria-live": "polite", children: [
     /* @__PURE__ */ i(
       "button",
       {
@@ -2364,17 +2858,17 @@ function mn({
       "button",
       {
         type: "button",
-        onClick: (u) => {
-          u.stopPropagation(), r();
+        onClick: (l) => {
+          l.stopPropagation(), r();
         },
-        "aria-label": s,
+        "aria-label": o,
         className: "absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-claudius-full text-claudius-text-muted hover:bg-claudius-surface-muted focus:outline-none focus:ring-2 focus:ring-claudius-accent",
         children: /* @__PURE__ */ i("span", { "aria-hidden": "true", children: "×" })
       }
     )
   ] });
 }
-const pn = {
+const Zn = {
   // ChatWindow
   title: "Chat",
   subtitle: "Pregúntame lo que quieras",
@@ -2413,6 +2907,19 @@ const pn = {
   pauseReading: "Pausar la lectura",
   resumeReading: "Reanudar la lectura",
   stopReading: "Detener la lectura",
+  // Conversation export
+  moreOptions: "Más opciones",
+  copyAsMarkdown: "Copiar como Markdown",
+  downloadAsMarkdown: "Descargar como Markdown",
+  downloadAsJson: "Descargar como JSON",
+  copiedToClipboard: "Copiado al portapapeles",
+  copyFailed: "No se pudo copiar. Prueba a descargarlo.",
+  transcriptTitle: "Transcripción del chat",
+  transcriptExported: "Exportado el {date}",
+  transcriptUser: "Usuario",
+  transcriptAssistant: "Asistente",
+  transcriptAttachments: "Adjuntos:",
+  transcriptSources: "Fuentes:",
   // Errors
   errorGeneric: "Algo salió mal. Inténtalo de nuevo.",
   errorConnection: "No se pudo conectar. Inténtalo de nuevo.",
@@ -2422,7 +2929,7 @@ const pn = {
   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"
-}, gn = {
+}, Jn = {
   // ChatWindow
   title: "Chat",
   subtitle: "Posez-moi vos questions",
@@ -2461,6 +2968,19 @@ const pn = {
   pauseReading: "Mettre la lecture en pause",
   resumeReading: "Reprendre la lecture",
   stopReading: "Arrêter la lecture",
+  // Conversation export
+  moreOptions: "Plus d'options",
+  copyAsMarkdown: "Copier en Markdown",
+  downloadAsMarkdown: "Télécharger en Markdown",
+  downloadAsJson: "Télécharger en JSON",
+  copiedToClipboard: "Copié dans le presse-papiers",
+  copyFailed: "Impossible de copier. Essayez plutôt de télécharger.",
+  transcriptTitle: "Transcription du chat",
+  transcriptExported: "Exporté le {date}",
+  transcriptUser: "Utilisateur",
+  transcriptAssistant: "Assistant",
+  transcriptAttachments: "Pièces jointes :",
+  transcriptSources: "Sources :",
   // Errors
   errorGeneric: "Une erreur s'est produite. Veuillez réessayer.",
   errorConnection: "Échec de la connexion. Veuillez réessayer.",
@@ -2470,7 +2990,7 @@ const pn = {
   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"
-}, bn = {
+}, Qn = {
   // ChatWindow
   title: "Chat",
   subtitle: "Fragen Sie mich alles",
@@ -2509,6 +3029,19 @@ const pn = {
   pauseReading: "Vorlesen pausieren",
   resumeReading: "Vorlesen fortsetzen",
   stopReading: "Vorlesen beenden",
+  // Conversation export
+  moreOptions: "Weitere Optionen",
+  copyAsMarkdown: "Als Markdown kopieren",
+  downloadAsMarkdown: "Als Markdown herunterladen",
+  downloadAsJson: "Als JSON herunterladen",
+  copiedToClipboard: "In die Zwischenablage kopiert",
+  copyFailed: "Kopieren nicht möglich. Bitte stattdessen herunterladen.",
+  transcriptTitle: "Chat-Protokoll",
+  transcriptExported: "Exportiert am {date}",
+  transcriptUser: "Nutzer",
+  transcriptAssistant: "Assistent",
+  transcriptAttachments: "Anhänge:",
+  transcriptSources: "Quellen:",
   // Errors
   errorGeneric: "Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.",
   errorConnection: "Verbindung fehlgeschlagen. Bitte versuchen Sie es erneut.",
@@ -2518,28 +3051,28 @@ const pn = {
   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"
-}, $e = {
-  en: ze,
-  es: pn,
-  fr: gn,
-  de: bn
+}, at = {
+  en: nt,
+  es: Zn,
+  fr: Jn,
+  de: Qn
 };
-function je(e) {
+function qe(e) {
   if (!e) return;
   const t = e.toLowerCase().split("-")[0];
-  return Object.prototype.hasOwnProperty.call($e, t) ? t : void 0;
+  return Object.prototype.hasOwnProperty.call(at, t) ? t : void 0;
 }
-function Fe() {
-  const e = typeof document < "u" ? je(document.documentElement.lang) : void 0;
+function it() {
+  const e = typeof document < "u" ? qe(document.documentElement.lang) : void 0;
   if (e) return e;
-  const t = typeof navigator < "u" ? je(navigator.language) : void 0;
+  const t = typeof navigator < "u" ? qe(navigator.language) : void 0;
   return t || "en";
 }
-function yn(e = {}) {
-  const { locale: t, translations: n } = e, r = $e[t ?? Fe()];
+function Xn(e = {}) {
+  const { locale: t, translations: n } = e, r = at[t ?? it()];
   return n ? { ...r, ...n } : { ...r };
 }
-const Pe = [
+const Ze = [
   "accent",
   "accentText",
   "accentSoft",
@@ -2559,11 +3092,11 @@ const Pe = [
   "errorText",
   "link",
   "scrim"
-], xn = ["sm", "md", "lg", "full", "tail"], vn = [
+], er = ["sm", "md", "lg", "full", "tail"], tr = [
   "elevated",
   "floating",
   "floatingHover"
-], wn = ["heading", "body"], We = {
+], nr = ["heading", "body"], ct = {
   default: {
     name: "default"
   },
@@ -2648,274 +3181,280 @@ const Pe = [
     }
   }
 };
-function Rn(e) {
-  return Object.prototype.hasOwnProperty.call(We, e);
+function rr(e) {
+  return Object.prototype.hasOwnProperty.call(ct, e);
 }
-const En = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
-function Tn(e) {
+const or = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
+function sr(e) {
   if (e === void 0)
     return { mode: "light" };
   if (typeof e == "string") {
-    if (En.has(e))
+    if (or.has(e))
       return { mode: e };
-    if (Rn(e)) {
-      const t = We[e];
+    if (rr(e)) {
+      const t = ct[e];
       return { mode: t.colorScheme ?? "light", theme: t };
     }
     return { mode: "light", url: e };
   }
   return { mode: e.colorScheme ?? "light", theme: e };
 }
-function Sn(e) {
+function ar(e) {
   return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function kn(e, t) {
+function ir(e, t) {
   console.warn(
     `[Claudius] Ignoring unknown theme token "${t}" in "${e}"`
   );
 }
-function de(e, t, n, r, s, o = "") {
-  if (s)
-    for (const [a, c] of Object.entries(s)) {
+function we(e, t, n, r, o, s = "") {
+  if (o)
+    for (const [a, c] of Object.entries(o)) {
       if (!r.includes(a)) {
-        kn(t, a);
+        ir(t, a);
         continue;
       }
-      typeof c == "string" && (e[`${n}${Sn(a)}${o}`] = c);
+      typeof c == "string" && (e[`${n}${ar(a)}${s}`] = c);
     }
 }
-function Cn(e) {
+function cr(e) {
   const t = {};
-  de(t, "colors", "--cl-color-", Pe, e.colors);
+  we(t, "colors", "--cl-color-", Ze, e.colors);
   for (const [n, r] of Object.entries({ ...t }))
     t[`${n}-dark`] = r;
-  return de(
+  return we(
     t,
     "colorsDark",
     "--cl-color-",
-    Pe,
+    Ze,
     e.colorsDark,
     "-dark"
-  ), de(t, "radii", "--cl-radius-", xn, e.radii), de(t, "shadows", "--cl-shadow-", vn, e.shadows), de(t, "fonts", "--cl-font-", wn, e.fonts), t;
+  ), 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;
 }
-function An(e) {
+function lr(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function Nn(e) {
-  const t = ae(() => Tn(e), [e]), [n, r] = O(null), s = t.url;
-  K(() => {
-    if (r(null), !s) return;
-    const u = new AbortController();
-    return fetch(s, { signal: u.signal }).then((l) => {
-      if (!l.ok)
-        throw new Error(`HTTP ${l.status}`);
-      return l.json();
-    }).then((l) => {
-      if (!An(l))
+function ur(e) {
+  const t = se(() => sr(e), [e]), [n, r] = N(null), o = t.url;
+  W(() => {
+    if (r(null), !o) return;
+    const l = new AbortController();
+    return fetch(o, { signal: l.signal }).then((u) => {
+      if (!u.ok)
+        throw new Error(`HTTP ${u.status}`);
+      return u.json();
+    }).then((u) => {
+      if (!lr(u))
         throw new Error("theme JSON must be an object");
-      r(l);
-    }).catch((l) => {
-      u.signal.aborted || console.error(`[Claudius] Failed to load theme from ${s}:`, l);
-    }), () => u.abort();
-  }, [s]);
-  const o = t.theme ?? n ?? null, a = (n == null ? void 0 : n.colorScheme) ?? t.mode, c = ae(
-    () => o ? Cn(o) : {},
-    [o]
+      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) : {},
+    [s]
   );
   return { mode: a, cssVars: c };
 }
-const Ge = "claudius:triggers:dismissed";
-function Mn() {
+const lt = "claudius:triggers:dismissed";
+function dr() {
   if (typeof window > "u") return !1;
   try {
-    return window.sessionStorage.getItem(Ge) === "1";
+    return window.sessionStorage.getItem(lt) === "1";
   } catch {
     return !1;
   }
 }
-function Ln() {
+function fr() {
   if (!(typeof window > "u"))
     try {
-      window.sessionStorage.setItem(Ge, "1");
+      window.sessionStorage.setItem(lt, "1");
     } catch {
     }
 }
-function _n({
+function wr({
   apiUrl: e,
   title: t,
   subtitle: n,
   welcomeMessage: r,
-  placeholder: s,
-  persistMessages: o,
+  placeholder: o,
+  persistMessages: s,
   storageKeyPrefix: a,
   requestTimeoutMs: c,
-  theme: u = "light",
-  accentColor: l,
-  position: m = "bottom-right",
-  locale: E,
-  translations: N,
+  theme: l = "light",
+  accentColor: u,
+  position: d = "bottom-right",
+  locale: x,
+  translations: A,
   triggers: g,
-  plugins: d,
-  streaming: f = !0,
-  attachments: v = !1,
-  voice: D = !1
+  plugins: f,
+  streaming: p = !0,
+  attachments: T = !1,
+  voice: b = !1,
+  conversationExport: R = !1
 }) {
-  const [C, T] = O(!1), b = ae(
-    () => st(v),
-    [v]
-  ), k = ae(
-    () => Ft(D, E ?? Fe()),
-    [D, E]
-  ), [A, B] = O(null), [y, W] = O(Mn), U = L(!1), H = xt("(max-width: 639px)"), _ = ae(
-    () => yn({ locale: E, translations: N }),
-    [E, N]
+  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]
   ), {
-    messages: J,
-    isLoading: re,
-    isStreaming: X,
-    streamingMessageId: te,
-    error: w,
-    canRetry: ee,
-    sendMessage: ie,
-    stop: x,
-    retry: z
-  } = yt({
+    messages: ae,
+    isLoading: ie,
+    isStreaming: ce,
+    streamingMessageId: re,
+    error: h,
+    canRetry: P,
+    sendMessage: U,
+    stop: ee,
+    retry: te
+  } = It({
     apiUrl: e,
-    persistMessages: o,
+    persistMessages: s,
     storageKeyPrefix: a,
     timeoutMs: c,
-    translations: _,
-    plugins: d,
-    streaming: f
-  }), I = L(null), Q = L(C), { mode: $, cssVars: ne } = Nn(u), [Z, R] = O(!1);
-  K(() => {
-    if ($ !== "auto") return;
-    const G = window.matchMedia("(prefers-color-scheme: dark)");
-    R(G.matches);
-    const Te = (Ve) => R(Ve.matches);
-    return G.addEventListener("change", Te), () => G.removeEventListener("change", Te);
-  }, [$]), K(() => {
-    var G;
-    Q.current && !C && ((G = I.current) == null || G.focus()), Q.current = C;
-  }, [C]);
-  const j = M(() => {
-    W(!0), Ln();
-  }, []), P = M(() => {
-    T(!1), U.current && (U.current = !1, j());
-  }, [j]), Y = M(() => {
-    T((G) => !G);
-  }, []), q = M(() => {
-    U.current = !0, B(null), T(!0);
-  }, []), se = M((G) => {
-    B(G);
-  }, []), he = M(() => {
-    B(null), q();
-  }, [q]), h = M(() => {
-    B(null), j();
-  }, [j]);
-  wt({
+    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 && !C,
-    onOpen: q,
-    onGreeting: se
+    enabled: !_ && !y,
+    onOpen: Y,
+    onGreeting: me
   });
-  const S = $ === "dark" || $ === "auto" && Z, F = {
-    ...ne,
-    ...l ? {
-      "--cl-color-accent": l,
-      "--cl-color-accent-dark": l
+  const oe = H === "dark" || H === "auto" && D, ge = {
+    ...k,
+    ...u ? {
+      "--cl-color-accent": u,
+      "--cl-color-accent-dark": u
     } : {}
-  }, ce = Object.keys(F).length > 0 ? F : void 0;
+  }, de = Object.keys(ge).length > 0 ? ge : 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: ce, children: /* @__PURE__ */ p("div", { "data-claudius-dark": S ? "true" : "false", children: [
-      C && H && /* @__PURE__ */ i(
+    /* @__PURE__ */ i("div", { className: "claudius-root", style: de, children: /* @__PURE__ */ w("div", { "data-claudius-dark": oe ? "true" : "false", children: [
+      y && J && /* @__PURE__ */ i(
         "div",
         {
           className: "claudius-scrim fixed inset-0 z-40 bg-claudius-scrim",
-          onClick: P,
+          onClick: Q,
           "aria-hidden": "true"
         }
       ),
-      C && /* @__PURE__ */ i(
-        fn,
+      y && /* @__PURE__ */ i(
+        Yn,
         {
-          messages: J,
-          isLoading: re,
-          isStreaming: X,
-          streamingMessageId: te,
-          error: w,
-          canRetry: ee,
-          onSend: ie,
-          onStop: x,
-          onRetry: z,
-          onClose: P,
-          title: t ?? _.title,
-          subtitle: n ?? _.subtitle,
-          welcomeMessage: r ?? _.welcomeMessage,
-          placeholder: s ?? _.placeholder,
-          position: m,
-          translations: _,
-          isMobile: H,
-          attachments: b,
-          voice: k
+          messages: ae,
+          isLoading: ie,
+          isStreaming: ce,
+          streamingMessageId: re,
+          error: h,
+          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
         }
       ),
-      !(C && H) && /* @__PURE__ */ i(
-        Et,
+      !(y && J) && /* @__PURE__ */ i(
+        Ut,
         {
-          ref: I,
-          isOpen: C,
-          onClick: Y,
-          position: m,
-          translations: _
+          ref: ne,
+          isOpen: y,
+          onClick: le,
+          position: d,
+          translations: z
         }
       ),
-      !C && A && /* @__PURE__ */ i(
-        mn,
+      !y && B && /* @__PURE__ */ i(
+        qn,
         {
-          message: A,
-          position: m,
-          onOpen: he,
-          onDismiss: h,
-          dismissLabel: _.dismissGreeting
+          message: B,
+          position: d,
+          onOpen: ue,
+          onDismiss: V,
+          dismissLabel: z.dismissGreeting
         }
       )
     ] }) })
   );
 }
-function zn(e) {
-  const { onEvent: t, includeContent: n = !0 } = e, r = (s) => n ? s : "";
+function vr(e) {
+  const { onEvent: t, includeContent: n = !0 } = e, r = (o) => n ? o : "";
   return {
     name: "analytics",
-    onBeforeSend(s) {
+    onBeforeSend(o) {
       t({
         type: "message_sent",
         role: "user",
-        content: r(s.content),
-        chars: s.content.length
+        content: r(o.content),
+        chars: o.content.length
       });
     },
-    onAfterReceive(s) {
+    onAfterReceive(o) {
       t({
         type: "message_received",
         role: "assistant",
-        content: r(s.content),
-        chars: s.content.length
+        content: r(o.content),
+        chars: o.content.length
       });
     },
-    onError(s) {
+    onError(o) {
       t({
         type: "chat_error",
-        message: s.message,
-        code: s.code
+        message: o.message,
+        code: o.code
       });
     }
   };
 }
-const Dn = [
+const hr = [
   // 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)
@@ -2925,60 +3464,60 @@ const Dn = [
   // Phone: optional +1, area code, 7 digits with common separators
   /\b(?:\+?1[-.\s]?)?\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}\b/g
 ];
-function In(e, t, n) {
+function pr(e, t, n) {
   return t.reduce(
     // Reset lastIndex defensively: a shared global regex is stateful.
-    (r, s) => (s.lastIndex = 0, r.replace(s, n)),
+    (r, o) => (o.lastIndex = 0, r.replace(o, n)),
     e
   );
 }
-function Un(e = {}) {
+function Tr(e = {}) {
   const {
-    patterns: t = Dn,
+    patterns: t = hr,
     replacement: n = "[redacted]",
     redactReplies: r = !1
-  } = e, s = (o) => {
-    const a = In(o.content, t, n);
-    if (a !== o.content)
-      return { ...o, content: a };
+  } = e, o = (s) => {
+    const a = pr(s.content, t, n);
+    if (a !== s.content)
+      return { ...s, content: a };
   };
   return {
     name: "redact-pii",
-    onBeforeSend: s,
-    onAfterReceive: r ? s : void 0
+    onBeforeSend: o,
+    onAfterReceive: r ? o : void 0
   };
 }
-function On(e, t, n) {
+function mr(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 $n(e) {
+function Er(e) {
   const { rules: t, caseSensitive: n = !1 } = e;
   return {
     name: "canned-responses",
-    onBeforeSend(r, s) {
-      for (const o of t)
-        if (On(o.match, r.content, n)) {
-          s.respondWith(o.reply);
+    onBeforeSend(r, o) {
+      for (const s of t)
+        if (mr(s.match, r.content, n)) {
+          o.respondWith(s.reply);
           return;
         }
     }
   };
 }
 export {
-  Xe as ChatApiClient,
-  V as ChatApiError,
-  _n as ChatWidget,
-  fe as DEFAULT_ATTACHMENT_OPTIONS,
-  Dn as DEFAULT_PII_PATTERNS,
-  ye as DebounceError,
-  We as builtinThemes,
-  Hn as createTranslations,
-  Ue as defaultTranslations,
-  Fe as detectLocale,
-  $e as locales,
-  zn as pluginAnalytics,
-  $n as pluginCannedResponses,
-  Un as pluginRedactPII,
-  In as redactText,
-  yn as resolveTranslations
+  mt as ChatApiClient,
+  Z as ChatApiError,
+  wr as ChatWidget,
+  Te as DEFAULT_ATTACHMENT_OPTIONS,
+  hr 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
 };