@chaibuilder/sdk 4.0.0-beta.47 → 4.0.0-beta.49

package/dist/{ai-prompt-input-DNb1FKXQ.js → ai-prompt-input-7iWk72w5.js}

@@ -1,13 +1,13 @@
-import { jsx as e, jsxs as w, Fragment as ie } from "react/jsx-runtime";
-import { E as y, B as _ } from "./register-chai-top-bar-D6GjnauV.js";
-import { T as le, aB as ce, v as ue, w as de, x as pe, y as me, aC as fe, aD as he, D as ge, aE as ve, e as be, g as xe, C as we, j as Ne, l as ye, m as Ie } from "./index-B7HAfx-2.js";
-import { cva as Y } from "class-variance-authority";
-import { PaperclipIcon as Se, XIcon as J, PlusIcon as ke, ImageIcon as De, MicIcon as ze, CornerDownLeftIcon as Pe, Loader2Icon as Te, SquareIcon as Ae, Cpu as Le, Paperclip as Ce, GlobeIcon as Re, Square as Me, Send as je } from "lucide-react";
+import { jsx as e, jsxs as N, Fragment as ie } from "react/jsx-runtime";
+import { E as y, B as E } from "./register-chai-top-bar-D6GjnauV.js";
+import { T as le, aB as ce, v as ue, w as de, x as me, y as pe, aC as fe, aD as he, D as ge, aE as ve, e as be, g as xe, C as we, j as Ne, l as ye, m as Ie } from "./index-OuHV9Ann.js";
+import { cva as X } from "class-variance-authority";
+import { PaperclipIcon as Se, XIcon as Y, PlusIcon as ke, ImageIcon as ze, MicIcon as De, CornerDownLeftIcon as Pe, Loader2Icon as Te, SquareIcon as Ae, Cpu as Le, Paperclip as Ce, GlobeIcon as Re, Square as je, Send as Me } from "lucide-react";
 import { nanoid as Ue } from "nanoid";
-import { useContext as W, useRef as M, useEffect as T, useState as A, useCallback as F, useMemo as Oe, createContext as H, Fragment as Fe, startTransition as Ge, Children as Be } from "react";
+import { useContext as W, useRef as F, useEffect as A, useState as L, useCallback as O, useMemo as Fe, createContext as _, Fragment as Oe, startTransition as Ge, Children as Be } from "react";
 import { useTranslation as Ee } from "react-i18next";
-import { a as _e, g as E, A as We } from "./models-BCu-p_QK.js";
-function He({ className: t, ...n }) {
+import { l as J } from "./index-LBTm1Jmk.js";
+function We({ className: t, ...n }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -31,7 +31,7 @@ function He({ className: t, ...n }) {
     }
   );
 }
-const Ve = Y(
+const _e = X(
   "text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -58,16 +58,16 @@ function Q({
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": n,
-      className: y(Ve({ align: n }), t),
+      className: y(_e({ align: n }), t),
       onClick: (l) => {
-        var o, m;
-        l.target.closest("button") || (m = (o = l.currentTarget.parentElement) == null ? void 0 : o.querySelector("input")) == null || m.focus();
+        var o, d;
+        l.target.closest("button") || (d = (o = l.currentTarget.parentElement) == null ? void 0 : o.querySelector("input")) == null || d.focus();
       },
       ...a
     }
   );
 }
