@chaibuilder/sdk 4.0.0-beta.3 → 4.0.0-beta.4

package/dist/{ai-prompt-input-Bhc0ds7X.js → ai-prompt-input-DueQYNf-.js}

@@ -1,12 +1,13 @@
 import { jsx as e, jsxs as w, Fragment as ie } from "react/jsx-runtime";
-import { ag as N, T as le, B as V, aA as ce, r as ue, s as de, t as pe, v as me, aB as fe, aC as he, D as ge, aD as ve, d as be, f as xe, C as we, i as Ne, j as Ie, l as ye, m as Se } from "./index-Ct7ElCGK.js";
-import { PaperclipIcon as ke, XIcon as Y, PlusIcon as De, ImageIcon as ze, MicIcon as Pe, CornerDownLeftIcon as Te, Loader2Icon as Ae, SquareIcon as Ce, Cpu as Le, Paperclip as Re, GlobeIcon as Me, Square as je, Send as Ue } from "lucide-react";
+import { E as N, B as E } from "./register-chai-top-bar-ESJHs5s-.js";
+import { T as le, av as ce, r as ue, s as de, t as pe, v as me, aw as fe, ax as he, D as ge, ay as ve, d as be, f as xe, C as we, i as Ne, j as Ie, l as ye, m as Se } from "./index-rAcNbjk_.js";
+import { cva as Y } from "class-variance-authority";
+import { PaperclipIcon as ke, XIcon as J, PlusIcon as De, ImageIcon as ze, MicIcon as Pe, CornerDownLeftIcon as Te, Loader2Icon as Ae, SquareIcon as Le, Cpu as Ce, Paperclip as Re, GlobeIcon as Me, Square as je, Send as Ue } from "lucide-react";
 import { nanoid as Oe } from "nanoid";
-import { useContext as W, useRef as M, useEffect as A, useState as P, useCallback as F, useMemo as Fe, createContext as E, Fragment as Ge, Children as Be } from "react";
-import { cva as J } from "class-variance-authority";
-import { useTranslation as _e } from "react-i18next";
+import { useContext as V, useRef as M, useEffect as A, useState as P, useCallback as F, useMemo as Fe, createContext as W, Fragment as Ge, startTransition as Be, Children as _e } from "react";
+import { useTranslation as Ee } from "react-i18next";
 import { a as Ve, g as _, A as We } from "./models-D95ZYr_x.js";
-function Ee({ className: t, ...n }) {
+function He({ className: t, ...n }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -30,7 +31,7 @@ function Ee({ className: t, ...n }) {
     }
   );
 }