-const qe = Y("flex items-center gap-2 text-sm shadow-none", {
+const He = X("flex items-center gap-2 text-sm shadow-none", {
   variants: {
     size: {
       xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
@@ -88,17 +88,17 @@ function Z({
   ...o
 }) {
   return /* @__PURE__ */ e(
-    _,
+    E,
     {
       type: n,
       "data-size": l,
       variant: a,
-      className: y(qe({ size: l }), t),
+      className: y(He({ size: l }), t),
       ...o
     }
   );
 }
-function Ke({ className: t, ...n }) {
+function Ve({ className: t, ...n }) {
   return /* @__PURE__ */ e(
     le,
     {
@@ -111,17 +111,17 @@ function Ke({ className: t, ...n }) {
     }
   );
 }
-const $e = H(null), Xe = H(null), ee = () => W($e), Ye = () => W(Xe), te = H(null), G = () => {
-  const t = Ye(), n = W(te), a = t ?? n;
+const qe = _(null), Ke = _(null), ee = () => W(qe), $e = () => W(Ke), te = _(null), G = () => {
+  const t = $e(), n = W(te), a = t ?? n;
   if (!a)
     throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
   return a;
 };
-function Je({ data: t, className: n, ...a }) {
-  var c;
-  const l = G(), o = t.filename || "", d = ((c = t.mediaType) != null && c.startsWith("image/") && t.url ? "image" : "file") === "image", h = o || (d ? "Image" : "Attachment");
-  return /* @__PURE__ */ w(ut, { children: [
-    /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ w(
+function Xe({ data: t, className: n, ...a }) {
+  var f;
+  const l = G(), o = t.filename || "", u = ((f = t.mediaType) != null && f.startsWith("image/") && t.url ? "image" : "file") === "image", g = o || (u ? "Image" : "Attachment");
+  return /* @__PURE__ */ N(lt, { children: [
+    /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ N(
       "div",
       {
         className: y(
@@ -130,8 +130,8 @@ function Je({ data: t, className: n, ...a }) {
         ),
         ...a,
         children: [
-          /* @__PURE__ */ w("div", { className: "relative size-5 shrink-0", children: [
-            /* @__PURE__ */ e("div", { className: "absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded bg-background transition-opacity group-hover:opacity-0", children: d ? /* @__PURE__ */ e(
+          /* @__PURE__ */ N("div", { className: "relative size-5 shrink-0", children: [
+            /* @__PURE__ */ e("div", { className: "absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded bg-background transition-opacity group-hover:opacity-0", children: u ? /* @__PURE__ */ e(
               "img",
               {
                 alt: o || "attachment",
@@ -141,30 +141,30 @@ function Je({ data: t, className: n, ...a }) {
                 width: 20
               }
             ) : /* @__PURE__ */ e("div", { className: "flex size-5 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ e(Se, { className: "size-3" }) }) }),
-            /* @__PURE__ */ w(
-              _,
+            /* @__PURE__ */ N(
+              E,
               {
                 "aria-label": "Remove attachment",
                 className: "absolute inset-0 size-5 cursor-pointer rounded p-0 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 [&>svg]:size-2.5",
-                onClick: (N) => {
-                  N.stopPropagation(), l.remove(t.id);
+                onClick: (m) => {
+                  m.stopPropagation(), l.remove(t.id);
                 },
                 type: "button",
                 variant: "ghost",
                 children: [
-                  /* @__PURE__ */ e(J, {}),
+                  /* @__PURE__ */ e(Y, {}),
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Remove" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: h })
+          /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: g })
         ]
       },
       t.id
     ) }),
-    /* @__PURE__ */ e(dt, { className: "w-auto p-2", children: /* @__PURE__ */ w("div", { className: "w-auto space-y-3", children: [
-      d && /* @__PURE__ */ e("div", { className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(ct, { className: "w-auto p-2", children: /* @__PURE__ */ N("div", { className: "w-auto space-y-3", children: [
+      u && /* @__PURE__ */ e("div", { className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border", children: /* @__PURE__ */ e(
         "img",
         {
           alt: o || "attachment preview",
@@ -174,184 +174,184 @@ function Je({ data: t, className: n, ...a }) {
           width: 448
         }
       ) }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2.5", children: /* @__PURE__ */ w("div", { className: "min-w-0 flex-1 space-y-1 px-0.5", children: [
-        /* @__PURE__ */ e("h4", { className: "truncate text-sm font-semibold leading-none", children: o || (d ? "Image" : "Attachment") }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2.5", children: /* @__PURE__ */ N("div", { className: "min-w-0 flex-1 space-y-1 px-0.5", children: [
+        /* @__PURE__ */ e("h4", { className: "truncate text-sm font-semibold leading-none", children: o || (u ? "Image" : "Attachment") }),
         t.mediaType && /* @__PURE__ */ e("p", { className: "truncate font-mono text-xs text-muted-foreground", children: t.mediaType })
       ] }) })
     ] }) })
   ] });
 }
-function Qe({ children: t, className: n, ...a }) {
+function Ye({ children: t, className: n, ...a }) {
   const l = G();
-  return l.files.length ? /* @__PURE__ */ e("div", { className: y("flex flex-wrap items-center gap-2 p-3", n), ...a, children: l.files.map((o) => /* @__PURE__ */ e(Fe, { children: t(o) }, o.id)) }) : null;
+  return l.files.length ? /* @__PURE__ */ e("div", { className: y("flex flex-wrap items-center gap-2 p-3", n), ...a, children: l.files.map((o) => /* @__PURE__ */ e(Oe, { children: t(o) }, o.id)) }) : null;
 }
-const Ze = ({
+const Je = ({
   label: t = "Add photos or files",
   ...n
 }) => {
   const a = G();
-  return /* @__PURE__ */ w(
-    me,
+  return /* @__PURE__ */ N(
+    pe,
     {
       ...n,
       onSelect: (l) => {
         l.preventDefault(), a.openFileDialog();
       },
       children: [
-        /* @__PURE__ */ e(De, { className: "mr-2 size-4" }),
+        /* @__PURE__ */ e(ze, { className: "mr-2 size-4" }),
         " ",
         t
       ]
     }
   );
-}, et = ({
+}, Qe = ({
   className: t,
   accept: n,
   multiple: a,
   globalDrop: l,
   syncHiddenInput: o,
-  maxFiles: m,
-  maxFileSize: d,
-  onError: h,
-  onSubmit: c,
-  children: N,
+  maxFiles: d,
+  maxFileSize: u,
+  onError: g,
+  onSubmit: f,
+  children: m,
   ...I
 }) => {
-  const r = ee(), i = !!r, g = M(null), D = M(null), S = M(null);
-  T(() => {
+  const s = ee(), i = !!s, h = F(null), z = F(null), S = F(null);
+  A(() => {
     var v;
-    const s = (v = D.current) == null ? void 0 : v.closest("form");
-    s instanceof HTMLFormElement && (S.current = s);
+    const r = (v = z.current) == null ? void 0 : v.closest("form");
+    r instanceof HTMLFormElement && (S.current = r);
   }, []);
-  const [k, L] = A([]), f = i ? r.attachments.files : k, P = F(() => {
-    var s;
-    (s = g.current) == null || s.click();
-  }, []), j = F(
-    (s) => !n || n.trim() === "" ? !0 : n.includes("image/*") ? s.type.startsWith("image/") : !0,
+  const [k, D] = L([]), P = i ? s.attachments.files : k, V = O(() => {
+    var r;
+    (r = h.current) == null || r.click();
+  }, []), w = O(
+    (r) => !n || n.trim() === "" ? !0 : n.includes("image/*") ? r.type.startsWith("image/") : !0,
     [n]
-  ), U = F(
-    (s) => {
-      const v = Array.from(s), p = v.filter((x) => j(x));
+  ), j = O(
+    (r) => {
+      const v = Array.from(r), p = v.filter((x) => w(x));
       if (v.length && p.length === 0) {
-        h == null || h({
+        g == null || g({
           code: "accept",
           message: "No files match the accepted types."
         });
         return;
       }
-      const u = (x) => d ? x.size <= d : !0, b = p.filter(u);
+      const c = (x) => u ? x.size <= u : !0, b = p.filter(c);
       if (p.length > 0 && b.length === 0) {
-        h == null || h({
+        g == null || g({
           code: "max_file_size",
           message: "All files exceed the maximum size."
         });
         return;
       }
-      L((x) => {
-        const C = typeof m == "number" ? Math.max(0, m - x.length) : void 0, oe = typeof C == "number" ? b.slice(0, C) : b;
-        typeof C == "number" && b.length > C && (h == null || h({
+      D((x) => {
+        const C = typeof d == "number" ? Math.max(0, d - x.length) : void 0, oe = typeof C == "number" ? b.slice(0, C) : b;
+        typeof C == "number" && b.length > C && (g == null || g({
           code: "max_files",
           message: "Too many files. Some were not added."
         }));
-        const $ = [];
+        const K = [];
         for (const B of oe)
-          $.push({
+          K.push({
             id: Ue(),
             type: "file",
             url: URL.createObjectURL(B),
             mediaType: B.type,
             filename: B.name
           });
-        return x.concat($);
+        return x.concat(K);
       });
     },
-    [j, m, d, h]
-  ), z = i ? (s) => r.attachments.add(s) : U, R = i ? (s) => r.attachments.remove(s) : (s) => L((v) => {
-    const p = v.find((u) => u.id === s);
-    return p != null && p.url && URL.revokeObjectURL(p.url), v.filter((u) => u.id !== s);
-  }), O = i ? () => r.attachments.clear() : () => L((s) => {
-    for (const v of s)
+    [w, d, u, g]
+  ), T = i ? (r) => s.attachments.add(r) : j, M = i ? (r) => s.attachments.remove(r) : (r) => D((v) => {
+    const p = v.find((c) => c.id === r);
+    return p != null && p.url && URL.revokeObjectURL(p.url), v.filter((c) => c.id !== r);
+  }), R = i ? () => s.attachments.clear() : () => D((r) => {
+    for (const v of r)
       v.url && URL.revokeObjectURL(v.url);
     return [];
-  }), q = i ? () => r.attachments.openFileDialog() : P;
-  T(() => {
-    i && r.__registerFileInput(g, () => {
-      var s;
-      return (s = g.current) == null ? void 0 : s.click();
+  }), U = i ? () => s.attachments.openFileDialog() : V;
+  A(() => {
+    i && s.__registerFileInput(h, () => {
+      var r;
+      return (r = h.current) == null ? void 0 : r.click();
     });
-  }, [i, r]), T(() => {
-    o && g.current && f.length === 0 && (g.current.value = "");
-  }, [f, o]), T(() => {
-    const s = S.current;
-    if (!s) return;
-    const v = (u) => {
+  }, [i, s]), A(() => {
+    o && h.current && P.length === 0 && (h.current.value = "");
+  }, [P, o]), A(() => {
+    const r = S.current;
+    if (!r) return;
+    const v = (c) => {
       var b, x;
-      (x = (b = u.dataTransfer) == null ? void 0 : b.types) != null && x.includes("Files") && u.preventDefault();
-    }, p = (u) => {
+      (x = (b = c.dataTransfer) == null ? void 0 : b.types) != null && x.includes("Files") && c.preventDefault();
+    }, p = (c) => {
       var b, x, C;
-      (x = (b = u.dataTransfer) == null ? void 0 : b.types) != null && x.includes("Files") && u.preventDefault(), (C = u.dataTransfer) != null && C.files && u.dataTransfer.files.length > 0 && z(u.dataTransfer.files);
+      (x = (b = c.dataTransfer) == null ? void 0 : b.types) != null && x.includes("Files") && c.preventDefault(), (C = c.dataTransfer) != null && C.files && c.dataTransfer.files.length > 0 && T(c.dataTransfer.files);
     };
-    return s.addEventListener("dragover", v), s.addEventListener("drop", p), () => {
-      s.removeEventListener("dragover", v), s.removeEventListener("drop", p);
+    return r.addEventListener("dragover", v), r.addEventListener("drop", p), () => {
+      r.removeEventListener("dragover", v), r.removeEventListener("drop", p);
     };
-  }, [z]), T(() => {
+  }, [T]), A(() => {
     if (!l) return;
-    const s = (p) => {
-      var u, b;
-      (b = (u = p.dataTransfer) == null ? void 0 : u.types) != null && b.includes("Files") && p.preventDefault();
+    const r = (p) => {
+      var c, b;
+      (b = (c = p.dataTransfer) == null ? void 0 : c.types) != null && b.includes("Files") && p.preventDefault();
     }, v = (p) => {
-      var u, b, x;
-      (b = (u = p.dataTransfer) == null ? void 0 : u.types) != null && b.includes("Files") && p.preventDefault(), (x = p.dataTransfer) != null && x.files && p.dataTransfer.files.length > 0 && z(p.dataTransfer.files);
+      var c, b, x;
+      (b = (c = p.dataTransfer) == null ? void 0 : c.types) != null && b.includes("Files") && p.preventDefault(), (x = p.dataTransfer) != null && x.files && p.dataTransfer.files.length > 0 && T(p.dataTransfer.files);
     };
-    return document.addEventListener("dragover", s), document.addEventListener("drop", v), () => {
-      document.removeEventListener("dragover", s), document.removeEventListener("drop", v);
+    return document.addEventListener("dragover", r), document.addEventListener("drop", v), () => {
+      document.removeEventListener("dragover", r), document.removeEventListener("drop", v);
     };
-  }, [z, l]), T(
+  }, [T, l]), A(
     () => () => {
       if (!i)
-        for (const s of f)
-          s.url && URL.revokeObjectURL(s.url);
+        for (const r of P)
+          r.url && URL.revokeObjectURL(r.url);
     },
-    [i, f]
+    [i, P]
   );
-  const ne = (s) => {
-    s.currentTarget.files && z(s.currentTarget.files);
-  }, se = async (s) => {
-    const p = await (await fetch(s)).blob();
-    return new Promise((u, b) => {
+  const ne = (r) => {
+    r.currentTarget.files && T(r.currentTarget.files);
+  }, se = async (r) => {
+    const p = await (await fetch(r)).blob();
+    return new Promise((c, b) => {
       const x = new FileReader();
-      x.onloadend = () => u(x.result), x.onerror = b, x.readAsDataURL(p);
+      x.onloadend = () => c(x.result), x.onerror = b, x.readAsDataURL(p);
     });
-  }, re = Oe(
+  }, re = Fe(
     () => ({
-      files: f.map((s) => ({ ...s, id: s.id })),
-      add: z,
-      remove: R,
-      clear: O,
-      openFileDialog: q,
-      fileInputRef: g
+      files: P.map((r) => ({ ...r, id: r.id })),
+      add: T,
+      remove: M,
+      clear: R,
+      openFileDialog: U,
+      fileInputRef: h
     }),
-    [f, z, R, O, q]
-  ), ae = (s) => {
-    s.preventDefault();
-    const v = s.currentTarget, p = i ? r.textInput.value : new FormData(v).get("message") || "";
+    [P, T, M, R, U]
+  ), ae = (r) => {
+    r.preventDefault();
+    const v = r.currentTarget, p = i ? s.textInput.value : new FormData(v).get("message") || "";
     i || v.reset(), Promise.all(
-      f.map(async ({ ...u }) => u.url && u.url.startsWith("blob:") ? {
-        ...u,
-        url: await se(u.url)
-      } : u)
-    ).then((u) => {
+      P.map(async ({ ...c }) => c.url && c.url.startsWith("blob:") ? {
+        ...c,
+        url: await se(c.url)
+      } : c)
+    ).then((c) => {
       try {
-        const b = c({ text: p, files: u }, s);
+        const b = f({ text: p, files: c }, r);
         b instanceof Promise ? b.then(() => {
-          O(), i && r.textInput.clear();
+          R(), i && s.textInput.clear();
         }).catch(() => {
-        }) : (O(), i && r.textInput.clear());
+        }) : (R(), i && s.textInput.clear());
       } catch {
       }
     });
-  }, K = /* @__PURE__ */ w(ie, { children: [
-    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "hidden", ref: D }),
+  }, q = /* @__PURE__ */ N(ie, { children: [
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "hidden", ref: z }),
     /* @__PURE__ */ e(
       "input",
       {
@@ -360,82 +360,82 @@ const Ze = ({
         className: "hidden",
         multiple: a,
         onChange: ne,
-        ref: g,
+        ref: h,
         title: "Upload files",
         type: "file"
       }
     ),
-    /* @__PURE__ */ e("form", { className: y("w-full", t), onSubmit: ae, ...I, children: /* @__PURE__ */ e(He, { className: "overflow-hidden", children: N }) })
+    /* @__PURE__ */ e("form", { className: y("w-full", t), onSubmit: ae, ...I, children: /* @__PURE__ */ e(We, { className: "overflow-hidden", children: m }) })
   ] });
-  return i ? K : /* @__PURE__ */ e(te.Provider, { value: re, children: K });
-}, tt = ({
+  return i ? q : /* @__PURE__ */ e(te.Provider, { value: re, children: q });
+}, Ze = ({
   onChange: t,
   className: n,
   placeholder: a = "What would you like to know?",
   ...l
 }) => {
-  const o = ee(), m = G(), [d, h] = A(!1), c = (r) => {
-    if (r.key === "Enter") {
-      if (d || r.nativeEvent.isComposing || r.shiftKey)
+  const o = ee(), d = G(), [u, g] = L(!1), f = (s) => {
+    if (s.key === "Enter") {
+      if (u || s.nativeEvent.isComposing || s.shiftKey)
         return;
-      r.preventDefault();
-      const i = r.currentTarget.form, g = i == null ? void 0 : i.querySelector('button[type="submit"]');
-      if (g != null && g.disabled)
+      s.preventDefault();
+      const i = s.currentTarget.form, h = i == null ? void 0 : i.querySelector('button[type="submit"]');
+      if (h != null && h.disabled)
         return;
       i == null || i.requestSubmit();
     }
-    if (r.key === "Backspace" && r.currentTarget.value === "" && m.files.length > 0) {
-      r.preventDefault();
-      const i = m.files.at(-1);
-      i && m.remove(i.id);
+    if (s.key === "Backspace" && s.currentTarget.value === "" && d.files.length > 0) {
+      s.preventDefault();
+      const i = d.files.at(-1);
+      i && d.remove(i.id);
     }
-  }, N = (r) => {
-    var D;
-    const i = (D = r.clipboardData) == null ? void 0 : D.items;
+  }, m = (s) => {
+    var z;
+    const i = (z = s.clipboardData) == null ? void 0 : z.items;
     if (!i)
       return;
-    const g = [];
+    const h = [];
     for (const S of i)
       if (S.kind === "file") {
         const k = S.getAsFile();
-        k && g.push(k);
+        k && h.push(k);
       }
-    g.length > 0 && (r.preventDefault(), m.add(g));
+    h.length > 0 && (s.preventDefault(), d.add(h));
   }, I = o ? {
     value: o.textInput.value,
-    onChange: (r) => {
-      o.textInput.setInput(r.currentTarget.value), t == null || t(r);
+    onChange: (s) => {
+      o.textInput.setInput(s.currentTarget.value), t == null || t(s);
     }
   } : {
     onChange: t
   };
   return /* @__PURE__ */ e(
-    Ke,
+    Ve,
     {
       className: y("field-sizing-content max-h-48 min-h-16", n),
       name: "message",
-      onCompositionEnd: () => h(!1),
-      onCompositionStart: () => h(!0),
-      onKeyDown: c,
-      onPaste: N,
+      onCompositionEnd: () => g(!1),
+      onCompositionStart: () => g(!0),
+      onKeyDown: f,
+      onPaste: m,
       placeholder: a,
       ...l,
       ...I
     }
   );
-}, nt = ({ className: t, ...n }) => /* @__PURE__ */ e(Q, { align: "block-end", className: y("order-first flex-wrap gap-1", t), ...n }), st = ({ className: t, ...n }) => /* @__PURE__ */ e(Q, { align: "block-end", className: y("justify-between gap-1", t), ...n }), rt = ({ className: t, ...n }) => /* @__PURE__ */ e("div", { className: y("flex items-center gap-1", t), ...n }), V = ({ variant: t = "ghost", className: n, size: a, ...l }) => {
+}, et = ({ className: t, ...n }) => /* @__PURE__ */ e(Q, { align: "block-end", className: y("order-first flex-wrap gap-1", t), ...n }), tt = ({ className: t, ...n }) => /* @__PURE__ */ e(Q, { align: "block-end", className: y("justify-between gap-1", t), ...n }), nt = ({ className: t, ...n }) => /* @__PURE__ */ e("div", { className: y("flex items-center gap-1", t), ...n }), H = ({ variant: t = "ghost", className: n, size: a, ...l }) => {
   const o = a ?? (Be.count(l.children) > 1 ? "sm" : "icon-sm");
   return /* @__PURE__ */ e(Z, { className: y(n), size: o, type: "button", variant: t, ...l });
-}, at = (t) => /* @__PURE__ */ e(ue, { ...t }), ot = ({ className: t, children: n, ...a }) => /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ e(V, { className: t, ...a, children: n ?? /* @__PURE__ */ e(ke, { className: "size-4" }) }) }), it = ({ className: t, ...n }) => /* @__PURE__ */ e(pe, { align: "start", className: y(t), ...n }), lt = ({
+}, st = (t) => /* @__PURE__ */ e(ue, { ...t }), rt = ({ className: t, children: n, ...a }) => /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ e(H, { className: t, ...a, children: n ?? /* @__PURE__ */ e(ke, { className: "size-4" }) }) }), at = ({ className: t, ...n }) => /* @__PURE__ */ e(me, { align: "start", className: y(t), ...n }), ot = ({
   className: t,
   variant: n = "default",
   size: a = "icon-sm",
   status: l,
   children: o,
-  ...m
+  ...d
 }) => {
-  let d = /* @__PURE__ */ e(Pe, { className: "size-4" });
-  return l === "submitted" ? d = /* @__PURE__ */ e(Te, { className: "size-4 animate-spin" }) : l === "streaming" ? d = /* @__PURE__ */ e(Ae, { className: "size-4" }) : l === "error" && (d = /* @__PURE__ */ e(J, { className: "size-4" })), /* @__PURE__ */ e(
+  let u = /* @__PURE__ */ e(Pe, { className: "size-4" });
+  return l === "submitted" ? u = /* @__PURE__ */ e(Te, { className: "size-4 animate-spin" }) : l === "streaming" ? u = /* @__PURE__ */ e(Ae, { className: "size-4" }) : l === "error" && (u = /* @__PURE__ */ e(Y, { className: "size-4" })), /* @__PURE__ */ e(
     Z,
     {
       "aria-label": "Submit",
@@ -443,69 +443,69 @@ const Ze = ({
       size: a,
       type: "submit",
       variant: n,
-      ...m,
-      children: o ?? d
+      ...d,
+      children: o ?? u
     }
   );
-}, ct = ({
+}, it = ({
   className: t,
   textareaRef: n,
   onTranscriptionChange: a,
   ...l
 }) => {
-  const [o, m] = A(!1), [d, h] = A(null), c = M(null);
-  T(() => {
+  const [o, d] = L(!1), [u, g] = L(null), f = F(null);
+  A(() => {
     if (typeof window < "u" && ("SpeechRecognition" in window || "webkitSpeechRecognition" in window)) {
-      const I = window.SpeechRecognition || window.webkitSpeechRecognition, r = new I();
-      r.continuous = !0, r.interimResults = !0, r.lang = "en-US", r.onstart = () => {
-        m(!0);
-      }, r.onend = () => {
-        m(!1);
-      }, r.onresult = (i) => {
-        var D;
-        let g = "";
+      const I = window.SpeechRecognition || window.webkitSpeechRecognition, s = new I();
+      s.continuous = !0, s.interimResults = !0, s.lang = "en-US", s.onstart = () => {
+        d(!0);
+      }, s.onend = () => {
+        d(!1);
+      }, s.onresult = (i) => {
+        var z;
+        let h = "";
         for (let S = i.resultIndex; S < i.results.length; S++) {
           const k = i.results[S];
-          k.isFinal && (g += ((D = k[0]) == null ? void 0 : D.transcript) ?? "");
+          k.isFinal && (h += ((z = k[0]) == null ? void 0 : z.transcript) ?? "");
         }
-        if (g && (n != null && n.current)) {
-          const S = n.current, k = S.value, L = k + (k ? " " : "") + g;
-          S.value = L, S.dispatchEvent(new Event("input", { bubbles: !0 })), a == null || a(L);
+        if (h && (n != null && n.current)) {
+          const S = n.current, k = S.value, D = k + (k ? " " : "") + h;
+          S.value = D, S.dispatchEvent(new Event("input", { bubbles: !0 })), a == null || a(D);
         }
-      }, r.onerror = (i) => {
-        console.error("Speech recognition error:", i.error), m(!1);
-      }, c.current = r, Ge(() => h(r));
+      }, s.onerror = (i) => {
+        console.error("Speech recognition error:", i.error), d(!1);
+      }, f.current = s, Ge(() => g(s));
     }
     return () => {
-      c.current && c.current.stop();
+      f.current && f.current.stop();
     };
   }, [n, a]);
-  const N = F(() => {
-    d && (o ? d.stop() : d.start());
-  }, [d, o]);
+  const m = O(() => {
+    u && (o ? u.stop() : u.start());
+  }, [u, o]);
   return /* @__PURE__ */ e(
-    V,
+    H,
     {
       className: y(
         "relative transition-all duration-200",
         o && "animate-pulse bg-accent text-accent-foreground",
         t
       ),
-      disabled: !d,
-      onClick: N,
+      disabled: !u,
+      onClick: m,
       ...l,
-      children: /* @__PURE__ */ e(ze, { className: "size-4" })
+      children: /* @__PURE__ */ e(De, { className: "size-4" })
     }
   );
-}, ut = ({ openDelay: t = 0, closeDelay: n = 0, ...a }) => /* @__PURE__ */ e(fe, { closeDelay: n, openDelay: t, ...a }), dt = ({ align: t = "start", ...n }) => /* @__PURE__ */ e(he, { align: t, ...n }), pt = (t) => /* @__PURE__ */ e(ge, { ...t }), mt = (t) => /* @__PURE__ */ e(ve, { ...t }), ft = ({
+}, lt = ({ openDelay: t = 0, closeDelay: n = 0, ...a }) => /* @__PURE__ */ e(fe, { closeDelay: n, openDelay: t, ...a }), ct = ({ align: t = "start", ...n }) => /* @__PURE__ */ e(he, { align: t, ...n }), ut = (t) => /* @__PURE__ */ e(ge, { ...t }), dt = (t) => /* @__PURE__ */ e(ve, { ...t }), mt = ({
   className: t,
   children: n,
   title: a = "Model Selector",
   ...l
-}) => /* @__PURE__ */ w(be, { className: y("p-0", t), ...l, children: [
+}) => /* @__PURE__ */ N(be, { className: y("p-0", t), ...l, children: [
   /* @__PURE__ */ e(xe, { className: "sr-only", children: a }),
   /* @__PURE__ */ e(we, { className: "**:data-[slot=command-input-wrapper]:h-auto", children: n })
-] }), ht = (t) => /* @__PURE__ */ e(Ne, { ...t }), gt = (t) => /* @__PURE__ */ e(ye, { ...t }), vt = (t) => /* @__PURE__ */ e(Ie, { ...t }), bt = ({ provider: t, className: n, ...a }) => /* @__PURE__ */ e(
+] }), pt = (t) => /* @__PURE__ */ e(Ne, { ...t }), ft = (t) => /* @__PURE__ */ e(ye, { ...t }), ht = (t) => /* @__PURE__ */ e(Ie, { ...t }), gt = ({ provider: t, className: n, ...a }) => /* @__PURE__ */ e(
   "img",
   {
     ...a,
@@ -515,117 +515,112 @@ const Ze = ({
     src: `https://models.dev/logos/${t}.svg`,
     width: 12
   }
-), xt = ({ className: t, ...n }) => /* @__PURE__ */ e("span", { className: y("flex-1 truncate text-left", t), ...n }), wt = ({
+), vt = ({ className: t, ...n }) => /* @__PURE__ */ e("span", { className: y("flex-1 truncate text-left", t), ...n }), bt = ({
   selectedModel: t,
   onModelChange: n,
   disabled: a = !1
 }) => {
-  const [l, o] = A(!1), m = _e(t) || E(), d = We.reduce(
-    (c, N) => (c[N.provider] || (c[N.provider] = []), c[N.provider].push(N), c),
+  const [l, o] = L(!1), { models: d } = J(), u = d.find((m) => m.id === t) || d[0], g = d.reduce(
+    (m, I) => (m[I.provider] || (m[I.provider] = []), m[I.provider].push(I), m),
     {}
-  ), h = (c) => {
-    n(c), o(!1);
+  ), f = (m) => {
+    n(m), o(!1);
   };
-  return /* @__PURE__ */ w(pt, { open: l, onOpenChange: o, children: [
-    /* @__PURE__ */ e(mt, { asChild: !0, children: /* @__PURE__ */ w(_, { variant: "outline", size: "sm", disabled: a, className: "h-8 gap-1 px-2 text-xs", children: [
+  return /* @__PURE__ */ N(ut, { open: l, onOpenChange: o, children: [
+    /* @__PURE__ */ e(dt, { asChild: !0, children: /* @__PURE__ */ N(E, { variant: "outline", size: "sm", disabled: a, className: "h-8 gap-1 px-2 text-xs", children: [
       /* @__PURE__ */ e(Le, { size: 14 }),
-      /* @__PURE__ */ e("span", { className: "max-w-20 truncate", children: m.name })
+      /* @__PURE__ */ e("span", { className: "max-w-20 truncate", children: u.name })
     ] }) }),
-    /* @__PURE__ */ w(ft, { className: "w-96 p-0", children: [
+    /* @__PURE__ */ N(mt, { className: "w-96 p-0", children: [
       /* @__PURE__ */ e("h3", { className: "mt-2 px-2 py-2 font-semibold", children: "Models" }),
-      /* @__PURE__ */ e(ht, { children: Object.entries(d).map(([c, N]) => /* @__PURE__ */ e(gt, { heading: c.charAt(0).toUpperCase() + c.slice(1), children: N.map((I) => /* @__PURE__ */ w(
-        vt,
+      /* @__PURE__ */ e(pt, { children: Object.entries(g).map(([m, I]) => /* @__PURE__ */ e(ft, { heading: m.charAt(0).toUpperCase() + m.slice(1), children: I.map((s) => /* @__PURE__ */ N(
+        ht,
         {
-          value: I.id,
-          onSelect: () => h(I.id),
+          value: s.id,
+          onSelect: () => f(s.id),
           className: "flex cursor-pointer items-center gap-2 p-2",
           children: [
-            /* @__PURE__ */ e(bt, { provider: I.provider }),
-            /* @__PURE__ */ w("div", { className: "flex flex-1 items-center justify-between", children: [
-              /* @__PURE__ */ e(xt, { children: I.name }),
-              /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: I.description })
+            /* @__PURE__ */ e(gt, { provider: s.provider }),
+            /* @__PURE__ */ N("div", { className: "flex flex-1 items-center justify-between", children: [
+              /* @__PURE__ */ e(vt, { children: s.name }),
+              /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: s.description })
             ] }),
-            t === I.id && /* @__PURE__ */ e("div", { className: "h-2 w-2 rounded-full bg-blue-500" })
+            t === s.id && /* @__PURE__ */ e("div", { className: "h-2 w-2 rounded-full bg-blue-500" })
           ]
         },
-        I.id
-      )) }, c)) })
+        s.id
+      )) }, m)) })
     ] })
   ] });
-}, X = "chai-ai-selected-model", At = ({
+}, $ = "chai-ai-selected-model", Pt = ({
   input: t,
   setInput: n,
   onSend: a,
   onStop: l,
   isLoading: o,
-  disabled: m,
-  selectedLang: d,
-  selectedModel: h = E().id,
-  onModelChange: c
+  disabled: d,
+  selectedLang: u,
+  selectedModel: g,
+  onModelChange: f
 }) => {
-  const { t: N } = Ee(), [I, r] = A(h), [i, g] = A(null), D = M(null), [S, k] = A(!1);
-  return T(() => {
-    if (!d) {
-      const f = localStorage.getItem(X);
-      if (f)
-        r(f), c == null || c(f);
-      else {
-        const P = E().id;
-        r(P), c == null || c(P);
-      }
+  const { t: m } = Ee(), { models: I } = J(), s = I.find((w) => w.id === "google/gemini-3-flash") || I[0], [i, h] = L(g || s.id), [z, S] = L(null), k = F(null), [D, P] = L(!1);
+  return A(() => {
+    if (!u) {
+      const w = localStorage.getItem($);
+      w ? (h(w), f == null || f(w)) : (h(s.id), f == null || f(s.id));
     }
-  }, [d, c]), /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e("div", { className: "border-gray-20 rounded-lg border", children: /* @__PURE__ */ w(et, { onSubmit: (f) => {
-    var U;
-    const P = f.files.find((z) => {
-      var R;
-      return (R = z.mediaType) == null ? void 0 : R.startsWith("image/");
-    }), j = (P == null ? void 0 : P.url) || i;
-    a((U = f.text) == null ? void 0 : U.trim(), void 0, j, I), g(null);
+  }, [u, f, s.id]), /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e("div", { className: "border-gray-20 rounded-lg border", children: /* @__PURE__ */ N(Qe, { onSubmit: (w) => {
+    var M;
+    const j = w.files.find((R) => {
+      var U;
+      return (U = R.mediaType) == null ? void 0 : U.startsWith("image/");
+    }), T = (j == null ? void 0 : j.url) || z;
+    a((M = w.text) == null ? void 0 : M.trim(), void 0, T, i), S(null);
   }, accept: "image/*", className: "flex h-auto w-full flex-col", children: [
-    /* @__PURE__ */ e(nt, { className: "p-0", children: /* @__PURE__ */ e(Qe, { className: "pb-0", children: (f) => /* @__PURE__ */ e(Je, { className: "text-xs", data: f }) }) }),
+    /* @__PURE__ */ e(et, { className: "p-0", children: /* @__PURE__ */ e(Ye, { className: "pb-0", children: (w) => /* @__PURE__ */ e(Xe, { className: "text-xs", data: w }) }) }),
     /* @__PURE__ */ e(
-      tt,
+      Ze,
       {
-        ref: D,
+        ref: k,
         value: t,
-        onChange: (f) => n(f.target.value),
-        placeholder: N(d ? "Ask to update content" : "Ask me anything..."),
+        onChange: (w) => n(w.target.value),
+        placeholder: m(u ? "Ask to update content" : "Ask me anything..."),
         disabled: o,
         className: "max-h-[200px] min-h-[60px] w-full",
         rows: 3
       }
     ),
-    /* @__PURE__ */ w(st, { children: [
-      d ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ w(rt, { children: [
-        /* @__PURE__ */ w(at, { children: [
-          /* @__PURE__ */ e(ot, { disabled: o, children: /* @__PURE__ */ e(Ce, { size: 16 }) }),
-          /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(Ze, {}) })
+    /* @__PURE__ */ N(tt, { children: [
+      u ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ N(nt, { children: [
+        /* @__PURE__ */ N(st, { children: [
+          /* @__PURE__ */ e(rt, { disabled: o, children: /* @__PURE__ */ e(Ce, { size: 16 }) }),
+          /* @__PURE__ */ e(at, { children: /* @__PURE__ */ e(Je, {}) })
         ] }),
         /* @__PURE__ */ e(
-          ct,
+          it,
           {
-            textareaRef: D,
+            textareaRef: k,
             onTranscriptionChange: n,
             disabled: o
           }
         ),
         /* @__PURE__ */ e(
-          wt,
+          bt,
           {
-            selectedModel: I,
-            onModelChange: (f) => {
-              r(f), c == null || c(f), localStorage.setItem(X, f);
+            selectedModel: i,
+            onModelChange: (w) => {
+              h(w), f == null || f(w), localStorage.setItem($, w);
             },
             disabled: o
           }
         ),
-        /* @__PURE__ */ w(
-          V,
+        /* @__PURE__ */ N(
+          H,
           {
             className: "hidden",
             size: "sm",
-            onClick: () => k(!S),
-            variant: S ? "default" : "ghost",
+            onClick: () => P(!D),
+            variant: D ? "default" : "ghost",
             children: [
               /* @__PURE__ */ e(Re, { size: 16 }),
               /* @__PURE__ */ e("span", { children: "Search" })
@@ -638,13 +633,13 @@ const Ze = ({
         {
           onClick: l,
           className: "z-50 flex items-center gap-x-1 rounded-md bg-red-500 p-1.5 text-white transition-colors hover:bg-red-600",
-          title: N("Stop generation"),
-          children: /* @__PURE__ */ e(Me, { size: 16 })
+          title: m("Stop generation"),
+          children: /* @__PURE__ */ e(je, { size: 16 })
         }
-      ) : /* @__PURE__ */ e(lt, { disabled: !t.trim() || m, children: /* @__PURE__ */ e(je, { size: 16 }) })
+      ) : /* @__PURE__ */ e(ot, { disabled: !t.trim() || d, children: /* @__PURE__ */ e(Me, { size: 16 }) })
     ] })
   ] }) }) });
 };
 export {
-  At as default
+  Pt as default
 };