-const He = J(
+const qe = Y(
   "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: {
@@ -57,7 +58,7 @@ function Q({
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": n,
-      className: N(He({ align: n }), t),
+      className: N(qe({ align: n }), t),
       onClick: (l) => {
         var i, p;
         l.target.closest("button") || (p = (i = l.currentTarget.parentElement) == null ? void 0 : i.querySelector("input")) == null || p.focus();
@@ -66,7 +67,7 @@ function Q({
     }
   );
 }
-const qe = J("flex items-center gap-2 text-sm shadow-none", {
+const Ke = Y("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",
@@ -87,17 +88,17 @@ function Z({
   ...i
 }) {
   return /* @__PURE__ */ e(
-    V,
+    E,
     {
       type: n,
       "data-size": l,
       variant: o,
-      className: N(qe({ size: l }), t),
+      className: N(Ke({ size: l }), t),
       ...i
     }
   );
 }
-function Ke({ className: t, ...n }) {
+function $e({ className: t, ...n }) {
   return /* @__PURE__ */ e(
     le,
     {
@@ -110,16 +111,16 @@ function Ke({ className: t, ...n }) {
     }
   );
 }
-const $e = E(null), Xe = E(null), ee = () => W($e), Ye = () => W(Xe), te = E(null), G = () => {
-  const t = Ye(), n = W(te), o = t ?? n;
+const Xe = W(null), Ye = W(null), ee = () => V(Xe), Je = () => V(Ye), te = W(null), G = () => {
+  const t = Je(), n = V(te), o = t ?? n;
   if (!o)
     throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
   return o;
 };
-function Je({ data: t, className: n, ...o }) {
+function Qe({ data: t, className: n, ...o }) {
   var f;
   const l = G(), i = t.filename || "", u = ((f = t.mediaType) != null && f.startsWith("image/") && t.url ? "image" : "file") === "image", g = i || (u ? "Image" : "Attachment");
-  return /* @__PURE__ */ w(ut, { children: [
+  return /* @__PURE__ */ w(dt, { children: [
     /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ w(
       "div",
       {
@@ -141,7 +142,7 @@ function Je({ data: t, className: n, ...o }) {
               }
             ) : /* @__PURE__ */ e("div", { className: "flex size-5 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ e(ke, { className: "size-3" }) }) }),
             /* @__PURE__ */ w(
-              V,
+              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",
@@ -151,7 +152,7 @@ function Je({ data: t, className: n, ...o }) {
                 type: "button",
                 variant: "ghost",
                 children: [
-                  /* @__PURE__ */ e(Y, {}),
+                  /* @__PURE__ */ e(J, {}),
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Remove" })
                 ]
               }
@@ -162,7 +163,7 @@ function Je({ data: t, className: n, ...o }) {
       },
       t.id
     ) }),
-    /* @__PURE__ */ e(dt, { className: "w-auto p-2", children: /* @__PURE__ */ w("div", { className: "w-auto space-y-3", children: [
+    /* @__PURE__ */ e(pt, { className: "w-auto p-2", children: /* @__PURE__ */ w("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",
         {
@@ -180,11 +181,11 @@ function Je({ data: t, className: n, ...o }) {
     ] }) })
   ] });
 }
-function Qe({ children: t, className: n, ...o }) {
+function Ze({ children: t, className: n, ...o }) {
   const l = G();
   return l.files.length ? /* @__PURE__ */ e("div", { className: N("flex flex-wrap items-center gap-2 p-3", n), ...o, children: l.files.map((i) => /* @__PURE__ */ e(Ge, { children: t(i) }, i.id)) }) : null;
 }
-const Ze = ({
+const et = ({
   label: t = "Add photos or files",
   ...n
 }) => {
@@ -203,7 +204,7 @@ const Ze = ({
       ]
     }
   );
-}, et = ({
+}, tt = ({
   className: t,
   accept: n,
   multiple: o,
@@ -222,7 +223,7 @@ const Ze = ({
     const r = (v = k.current) == null ? void 0 : v.closest("form");
     r instanceof HTMLFormElement && (I.current = r);
   }, []);
-  const [S, C] = P([]), h = a ? s.attachments.files : S, T = F(() => {
+  const [S, L] = P([]), h = a ? s.attachments.files : S, T = F(() => {
     var r;
     (r = d.current) == null || r.click();
   }, []), j = F(
@@ -246,9 +247,9 @@ const Ze = ({
         });
         return;
       }
-      C((x) => {
-        const L = typeof p == "number" ? Math.max(0, p - x.length) : void 0, oe = typeof L == "number" ? b.slice(0, L) : b;
-        typeof L == "number" && b.length > L && (g == null || g({
+      L((x) => {
+        const C = typeof p == "number" ? Math.max(0, p - 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."
         }));
@@ -265,10 +266,10 @@ const Ze = ({
       });
     },
     [j, p, u, g]
-  ), z = a ? (r) => s.attachments.add(r) : U, R = a ? (r) => s.attachments.remove(r) : (r) => C((v) => {
+  ), z = a ? (r) => s.attachments.add(r) : U, R = a ? (r) => s.attachments.remove(r) : (r) => L((v) => {
     const m = v.find((c) => c.id === r);
     return m != null && m.url && URL.revokeObjectURL(m.url), v.filter((c) => c.id !== r);
-  }), O = a ? () => s.attachments.clear() : () => C((r) => {
+  }), O = a ? () => s.attachments.clear() : () => L((r) => {
     for (const v of r)
       v.url && URL.revokeObjectURL(v.url);
     return [];
@@ -287,8 +288,8 @@ const Ze = ({
       var b, x;
       (x = (b = c.dataTransfer) == null ? void 0 : b.types) != null && x.includes("Files") && c.preventDefault();
     }, m = (c) => {
-      var b, x, L;
-      (x = (b = c.dataTransfer) == null ? void 0 : b.types) != null && x.includes("Files") && c.preventDefault(), (L = c.dataTransfer) != null && L.files && c.dataTransfer.files.length > 0 && z(c.dataTransfer.files);
+      var b, x, C;
+      (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 && z(c.dataTransfer.files);
     };
     return r.addEventListener("dragover", v), r.addEventListener("drop", m), () => {
       r.removeEventListener("dragover", v), r.removeEventListener("drop", m);
@@ -364,10 +365,10 @@ const Ze = ({
         type: "file"
       }
     ),
-    /* @__PURE__ */ e("form", { className: N("w-full", t), onSubmit: ae, ...D, children: /* @__PURE__ */ e(Ee, { className: "overflow-hidden", children: y }) })
+    /* @__PURE__ */ e("form", { className: N("w-full", t), onSubmit: ae, ...D, children: /* @__PURE__ */ e(He, { className: "overflow-hidden", children: y }) })
   ] });
   return a ? K : /* @__PURE__ */ e(te.Provider, { value: re, children: K });
-}, tt = ({
+}, nt = ({
   onChange: t,
   className: n,
   placeholder: o = "What would you like to know?",
@@ -409,7 +410,7 @@ const Ze = ({
     onChange: t
   };
   return /* @__PURE__ */ e(
-    Ke,
+    $e,
     {
       className: N("field-sizing-content max-h-48 min-h-16", n),
       name: "message",
@@ -422,10 +423,10 @@ const Ze = ({
       ...D
     }
   );
-}, nt = ({ className: t, ...n }) => /* @__PURE__ */ e(Q, { align: "block-end", className: N("order-first flex-wrap gap-1", t), ...n }), st = ({ className: t, ...n }) => /* @__PURE__ */ e(Q, { align: "block-end", className: N("justify-between gap-1", t), ...n }), rt = ({ className: t, ...n }) => /* @__PURE__ */ e("div", { className: N("flex items-center gap-1", t), ...n }), H = ({ variant: t = "ghost", className: n, size: o, ...l }) => {
-  const i = o ?? (Be.count(l.children) > 1 ? "sm" : "icon-sm");
+}, st = ({ className: t, ...n }) => /* @__PURE__ */ e(Q, { align: "block-end", className: N("order-first flex-wrap gap-1", t), ...n }), rt = ({ className: t, ...n }) => /* @__PURE__ */ e(Q, { align: "block-end", className: N("justify-between gap-1", t), ...n }), at = ({ className: t, ...n }) => /* @__PURE__ */ e("div", { className: N("flex items-center gap-1", t), ...n }), H = ({ variant: t = "ghost", className: n, size: o, ...l }) => {
+  const i = o ?? (_e.count(l.children) > 1 ? "sm" : "icon-sm");
   return /* @__PURE__ */ e(Z, { className: N(n), size: i, type: "button", variant: t, ...l });
-}, at = (t) => /* @__PURE__ */ e(ue, { ...t }), ot = ({ className: t, children: n, ...o }) => /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ e(H, { className: t, ...o, children: n ?? /* @__PURE__ */ e(De, { className: "size-4" }) }) }), it = ({ className: t, ...n }) => /* @__PURE__ */ e(pe, { align: "start", className: N(t), ...n }), lt = ({
+}, ot = (t) => /* @__PURE__ */ e(ue, { ...t }), it = ({ className: t, children: n, ...o }) => /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ e(H, { className: t, ...o, children: n ?? /* @__PURE__ */ e(De, { className: "size-4" }) }) }), lt = ({ className: t, ...n }) => /* @__PURE__ */ e(pe, { align: "start", className: N(t), ...n }), ct = ({
   className: t,
   variant: n = "default",
   size: o = "icon-sm",
@@ -434,7 +435,7 @@ const Ze = ({
   ...p
 }) => {
   let u = /* @__PURE__ */ e(Te, { className: "size-4" });
-  return l === "submitted" ? u = /* @__PURE__ */ e(Ae, { className: "size-4 animate-spin" }) : l === "streaming" ? u = /* @__PURE__ */ e(Ce, { className: "size-4" }) : l === "error" && (u = /* @__PURE__ */ e(Y, { className: "size-4" })), /* @__PURE__ */ e(
+  return l === "submitted" ? u = /* @__PURE__ */ e(Ae, { className: "size-4 animate-spin" }) : l === "streaming" ? u = /* @__PURE__ */ e(Le, { className: "size-4" }) : l === "error" && (u = /* @__PURE__ */ e(J, { className: "size-4" })), /* @__PURE__ */ e(
     Z,
     {
       "aria-label": "Submit",
@@ -446,7 +447,7 @@ const Ze = ({
       children: i ?? u
     }
   );
-}, ct = ({
+}, ut = ({
   className: t,
   textareaRef: n,
   onTranscriptionChange: o,
@@ -468,12 +469,12 @@ const Ze = ({
           S.isFinal && (d += ((k = S[0]) == null ? void 0 : k.transcript) ?? "");
         }
         if (d && (n != null && n.current)) {
-          const I = n.current, S = I.value, C = S + (S ? " " : "") + d;
-          I.value = C, I.dispatchEvent(new Event("input", { bubbles: !0 })), o == null || o(C);
+          const I = n.current, S = I.value, L = S + (S ? " " : "") + d;
+          I.value = L, I.dispatchEvent(new Event("input", { bubbles: !0 })), o == null || o(L);
         }
       }, s.onerror = (a) => {
         console.error("Speech recognition error:", a.error), p(!1);
-      }, f.current = s, g(s);
+      }, f.current = s, Be(() => g(s));
     }
     return () => {
       f.current && f.current.stop();
@@ -496,7 +497,7 @@ const Ze = ({
       children: /* @__PURE__ */ e(Pe, { className: "size-4" })
     }
   );
-}, ut = ({ openDelay: t = 0, closeDelay: n = 0, ...o }) => /* @__PURE__ */ e(fe, { closeDelay: n, openDelay: t, ...o }), dt = ({ align: t = "start", ...n }) => /* @__PURE__ */ e(he, { align: t, ...n }), pt = (t) => /* @__PURE__ */ e(ge, { ...t }), mt = (t) => /* @__PURE__ */ e(ve, { ...t }), ft = ({
+}, dt = ({ openDelay: t = 0, closeDelay: n = 0, ...o }) => /* @__PURE__ */ e(fe, { closeDelay: n, openDelay: t, ...o }), pt = ({ align: t = "start", ...n }) => /* @__PURE__ */ e(he, { align: t, ...n }), mt = (t) => /* @__PURE__ */ e(ge, { ...t }), ft = (t) => /* @__PURE__ */ e(ve, { ...t }), ht = ({
   className: t,
   children: n,
   title: o = "Model Selector",
@@ -504,7 +505,7 @@ const Ze = ({
 }) => /* @__PURE__ */ w(be, { className: N("p-0", t), ...l, children: [
   /* @__PURE__ */ e(xe, { className: "sr-only", children: o }),
   /* @__PURE__ */ e(we, { className: "**:data-[slot=command-input-wrapper]:h-auto", children: n })
-] }), ht = ({ className: t, ...n }) => /* @__PURE__ */ e(Ne, { className: N("h-auto py-3.5", t), ...n }), gt = (t) => /* @__PURE__ */ e(Ie, { ...t }), vt = (t) => /* @__PURE__ */ e(ye, { ...t }), bt = (t) => /* @__PURE__ */ e(Se, { ...t }), xt = ({ provider: t, className: n, ...o }) => /* @__PURE__ */ e(
+] }), gt = ({ className: t, ...n }) => /* @__PURE__ */ e(Ne, { className: N("h-auto py-3.5", t), ...n }), vt = (t) => /* @__PURE__ */ e(Ie, { ...t }), bt = (t) => /* @__PURE__ */ e(ye, { ...t }), xt = (t) => /* @__PURE__ */ e(Se, { ...t }), wt = ({ provider: t, className: n, ...o }) => /* @__PURE__ */ e(
   "img",
   {
     ...o,
@@ -514,7 +515,7 @@ const Ze = ({
     src: `https://models.dev/logos/${t}.svg`,
     width: 12
   }
-), wt = ({ className: t, ...n }) => /* @__PURE__ */ e("span", { className: N("flex-1 truncate text-left", t), ...n }), Nt = ({
+), Nt = ({ className: t, ...n }) => /* @__PURE__ */ e("span", { className: N("flex-1 truncate text-left", t), ...n }), It = ({
   selectedModel: t,
   onModelChange: n,
   disabled: o = !1
@@ -527,23 +528,23 @@ const Ze = ({
   ), D = (s) => {
     n(s), i(!1), u("");
   };
-  return /* @__PURE__ */ w(pt, { open: l, onOpenChange: i, children: [
-    /* @__PURE__ */ e(mt, { asChild: !0, children: /* @__PURE__ */ w(V, { variant: "outline", size: "sm", disabled: o, className: "h-8 gap-1 px-2 text-xs", children: [
-      /* @__PURE__ */ e(Le, { size: 14 }),
+  return /* @__PURE__ */ w(mt, { open: l, onOpenChange: i, children: [
+    /* @__PURE__ */ e(ft, { asChild: !0, children: /* @__PURE__ */ w(E, { variant: "outline", size: "sm", disabled: o, className: "h-8 gap-1 px-2 text-xs", children: [
+      /* @__PURE__ */ e(Ce, { size: 14 }),
       /* @__PURE__ */ e("span", { className: "max-w-20 truncate", children: g.name })
     ] }) }),
-    /* @__PURE__ */ w(ft, { className: "w-96 p-0", children: [
-      /* @__PURE__ */ e(ht, { placeholder: "Search models...", value: p, onValueChange: u }),
-      /* @__PURE__ */ e(gt, { children: Object.entries(y).map(([s, a]) => /* @__PURE__ */ e(vt, { heading: s.charAt(0).toUpperCase() + s.slice(1), children: a.map((d) => /* @__PURE__ */ w(
-        bt,
+    /* @__PURE__ */ w(ht, { className: "w-96 p-0", children: [
+      /* @__PURE__ */ e(gt, { placeholder: "Search models...", value: p, onValueChange: u }),
+      /* @__PURE__ */ e(vt, { children: Object.entries(y).map(([s, a]) => /* @__PURE__ */ e(bt, { heading: s.charAt(0).toUpperCase() + s.slice(1), children: a.map((d) => /* @__PURE__ */ w(
+        xt,
         {
           value: d.id,
           onSelect: () => D(d.id),
           className: "flex cursor-pointer items-center gap-2 p-2",
           children: [
-            /* @__PURE__ */ e(xt, { provider: d.provider }),
+            /* @__PURE__ */ e(wt, { provider: d.provider }),
             /* @__PURE__ */ w("div", { className: "flex flex-1 flex-col", children: [
-              /* @__PURE__ */ e(wt, { children: d.name }),
+              /* @__PURE__ */ e(Nt, { children: d.name }),
               /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: d.description })
             ] }),
             t === d.id && /* @__PURE__ */ e("div", { className: "h-2 w-2 rounded-full bg-blue-500" })
@@ -553,7 +554,7 @@ const Ze = ({
       )) }, s)) })
     ] })
   ] });
-}, X = "chai-ai-selected-model", At = ({
+}, X = "chai-ai-selected-model", Ct = ({
   input: t,
   setInput: n,
   onSend: o,
@@ -564,7 +565,7 @@ const Ze = ({
   selectedModel: g = _().id,
   onModelChange: f
 }) => {
-  const { t: y } = _e(), [D, s] = P(g), [a, d] = P(null), k = M(null), [I, S] = P(!1);
+  const { t: y } = Ee(), [D, s] = P(g), [a, d] = P(null), k = M(null), [I, S] = P(!1);
   return A(() => {
     if (!u) {
       const h = localStorage.getItem(X);
@@ -575,7 +576,7 @@ const Ze = ({
         s(T), f == null || f(T);
       }
     }
-  }, [u, f]), /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e("div", { className: "border-gray-20 rounded-lg border", children: /* @__PURE__ */ w(et, { onSubmit: (h) => {
+  }, [u, f]), /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e("div", { className: "border-gray-20 rounded-lg border", children: /* @__PURE__ */ w(tt, { onSubmit: (h) => {
     var U;
     const T = h.files.find((z) => {
       var R;
@@ -583,9 +584,9 @@ const Ze = ({
     }), j = (T == null ? void 0 : T.url) || a;
     o((U = h.text) == null ? void 0 : U.trim(), void 0, j, D), d(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: (h) => /* @__PURE__ */ e(Je, { className: "text-xs", data: h }) }) }),
+    /* @__PURE__ */ e(st, { className: "p-0", children: /* @__PURE__ */ e(Ze, { className: "pb-0", children: (h) => /* @__PURE__ */ e(Qe, { className: "text-xs", data: h }) }) }),
     /* @__PURE__ */ e(
-      tt,
+      nt,
       {
         ref: k,
         value: t,
@@ -596,14 +597,14 @@ const Ze = ({
         rows: 3
       }
     ),
-    /* @__PURE__ */ w(st, { children: [
-      u ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ w(rt, { children: [
-        /* @__PURE__ */ w(at, { children: [
-          /* @__PURE__ */ e(ot, { disabled: i, children: /* @__PURE__ */ e(Re, { size: 16 }) }),
-          /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(Ze, {}) })
+    /* @__PURE__ */ w(rt, { children: [
+      u ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ w(at, { children: [
+        /* @__PURE__ */ w(ot, { children: [
+          /* @__PURE__ */ e(it, { disabled: i, children: /* @__PURE__ */ e(Re, { size: 16 }) }),
+          /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(et, {}) })
         ] }),
         /* @__PURE__ */ e(
-          ct,
+          ut,
           {
             textareaRef: k,
             onTranscriptionChange: n,
@@ -611,7 +612,7 @@ const Ze = ({
           }
         ),
         /* @__PURE__ */ e(
-          Nt,
+          It,
           {
             selectedModel: D,
             onModelChange: (h) => {
@@ -646,10 +647,10 @@ const Ze = ({
             /* @__PURE__ */ e("span", { className: "text-xs", children: y("Stop") })
           ]
         }
-      ) : /* @__PURE__ */ e(lt, { disabled: !t.trim() || p, children: /* @__PURE__ */ e(Ue, { size: 16 }) })
+      ) : /* @__PURE__ */ e(ct, { disabled: !t.trim() || p, children: /* @__PURE__ */ e(Ue, { size: 16 }) })
     ] })
   ] }) }) });
 };
 export {
-  At as default
+  Ct as default
 };

package/dist/ai-prompt-input-N9PcYCFa.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./register-chai-top-bar-BqwKw4uy.cjs"),N=require("./index-C99FhuF1.cjs"),W=require("class-variance-authority"),S=require("lucide-react"),te=require("nanoid"),c=require("react"),se=require("react-i18next"),R=require("./models-5gOsRC56.cjs");function ne({className:t,...s}){return e.jsx("div",{"data-slot":"input-group",role:"group",className:g.cn("group/input-group shadow-xs relative flex w-full items-center rounded-md border border-input outline-none transition-[color,box-shadow] dark:bg-input/30","h-9 has-[>textarea]:h-auto","has-[>[data-align=inline-start]]:[&>input]:pl-2","has-[>[data-align=inline-end]]:[&>input]:pr-2","has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3","has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3","has-[[data-slot=input-group-control]:focus-visible]:ring-1 has-[[data-slot=input-group-control]:focus-visible]:ring-ring","has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",t),...s})}const re=W.cva("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:{align:{"inline-start":"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]","inline-end":"order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]","block-start":"[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5","block-end":"[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5"}},defaultVariants:{align:"inline-start"}});function H({className:t,align:s="inline-start",...o}){return e.jsx("div",{role:"group","data-slot":"input-group-addon","data-align":s,className:g.cn(re({align:s}),t),onClick:l=>{var i,m;l.target.closest("button")||(m=(i=l.currentTarget.parentElement)==null?void 0:i.querySelector("input"))==null||m.focus()},...o})}const ae=W.cva("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",sm:"h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5","icon-xs":"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0","icon-sm":"size-8 p-0 has-[>svg]:p-0"}},defaultVariants:{size:"xs"}});function K({className:t,type:s="button",variant:o="ghost",size:l="xs",...i}){return e.jsx(g.Button,{type:s,"data-size":l,variant:o,className:g.cn(ae({size:l}),t),...i})}function oe({className:t,...s}){return e.jsx(N.Textarea,{"data-slot":"input-group-control",className:g.cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",t),...s})}const ie=c.createContext(null),ce=c.createContext(null),X=()=>c.useContext(ie),le=()=>c.useContext(ce),$=c.createContext(null),q=()=>{const t=le(),s=c.useContext($),o=t??s;if(!o)throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");return o};function ue({data:t,className:s,...o}){var h;const l=q(),i=t.filename||"",d=((h=t.mediaType)!=null&&h.startsWith("image/")&&t.url?"image":"file")==="image",v=i||(d?"Image":"Attachment");return e.jsxs(Ie,{children:[e.jsx(N.HoverCardTrigger,{asChild:!0,children:e.jsxs("div",{className:g.cn("group relative flex h-8 cursor-default select-none items-center gap-1.5 rounded-md border border-border px-1.5 text-sm font-medium transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",s),...o,children:[e.jsxs("div",{className:"relative size-5 shrink-0",children:[e.jsx("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?e.jsx("img",{alt:i||"attachment",className:"size-5 object-cover",height:20,src:t.url,width:20}):e.jsx("div",{className:"flex size-5 items-center justify-center text-muted-foreground",children:e.jsx(S.PaperclipIcon,{className:"size-3"})})}),e.jsxs(g.Button,{"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:y=>{y.stopPropagation(),l.remove(t.id)},type:"button",variant:"ghost",children:[e.jsx(S.XIcon,{}),e.jsx("span",{className:"sr-only",children:"Remove"})]})]}),e.jsx("span",{className:"flex-1 truncate",children:v})]},t.id)}),e.jsx(ye,{className:"w-auto p-2",children:e.jsxs("div",{className:"w-auto space-y-3",children:[d&&e.jsx("div",{className:"flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",children:e.jsx("img",{alt:i||"attachment preview",className:"max-h-full max-w-full object-contain",height:384,src:t.url,width:448})}),e.jsx("div",{className:"flex items-center gap-2.5",children:e.jsxs("div",{className:"min-w-0 flex-1 space-y-1 px-0.5",children:[e.jsx("h4",{className:"truncate text-sm font-semibold leading-none",children:i||(d?"Image":"Attachment")}),t.mediaType&&e.jsx("p",{className:"truncate font-mono text-xs text-muted-foreground",children:t.mediaType})]})})]})})]})}function de({children:t,className:s,...o}){const l=q();return l.files.length?e.jsx("div",{className:g.cn("flex flex-wrap items-center gap-2 p-3",s),...o,children:l.files.map(i=>e.jsx(c.Fragment,{children:t(i)},i.id))}):null}const pe=({label:t="Add photos or files",...s})=>{const o=q();return e.jsxs(N.DropdownMenuItem,{...s,onSelect:l=>{l.preventDefault(),o.openFileDialog()},children:[e.jsx(S.ImageIcon,{className:"mr-2 size-4"})," ",t]})},me=({className:t,accept:s,multiple:o,globalDrop:l,syncHiddenInput:i,maxFiles:m,maxFileSize:d,onError:v,onSubmit:h,children:y,...P})=>{const n=X(),a=!!n,p=c.useRef(null),D=c.useRef(null),I=c.useRef(null);c.useEffect(()=>{var j;const r=(j=D.current)==null?void 0:j.closest("form");r instanceof HTMLFormElement&&(I.current=r)},[]);const[k,z]=c.useState([]),x=a?n.attachments.files:k,C=c.useCallback(()=>{var r;(r=p.current)==null||r.click()},[]),M=c.useCallback(r=>!s||s.trim()===""?!0:s.includes("image/*")?r.type.startsWith("image/"):!0,[s]),U=c.useCallback(r=>{const j=Array.from(r),f=j.filter(w=>M(w));if(j.length&&f.length===0){v==null||v({code:"accept",message:"No files match the accepted types."});return}const u=w=>d?w.size<=d:!0,b=f.filter(u);if(f.length>0&&b.length===0){v==null||v({code:"max_file_size",message:"All files exceed the maximum size."});return}z(w=>{const A=typeof m=="number"?Math.max(0,m-w.length):void 0,ee=typeof A=="number"?b.slice(0,A):b;typeof A=="number"&&b.length>A&&(v==null||v({code:"max_files",message:"Too many files. Some were not added."}));const V=[];for(const E of ee)V.push({id:te.nanoid(),type:"file",url:URL.createObjectURL(E),mediaType:E.type,filename:E.name});return w.concat(V)})},[M,m,d,v]),T=a?r=>n.attachments.add(r):U,L=a?r=>n.attachments.remove(r):r=>z(j=>{const f=j.find(u=>u.id===r);return f!=null&&f.url&&URL.revokeObjectURL(f.url),j.filter(u=>u.id!==r)}),O=a?()=>n.attachments.clear():()=>z(r=>{for(const j of r)j.url&&URL.revokeObjectURL(j.url);return[]}),B=a?()=>n.attachments.openFileDialog():C;c.useEffect(()=>{a&&n.__registerFileInput(p,()=>{var r;return(r=p.current)==null?void 0:r.click()})},[a,n]),c.useEffect(()=>{i&&p.current&&x.length===0&&(p.current.value="")},[x,i]),c.useEffect(()=>{const r=I.current;if(!r)return;const j=u=>{var b,w;(w=(b=u.dataTransfer)==null?void 0:b.types)!=null&&w.includes("Files")&&u.preventDefault()},f=u=>{var b,w,A;(w=(b=u.dataTransfer)==null?void 0:b.types)!=null&&w.includes("Files")&&u.preventDefault(),(A=u.dataTransfer)!=null&&A.files&&u.dataTransfer.files.length>0&&T(u.dataTransfer.files)};return r.addEventListener("dragover",j),r.addEventListener("drop",f),()=>{r.removeEventListener("dragover",j),r.removeEventListener("drop",f)}},[T]),c.useEffect(()=>{if(!l)return;const r=f=>{var u,b;(b=(u=f.dataTransfer)==null?void 0:u.types)!=null&&b.includes("Files")&&f.preventDefault()},j=f=>{var u,b,w;(b=(u=f.dataTransfer)==null?void 0:u.types)!=null&&b.includes("Files")&&f.preventDefault(),(w=f.dataTransfer)!=null&&w.files&&f.dataTransfer.files.length>0&&T(f.dataTransfer.files)};return document.addEventListener("dragover",r),document.addEventListener("drop",j),()=>{document.removeEventListener("dragover",r),document.removeEventListener("drop",j)}},[T,l]),c.useEffect(()=>()=>{if(!a)for(const r of x)r.url&&URL.revokeObjectURL(r.url)},[a,x]);const Y=r=>{r.currentTarget.files&&T(r.currentTarget.files)},J=async r=>{const f=await(await fetch(r)).blob();return new Promise((u,b)=>{const w=new FileReader;w.onloadend=()=>u(w.result),w.onerror=b,w.readAsDataURL(f)})},Q=c.useMemo(()=>({files:x.map(r=>({...r,id:r.id})),add:T,remove:L,clear:O,openFileDialog:B,fileInputRef:p}),[x,T,L,O,B]),Z=r=>{r.preventDefault();const j=r.currentTarget,f=a?n.textInput.value:new FormData(j).get("message")||"";a||j.reset(),Promise.all(x.map(async({...u})=>u.url&&u.url.startsWith("blob:")?{...u,url:await J(u.url)}:u)).then(u=>{try{const b=h({text:f,files:u},r);b instanceof Promise?b.then(()=>{O(),a&&n.textInput.clear()}).catch(()=>{}):(O(),a&&n.textInput.clear())}catch{}})},G=e.jsxs(e.Fragment,{children:[e.jsx("span",{"aria-hidden":"true",className:"hidden",ref:D}),e.jsx("input",{accept:s,"aria-label":"Upload files",className:"hidden",multiple:o,onChange:Y,ref:p,title:"Upload files",type:"file"}),e.jsx("form",{className:g.cn("w-full",t),onSubmit:Z,...P,children:e.jsx(ne,{className:"overflow-hidden",children:y})})]});return a?G:e.jsx($.Provider,{value:Q,children:G})},fe=({onChange:t,className:s,placeholder:o="What would you like to know?",...l})=>{const i=X(),m=q(),[d,v]=c.useState(!1),h=n=>{if(n.key==="Enter"){if(d||n.nativeEvent.isComposing||n.shiftKey)return;n.preventDefault();const a=n.currentTarget.form,p=a==null?void 0:a.querySelector('button[type="submit"]');if(p!=null&&p.disabled)return;a==null||a.requestSubmit()}if(n.key==="Backspace"&&n.currentTarget.value===""&&m.files.length>0){n.preventDefault();const a=m.files.at(-1);a&&m.remove(a.id)}},y=n=>{var D;const a=(D=n.clipboardData)==null?void 0:D.items;if(!a)return;const p=[];for(const I of a)if(I.kind==="file"){const k=I.getAsFile();k&&p.push(k)}p.length>0&&(n.preventDefault(),m.add(p))},P=i?{value:i.textInput.value,onChange:n=>{i.textInput.setInput(n.currentTarget.value),t==null||t(n)}}:{onChange:t};return e.jsx(oe,{className:g.cn("field-sizing-content max-h-48 min-h-16",s),name:"message",onCompositionEnd:()=>v(!1),onCompositionStart:()=>v(!0),onKeyDown:h,onPaste:y,placeholder:o,...l,...P})},he=({className:t,...s})=>e.jsx(H,{align:"block-end",className:g.cn("order-first flex-wrap gap-1",t),...s}),xe=({className:t,...s})=>e.jsx(H,{align:"block-end",className:g.cn("justify-between gap-1",t),...s}),ge=({className:t,...s})=>e.jsx("div",{className:g.cn("flex items-center gap-1",t),...s}),F=({variant:t="ghost",className:s,size:o,...l})=>{const i=o??(c.Children.count(l.children)>1?"sm":"icon-sm");return e.jsx(K,{className:g.cn(s),size:i,type:"button",variant:t,...l})},ve=t=>e.jsx(N.DropdownMenu,{...t}),je=({className:t,children:s,...o})=>e.jsx(N.DropdownMenuTrigger,{asChild:!0,children:e.jsx(F,{className:t,...o,children:s??e.jsx(S.PlusIcon,{className:"size-4"})})}),be=({className:t,...s})=>e.jsx(N.DropdownMenuContent,{align:"start",className:g.cn(t),...s}),we=({className:t,variant:s="default",size:o="icon-sm",status:l,children:i,...m})=>{let d=e.jsx(S.CornerDownLeftIcon,{className:"size-4"});return l==="submitted"?d=e.jsx(S.Loader2Icon,{className:"size-4 animate-spin"}):l==="streaming"?d=e.jsx(S.SquareIcon,{className:"size-4"}):l==="error"&&(d=e.jsx(S.XIcon,{className:"size-4"})),e.jsx(K,{"aria-label":"Submit",className:g.cn(t),size:o,type:"submit",variant:s,...m,children:i??d})},Ne=({className:t,textareaRef:s,onTranscriptionChange:o,...l})=>{const[i,m]=c.useState(!1),[d,v]=c.useState(null),h=c.useRef(null);c.useEffect(()=>{if(typeof window<"u"&&("SpeechRecognition"in window||"webkitSpeechRecognition"in window)){const P=window.SpeechRecognition||window.webkitSpeechRecognition,n=new P;n.continuous=!0,n.interimResults=!0,n.lang="en-US",n.onstart=()=>{m(!0)},n.onend=()=>{m(!1)},n.onresult=a=>{var D;let p="";for(let I=a.resultIndex;I<a.results.length;I++){const k=a.results[I];k.isFinal&&(p+=((D=k[0])==null?void 0:D.transcript)??"")}if(p&&(s!=null&&s.current)){const I=s.current,k=I.value,z=k+(k?" ":"")+p;I.value=z,I.dispatchEvent(new Event("input",{bubbles:!0})),o==null||o(z)}},n.onerror=a=>{console.error("Speech recognition error:",a.error),m(!1)},h.current=n,c.startTransition(()=>v(n))}return()=>{h.current&&h.current.stop()}},[s,o]);const y=c.useCallback(()=>{d&&(i?d.stop():d.start())},[d,i]);return e.jsx(F,{className:g.cn("relative transition-all duration-200",i&&"animate-pulse bg-accent text-accent-foreground",t),disabled:!d,onClick:y,...l,children:e.jsx(S.MicIcon,{className:"size-4"})})},Ie=({openDelay:t=0,closeDelay:s=0,...o})=>e.jsx(N.HoverCard,{closeDelay:s,openDelay:t,...o}),ye=({align:t="start",...s})=>e.jsx(N.HoverCardContent,{align:t,...s}),Se=t=>e.jsx(N.Dialog,{...t}),ke=t=>e.jsx(N.DialogTrigger,{...t}),De=({className:t,children:s,title:o="Model Selector",...l})=>e.jsxs(N.DialogContent,{className:g.cn("p-0",t),...l,children:[e.jsx(N.DialogTitle,{className:"sr-only",children:o}),e.jsx(N.Command,{className:"**:data-[slot=command-input-wrapper]:h-auto",children:s})]}),Pe=({className:t,...s})=>e.jsx(N.CommandInput,{className:g.cn("h-auto py-3.5",t),...s}),Te=t=>e.jsx(N.CommandList,{...t}),ze=t=>e.jsx(N.CommandGroup,{...t}),Ce=t=>e.jsx(N.CommandItem,{...t}),Ae=({provider:t,className:s,...o})=>e.jsx("img",{...o,alt:`${t} logo`,className:g.cn("size-3 dark:invert",s),height:12,src:`https://models.dev/logos/${t}.svg`,width:12}),Le=({className:t,...s})=>e.jsx("span",{className:g.cn("flex-1 truncate text-left",t),...s}),Re=({selectedModel:t,onModelChange:s,disabled:o=!1})=>{const[l,i]=c.useState(!1),[m,d]=c.useState(""),v=R.getModelById(t)||R.getDefaultModel(),y=R.AI_MODELS.filter(n=>n.name.toLowerCase().includes(m.toLowerCase())||n.provider.toLowerCase().includes(m.toLowerCase())).reduce((n,a)=>(n[a.provider]||(n[a.provider]=[]),n[a.provider].push(a),n),{}),P=n=>{s(n),i(!1),d("")};return e.jsxs(Se,{open:l,onOpenChange:i,children:[e.jsx(ke,{asChild:!0,children:e.jsxs(g.Button,{variant:"outline",size:"sm",disabled:o,className:"h-8 gap-1 px-2 text-xs",children:[e.jsx(S.Cpu,{size:14}),e.jsx("span",{className:"max-w-20 truncate",children:v.name})]})}),e.jsxs(De,{className:"w-96 p-0",children:[e.jsx(Pe,{placeholder:"Search models...",value:m,onValueChange:d}),e.jsx(Te,{children:Object.entries(y).map(([n,a])=>e.jsx(ze,{heading:n.charAt(0).toUpperCase()+n.slice(1),children:a.map(p=>e.jsxs(Ce,{value:p.id,onSelect:()=>P(p.id),className:"flex cursor-pointer items-center gap-2 p-2",children:[e.jsx(Ae,{provider:p.provider}),e.jsxs("div",{className:"flex flex-1 flex-col",children:[e.jsx(Le,{children:p.name}),e.jsx("span",{className:"text-xs text-muted-foreground",children:p.description})]}),t===p.id&&e.jsx("div",{className:"h-2 w-2 rounded-full bg-blue-500"})]},p.id))},n))})]})]})},_="chai-ai-selected-model",Me=({input:t,setInput:s,onSend:o,onStop:l,isLoading:i,disabled:m,selectedLang:d,selectedModel:v=R.getDefaultModel().id,onModelChange:h})=>{const{t:y}=se.useTranslation(),[P,n]=c.useState(v),[a,p]=c.useState(null),D=c.useRef(null),[I,k]=c.useState(!1);c.useEffect(()=>{if(!d){const x=localStorage.getItem(_);if(x)n(x),h==null||h(x);else{const C=R.getDefaultModel().id;n(C),h==null||h(C)}}},[d,h]);const z=x=>{var U;const C=x.files.find(T=>{var L;return(L=T.mediaType)==null?void 0:L.startsWith("image/")}),M=(C==null?void 0:C.url)||a;o((U=x.text)==null?void 0:U.trim(),void 0,M,P),p(null)};return e.jsx("div",{className:"relative",children:e.jsx("div",{className:"border-gray-20 rounded-lg border",children:e.jsxs(me,{onSubmit:z,accept:"image/*",className:"flex h-auto w-full flex-col",children:[e.jsx(he,{className:"p-0",children:e.jsx(de,{className:"pb-0",children:x=>e.jsx(ue,{className:"text-xs",data:x})})}),e.jsx(fe,{ref:D,value:t,onChange:x=>s(x.target.value),placeholder:y(d?"Ask to update content":"Ask me anything..."),disabled:i,className:"max-h-[200px] min-h-[60px] w-full",rows:3}),e.jsxs(xe,{children:[d?e.jsx("div",{}):e.jsxs(ge,{children:[e.jsxs(ve,{children:[e.jsx(je,{disabled:i,children:e.jsx(S.Paperclip,{size:16})}),e.jsx(be,{children:e.jsx(pe,{})})]}),e.jsx(Ne,{textareaRef:D,onTranscriptionChange:s,disabled:i}),e.jsx(Re,{selectedModel:P,onModelChange:x=>{n(x),h==null||h(x),localStorage.setItem(_,x)},disabled:i}),e.jsxs(F,{className:"hidden",size:"sm",onClick:()=>k(!I),variant:I?"default":"ghost",children:[e.jsx(S.GlobeIcon,{size:16}),e.jsx("span",{children:"Search"})]})]}),i?e.jsxs("button",{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:y("Stop generation"),children:[e.jsx(S.Square,{size:16})," ",e.jsx("span",{className:"text-xs",children:y("Stop")})]}):e.jsx(we,{disabled:!t.trim()||m,children:e.jsx(S.Send,{size:16})})]})]})})})};exports.default=Me;

package/dist/{ai-translation-prompt-CZ55HQmo.js → ai-translation-prompt-B36F3d7K.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { B as r } from "./index-Ct7ElCGK.js";
-import { L as i } from "./index-ZuacEL1j.js";
+import { B as r } from "./register-chai-top-bar-ESJHs5s-.js";
+import { L as i } from "./index-Dno42B0a.js";
 import { ArrowRight as c } from "lucide-react";
 import { useTranslation as m } from "react-i18next";
 const u = ({

package/dist/ai-translation-prompt-IAdWMNZb.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./register-chai-top-bar-BqwKw4uy.cjs"),i=require("./index-C0-pgg_p.cjs"),c=require("lucide-react"),o=require("react-i18next"),x=({selectedLang:s,isLoading:n,selectedBlock:a,onClick:l})=>{const{t}=o.useTranslation();return e.jsx("div",{className:"flex flex-col gap-2",children:e.jsx("div",{className:`flex flex-col gap-2 ${n?"pointer-events-none opacity-50":""}`,children:a?e.jsx(r.Button,{variant:"outline",className:"h-auto",onClick:()=>l("TRANSLATE"),children:e.jsxs("div",{className:"flex flex-col",children:[e.jsx("p",{className:"text-left text-xs font-thin",children:t("Quick Action:")}),e.jsxs("span",{className:"flex items-center gap-x-2 text-sm font-medium",children:[t("Translate Content")," ",t("to")," ",i.LANGUAGES[s]," ",e.jsx(c.ArrowRight,{className:"h-4 w-4"})]})]})}):null})})};exports.default=x;