@chaibuilder/pages 0.17.9 → 0.17.11

package/dist/{ai-prompt-input-i9ZufZMi.js → ai-prompt-input-jOFQ-8_t.js}

@@ -2,16 +2,17 @@ import { jsx as t, jsxs as c, Fragment as Ce } from "react/jsx-runtime";
 import { c as s, B as $ } from "./button-CggatMM3.js";
 import * as p from "react";
 import { createContext as X, Fragment as Te, useRef as B, useEffect as j, useState as A, useCallback as V, useMemo as Pe, Children as Le, useContext as Y } from "react";
-import { Command as D } from "cmdk";
+import { Command as z } from "cmdk";
 import { X as Ae, Search as Me, ChevronRight as je, Check as ae, Circle as _e, ChevronDown as ne, ChevronUp as Ue, PaperclipIcon as Oe, XIcon as oe, ImageIcon as Be, PlusIcon as Fe, MicIcon as Ge, CornerDownLeftIcon as Ee, Loader2Icon as Ve, SquareIcon as He, Cpu as We, Paperclip as qe, GlobeIcon as Ke, Square as $e, Send as Xe } from "lucide-react";
 import * as C from "@radix-ui/react-dialog";
 import * as w from "@radix-ui/react-dropdown-menu";
 import * as H from "@radix-ui/react-hover-card";
 import { cva as re } from "class-variance-authority";
 import * as S from "@radix-ui/react-select";
-import { useTranslation as Ye } from "@chaibuilder/sdk";
-import { a as Je, g as K, A as Qe } from "./ai-panel-content-ClRm3rSN.js";
-const Ze = C.Root, et = C.Trigger, tt = C.Portal, se = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+import { aV as Ye } from "./index-B4cxEof7.js";
+import { useTranslation as Je } from "@chaibuilder/sdk";
+import { a as Qe, g as K, A as Ze } from "./ai-panel-content-Cw7KS8Iz.js";
+const et = C.Root, tt = C.Trigger, at = C.Portal, se = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   C.Overlay,
   {
     ref: n,
@@ -23,7 +24,7 @@ const Ze = C.Root, et = C.Trigger, tt = C.Portal, se = p.forwardRef(({ className
   }
 ));
 se.displayName = C.Overlay.displayName;
-const ie = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(tt, { children: [
+const ie = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(at, { children: [
   /* @__PURE__ */ t(se, {}),
   /* @__PURE__ */ c(
     C.Content,
@@ -57,7 +58,7 @@ const le = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   }
 ));
 le.displayName = C.Title.displayName;
-const at = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const nt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   C.Description,
   {
     ref: n,
@@ -65,9 +66,9 @@ const at = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-at.displayName = C.Description.displayName;
+nt.displayName = C.Description.displayName;
 const de = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  D,
+  z,
   {
     ref: n,
     className: s(
@@ -77,11 +78,11 @@ const de = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-de.displayName = D.displayName;
+de.displayName = z.displayName;
 const ce = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ c("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ t(Me, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ t(
-    D.Input,
+    z.Input,
     {
       ref: n,
       className: s(
@@ -92,27 +93,27 @@ const ce = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ c("div",
     }
   )
 ] }));
-ce.displayName = D.Input.displayName;
+ce.displayName = z.Input.displayName;
 const ue = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  D.List,
+  z.List,
   {
     ref: n,
     className: s("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
     ...a
   }
 ));
-ue.displayName = D.List.displayName;
-const nt = p.forwardRef((e, a) => /* @__PURE__ */ t(
-  D.Empty,
+ue.displayName = z.List.displayName;
+const ot = p.forwardRef((e, a) => /* @__PURE__ */ t(
+  z.Empty,
   {
     ref: a,
     className: "py-6 text-center text-sm",
     ...e
   }
 ));
-nt.displayName = D.Empty.displayName;
+ot.displayName = z.Empty.displayName;
 const me = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  D.Group,
+  z.Group,
   {
     ref: n,
     className: s(
@@ -122,18 +123,18 @@ const me = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-me.displayName = D.Group.displayName;
-const ot = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  D.Separator,
+me.displayName = z.Group.displayName;
+const rt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  z.Separator,
   {
     ref: n,
     className: s("-mx-1 h-px bg-border", e),
     ...a
   }
 ));
-ot.displayName = D.Separator.displayName;
+rt.displayName = z.Separator.displayName;
 const pe = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  D.Item,
+  z.Item,
   {
     ref: n,
     className: s(
@@ -143,8 +144,8 @@ const pe = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-pe.displayName = D.Item.displayName;
-const rt = w.Root, st = w.Trigger, it = p.forwardRef(({ className: e, inset: a, children: n, ...o }, l) => /* @__PURE__ */ c(
+pe.displayName = z.Item.displayName;
+const st = w.Root, it = w.Trigger, lt = p.forwardRef(({ className: e, inset: a, children: n, ...o }, l) => /* @__PURE__ */ c(
   w.SubTrigger,
   {
     ref: l,
@@ -160,8 +161,8 @@ const rt = w.Root, st = w.Trigger, it = p.forwardRef(({ className: e, inset: a,
     ]
   }
 ));
-it.displayName = w.SubTrigger.displayName;
-const lt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+lt.displayName = w.SubTrigger.displayName;
+const dt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   w.SubContent,
   {
     ref: n,
@@ -172,7 +173,7 @@ const lt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-lt.displayName = w.SubContent.displayName;
+dt.displayName = w.SubContent.displayName;
 const fe = p.forwardRef(({ className: e, sideOffset: a = 4, ...n }, o) => /* @__PURE__ */ t(w.Portal, { children: /* @__PURE__ */ t(
   w.Content,
   {
@@ -199,7 +200,7 @@ const ge = p.forwardRef(({ className: e, inset: a, ...n }, o) => /* @__PURE__ */
   }
 ));
 ge.displayName = w.Item.displayName;
-const dt = p.forwardRef(({ className: e, children: a, checked: n, ...o }, l) => /* @__PURE__ */ c(
+const ct = p.forwardRef(({ className: e, children: a, checked: n, ...o }, l) => /* @__PURE__ */ c(
   w.CheckboxItem,
   {
     ref: l,
@@ -215,8 +216,8 @@ const dt = p.forwardRef(({ className: e, children: a, checked: n, ...o }, l) =>
     ]
   }
 ));
-dt.displayName = w.CheckboxItem.displayName;
-const ct = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(
+ct.displayName = w.CheckboxItem.displayName;
+const ut = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(
   w.RadioItem,
   {
     ref: o,
@@ -231,8 +232,8 @@ const ct = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__
     ]
   }
 ));
-ct.displayName = w.RadioItem.displayName;
-const ut = p.forwardRef(({ className: e, inset: a, ...n }, o) => /* @__PURE__ */ t(
+ut.displayName = w.RadioItem.displayName;
+const mt = p.forwardRef(({ className: e, inset: a, ...n }, o) => /* @__PURE__ */ t(
   w.Label,
   {
     ref: o,
@@ -244,8 +245,8 @@ const ut = p.forwardRef(({ className: e, inset: a, ...n }, o) => /* @__PURE__ */
     ...n
   }
 ));
-ut.displayName = w.Label.displayName;
-const mt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+mt.displayName = w.Label.displayName;
+const pt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   w.Separator,
   {
     ref: n,
@@ -253,8 +254,8 @@ const mt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-mt.displayName = w.Separator.displayName;
-const pt = H.Root, ft = H.Trigger, he = p.forwardRef(({ className: e, align: a = "center", sideOffset: n = 4, ...o }, l) => /* @__PURE__ */ t(
+pt.displayName = w.Separator.displayName;
+const ft = H.Root, gt = H.Trigger, he = p.forwardRef(({ className: e, align: a = "center", sideOffset: n = 4, ...o }, l) => /* @__PURE__ */ t(
   H.Content,
   {
     ref: l,
@@ -268,7 +269,7 @@ const pt = H.Root, ft = H.Trigger, he = p.forwardRef(({ className: e, align: a =
   }
 ));
 he.displayName = H.Content.displayName;
-const gt = p.forwardRef(
+const ht = p.forwardRef(
   ({ className: e, type: a, ...n }, o) => /* @__PURE__ */ t(
     "input",
     {
@@ -282,7 +283,7 @@ const gt = p.forwardRef(
     }
   )
 );
-gt.displayName = "Input";
+ht.displayName = "Input";
 const be = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   "textarea",
   {
@@ -295,7 +296,7 @@ const be = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   }
 ));
 be.displayName = "Textarea";
-function ht({ className: e, ...a }) {
+function bt({ className: e, ...a }) {
   return /* @__PURE__ */ t(
     "div",
     {
@@ -319,7 +320,7 @@ function ht({ className: e, ...a }) {
     }
   );
 }
-const bt = re(
+const vt = re(
   "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: {
@@ -346,7 +347,7 @@ function ve({
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": a,
-      className: s(bt({ align: a }), e),
+      className: s(vt({ align: a }), e),
       onClick: (o) => {
         var l, h;
         o.target.closest("button") || (h = (l = o.currentTarget.parentElement) == null ? void 0 : l.querySelector("input")) == null || h.focus();
@@ -355,7 +356,7 @@ function ve({
     }
   );
 }
-const vt = re(
+const xt = re(
   "flex items-center gap-2 text-sm shadow-none",
   {
     variants: {
@@ -384,12 +385,12 @@ function xe({
       type: a,
       "data-size": o,
       variant: n,
-      className: s(vt({ size: o }), e),
+      className: s(xt({ size: o }), e),
       ...l
     }
   );
 }
-function xt({
+function yt({
   className: e,
   ...a
 }) {
@@ -405,7 +406,7 @@ function xt({
     }
   );
 }
-const yt = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(
+const Nt = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(
   S.Trigger,
   {
     ref: o,
@@ -420,7 +421,7 @@ const yt = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__
     ]
   }
 ));
-yt.displayName = S.Trigger.displayName;
+Nt.displayName = S.Trigger.displayName;
 const ye = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   S.ScrollUpButton,
   {
@@ -447,7 +448,7 @@ const Ne = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   }
 ));
 Ne.displayName = S.ScrollDownButton.displayName;
-const Nt = p.forwardRef(({ className: e, children: a, position: n = "popper", ...o }, l) => /* @__PURE__ */ t(S.Portal, { children: /* @__PURE__ */ c(
+const wt = p.forwardRef(({ className: e, children: a, position: n = "popper", ...o }, l) => /* @__PURE__ */ t(S.Portal, { children: /* @__PURE__ */ c(
   S.Content,
   {
     ref: l,
@@ -474,8 +475,8 @@ const Nt = p.forwardRef(({ className: e, children: a, position: n = "popper", ..
     ]
   }
 ) }));
-Nt.displayName = S.Content.displayName;
-const wt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+wt.displayName = S.Content.displayName;
+const It = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   S.Label,
   {
     ref: n,
@@ -483,8 +484,8 @@ const wt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-wt.displayName = S.Label.displayName;
-const It = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(
+It.displayName = S.Label.displayName;
+const St = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(
   S.Item,
   {
     ref: o,
@@ -499,8 +500,8 @@ const It = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__
     ]
   }
 ));
-It.displayName = S.Item.displayName;
-const St = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+St.displayName = S.Item.displayName;
+const kt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   S.Separator,
   {
     ref: n,
@@ -508,25 +509,18 @@ const St = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-St.displayName = S.Separator.displayName;
-const kt = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let Rt = (e = 21) => {
-  let a = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
-  for (; e--; )
-    a += kt[n[e] & 63];
-  return a;
-};
-const Dt = X(null), zt = X(null), we = () => Y(Dt), Ct = () => Y(zt), Ie = X(null), W = () => {
-  const e = Ct(), a = Y(Ie), n = e ?? a;
+kt.displayName = S.Separator.displayName;
+const Rt = X(null), zt = X(null), we = () => Y(Rt), Dt = () => Y(zt), Ie = X(null), W = () => {
+  const e = Dt(), a = Y(Ie), n = e ?? a;
   if (!n)
     throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
   return n;
 };
-function Tt({ data: e, className: a, ...n }) {
+function Ct({ data: e, className: a, ...n }) {
   var v;
   const o = W(), l = e.filename || "", u = ((v = e.mediaType) != null && v.startsWith("image/") && e.url ? "image" : "file") === "image", y = l || (u ? "Image" : "Attachment");
-  return /* @__PURE__ */ c(Vt, { children: [
-    /* @__PURE__ */ t(ft, { asChild: !0, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(Et, { children: [
+    /* @__PURE__ */ t(gt, { asChild: !0, children: /* @__PURE__ */ c(
       "div",
       {
         className: s(
@@ -568,7 +562,7 @@ function Tt({ data: e, className: a, ...n }) {
       },
       e.id
     ) }),
-    /* @__PURE__ */ t(Ht, { className: "w-auto p-2", children: /* @__PURE__ */ c("div", { className: "w-auto space-y-3", children: [
+    /* @__PURE__ */ t(Vt, { className: "w-auto p-2", children: /* @__PURE__ */ c("div", { className: "w-auto space-y-3", children: [
       u && /* @__PURE__ */ t("div", { className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border", children: /* @__PURE__ */ t(
         "img",
         {
@@ -586,11 +580,11 @@ function Tt({ data: e, className: a, ...n }) {
     ] }) })
   ] });
 }
-function Pt({ children: e, className: a, ...n }) {
+function Tt({ children: e, className: a, ...n }) {
   const o = W();
   return o.files.length ? /* @__PURE__ */ t("div", { className: s("flex flex-wrap items-center gap-2 p-3", a), ...n, children: o.files.map((l) => /* @__PURE__ */ t(Te, { children: e(l) }, l.id)) }) : null;
 }
-const Lt = ({
+const Pt = ({
   label: e = "Add photos or files",
   ...a
 }) => {
@@ -609,7 +603,7 @@ const Lt = ({
       ]
     }
   );
-}, At = ({
+}, Lt = ({
   className: e,
   accept: a,
   multiple: n,
@@ -628,7 +622,7 @@ const Lt = ({
     const i = (N = T.current) == null ? void 0 : N.closest("form");
     i instanceof HTMLFormElement && (k.current = i);
   }, []);
-  const [z, _] = A([]), x = d ? r.attachments.files : z, M = V(() => {
+  const [D, _] = A([]), x = d ? r.attachments.files : D, M = V(() => {
     var i;
     (i = m.current) == null || i.click();
   }, []), F = V(
@@ -653,15 +647,15 @@ const Lt = ({
         return;
       }
       _((I) => {
-        const U = typeof h == "number" ? Math.max(0, h - I.length) : void 0, ze = typeof U == "number" ? f.slice(0, U) : f;
+        const U = typeof h == "number" ? Math.max(0, h - I.length) : void 0, De = typeof U == "number" ? f.slice(0, U) : f;
         typeof U == "number" && f.length > U && (y == null || y({
           code: "max_files",
           message: "Too many files. Some were not added."
         }));
         const ee = [];
-        for (const q of ze)
+        for (const q of De)
           ee.push({
-            id: Rt(),
+            id: Ye(),
             type: "file",
             url: URL.createObjectURL(q),
             mediaType: q.type,
@@ -737,7 +731,7 @@ const Lt = ({
       fileInputRef: m
     }),
     [x, L, O, E, Q]
-  ), De = (i) => {
+  ), ze = (i) => {
     i.preventDefault();
     const N = i.currentTarget, b = d ? r.textInput.value : new FormData(N).get("message") || "";
     d || N.reset(), Promise.all(
@@ -770,10 +764,10 @@ const Lt = ({
         type: "file"
       }
     ),
-    /* @__PURE__ */ t("form", { className: s("w-full", e), onSubmit: De, ...P, children: /* @__PURE__ */ t(ht, { className: "overflow-hidden", children: R }) })
+    /* @__PURE__ */ t("form", { className: s("w-full", e), onSubmit: ze, ...P, children: /* @__PURE__ */ t(bt, { className: "overflow-hidden", children: R }) })
   ] });
   return d ? Z : /* @__PURE__ */ t(Ie.Provider, { value: Re, children: Z });
-}, Mt = ({
+}, At = ({
   onChange: e,
   className: a,
   placeholder: n = "What would you like to know?",
@@ -802,8 +796,8 @@ const Lt = ({
     const m = [];
     for (const k of d)
       if (k.kind === "file") {
-        const z = k.getAsFile();
-        z && m.push(z);
+        const D = k.getAsFile();
+        D && m.push(D);
       }
     m.length > 0 && (r.preventDefault(), h.add(m));
   }, P = l ? {
@@ -815,7 +809,7 @@ const Lt = ({
     onChange: e
   };
   return /* @__PURE__ */ t(
-    xt,
+    yt,
     {
       className: s("field-sizing-content max-h-48 min-h-16", a),
       name: "message",
@@ -828,10 +822,10 @@ const Lt = ({
       ...P
     }
   );
-}, jt = ({ className: e, ...a }) => /* @__PURE__ */ t(ve, { align: "block-end", className: s("order-first flex-wrap gap-1", e), ...a }), _t = ({ className: e, ...a }) => /* @__PURE__ */ t(ve, { align: "block-end", className: s("justify-between gap-1", e), ...a }), Ut = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: s("flex items-center gap-1", e), ...a }), J = ({ variant: e = "ghost", className: a, size: n, ...o }) => {
+}, Mt = ({ className: e, ...a }) => /* @__PURE__ */ t(ve, { align: "block-end", className: s("order-first flex-wrap gap-1", e), ...a }), jt = ({ className: e, ...a }) => /* @__PURE__ */ t(ve, { align: "block-end", className: s("justify-between gap-1", e), ...a }), _t = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: s("flex items-center gap-1", e), ...a }), J = ({ variant: e = "ghost", className: a, size: n, ...o }) => {
   const l = n ?? (Le.count(o.children) > 1 ? "sm" : "icon-sm");
   return /* @__PURE__ */ t(xe, { className: s(a), size: l, type: "button", variant: e, ...o });
-}, Ot = (e) => /* @__PURE__ */ t(rt, { ...e }), Bt = ({ className: e, children: a, ...n }) => /* @__PURE__ */ t(st, { asChild: !0, children: /* @__PURE__ */ t(J, { className: e, ...n, children: a ?? /* @__PURE__ */ t(Fe, { className: "size-4" }) }) }), Ft = ({ className: e, ...a }) => /* @__PURE__ */ t(fe, { align: "start", className: s(e), ...a }), Gt = ({
+}, Ut = (e) => /* @__PURE__ */ t(st, { ...e }), Ot = ({ className: e, children: a, ...n }) => /* @__PURE__ */ t(it, { asChild: !0, children: /* @__PURE__ */ t(J, { className: e, ...n, children: a ?? /* @__PURE__ */ t(Fe, { className: "size-4" }) }) }), Bt = ({ className: e, ...a }) => /* @__PURE__ */ t(fe, { align: "start", className: s(e), ...a }), Ft = ({
   className: e,
   variant: a = "default",
   size: n = "icon-sm",
@@ -852,7 +846,7 @@ const Lt = ({
       children: l ?? u
     }
   );
-}, Et = ({
+}, Gt = ({
   className: e,
   textareaRef: a,
   onTranscriptionChange: n,
@@ -870,11 +864,11 @@ const Lt = ({
         var T;
         let m = "";
         for (let k = d.resultIndex; k < d.results.length; k++) {
-          const z = d.results[k];
-          z.isFinal && (m += ((T = z[0]) == null ? void 0 : T.transcript) ?? "");
+          const D = d.results[k];
+          D.isFinal && (m += ((T = D[0]) == null ? void 0 : T.transcript) ?? "");
         }
         if (m && (a != null && a.current)) {
-          const k = a.current, z = k.value, _ = z + (z ? " " : "") + m;
+          const k = a.current, D = k.value, _ = D + (D ? " " : "") + m;
           k.value = _, k.dispatchEvent(new Event("input", { bubbles: !0 })), n == null || n(_);
         }
       }, r.onerror = (d) => {
@@ -902,7 +896,7 @@ const Lt = ({
       children: /* @__PURE__ */ t(Ge, { className: "size-4" })
     }
   );
-}, Vt = ({ openDelay: e = 0, closeDelay: a = 0, ...n }) => /* @__PURE__ */ t(pt, { closeDelay: a, openDelay: e, ...n }), Ht = ({ align: e = "start", ...a }) => /* @__PURE__ */ t(he, { align: e, ...a }), Wt = (e) => /* @__PURE__ */ t(Ze, { ...e }), qt = (e) => /* @__PURE__ */ t(et, { ...e }), Kt = ({
+}, Et = ({ openDelay: e = 0, closeDelay: a = 0, ...n }) => /* @__PURE__ */ t(ft, { closeDelay: a, openDelay: e, ...n }), Vt = ({ align: e = "start", ...a }) => /* @__PURE__ */ t(he, { align: e, ...a }), Ht = (e) => /* @__PURE__ */ t(et, { ...e }), Wt = (e) => /* @__PURE__ */ t(tt, { ...e }), qt = ({
   className: e,
   children: a,
   title: n = "Model Selector",
@@ -910,10 +904,10 @@ const Lt = ({
 }) => /* @__PURE__ */ c(ie, { className: s("p-0", e), ...o, children: [
   /* @__PURE__ */ t(le, { className: "sr-only", children: n }),
   /* @__PURE__ */ t(de, { className: "**:data-[slot=command-input-wrapper]:h-auto", children: a })
-] }), $t = ({
+] }), Kt = ({
   className: e,
   ...a
-}) => /* @__PURE__ */ t(ce, { className: s("h-auto py-3.5", e), ...a }), Xt = (e) => /* @__PURE__ */ t(ue, { ...e }), Yt = (e) => /* @__PURE__ */ t(me, { ...e }), Jt = (e) => /* @__PURE__ */ t(pe, { ...e }), Qt = ({
+}) => /* @__PURE__ */ t(ce, { className: s("h-auto py-3.5", e), ...a }), $t = (e) => /* @__PURE__ */ t(ue, { ...e }), Xt = (e) => /* @__PURE__ */ t(me, { ...e }), Yt = (e) => /* @__PURE__ */ t(pe, { ...e }), Jt = ({
   provider: e,
   className: a,
   ...n
@@ -927,15 +921,15 @@ const Lt = ({
     src: `https://models.dev/logos/${e}.svg`,
     width: 12
   }
-), Zt = ({
+), Qt = ({
   className: e,
   ...a
-}) => /* @__PURE__ */ t("span", { className: s("flex-1 truncate text-left", e), ...a }), ea = ({
+}) => /* @__PURE__ */ t("span", { className: s("flex-1 truncate text-left", e), ...a }), Zt = ({
   selectedModel: e,
   onModelChange: a,
   disabled: n = !1
 }) => {
-  const [o, l] = A(!1), [h, u] = A(""), y = Je(e) || K(), R = Qe.filter(
+  const [o, l] = A(!1), [h, u] = A(""), y = Qe(e) || K(), R = Ze.filter(
     (r) => r.name.toLowerCase().includes(h.toLowerCase()) || r.provider.toLowerCase().includes(h.toLowerCase())
   ).reduce(
     (r, d) => (r[d.provider] || (r[d.provider] = []), r[d.provider].push(d), r),
@@ -943,23 +937,23 @@ const Lt = ({
   ), P = (r) => {
     a(r), l(!1), u("");
   };
-  return /* @__PURE__ */ c(Wt, { open: o, onOpenChange: l, children: [
-    /* @__PURE__ */ t(qt, { asChild: !0, children: /* @__PURE__ */ c($, { variant: "outline", size: "sm", disabled: n, className: "h-8 gap-1 px-2 text-xs", children: [
+  return /* @__PURE__ */ c(Ht, { open: o, onOpenChange: l, children: [
+    /* @__PURE__ */ t(Wt, { asChild: !0, children: /* @__PURE__ */ c($, { variant: "outline", size: "sm", disabled: n, className: "h-8 gap-1 px-2 text-xs", children: [
       /* @__PURE__ */ t(We, { size: 14 }),
       /* @__PURE__ */ t("span", { className: "max-w-20 truncate", children: y.name })
     ] }) }),
-    /* @__PURE__ */ c(Kt, { className: "w-96 p-0", children: [
-      /* @__PURE__ */ t($t, { placeholder: "Search models...", value: h, onValueChange: u }),
-      /* @__PURE__ */ t(Xt, { children: Object.entries(R).map(([r, d]) => /* @__PURE__ */ t(Yt, { heading: r.charAt(0).toUpperCase() + r.slice(1), children: d.map((m) => /* @__PURE__ */ c(
-        Jt,
+    /* @__PURE__ */ c(qt, { className: "w-96 p-0", children: [
+      /* @__PURE__ */ t(Kt, { placeholder: "Search models...", value: h, onValueChange: u }),
+      /* @__PURE__ */ t($t, { children: Object.entries(R).map(([r, d]) => /* @__PURE__ */ t(Xt, { heading: r.charAt(0).toUpperCase() + r.slice(1), children: d.map((m) => /* @__PURE__ */ c(
+        Yt,
         {
           value: m.id,
           onSelect: () => P(m.id),
           className: "flex cursor-pointer items-center gap-2 p-2",
           children: [
-            /* @__PURE__ */ t(Qt, { provider: m.provider }),
+            /* @__PURE__ */ t(Jt, { provider: m.provider }),
             /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col", children: [
-              /* @__PURE__ */ t(Zt, { children: m.name }),
+              /* @__PURE__ */ t(Qt, { children: m.name }),
               /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: m.description })
             ] }),
             e === m.id && /* @__PURE__ */ t("div", { className: "h-2 w-2 rounded-full bg-blue-500" })
@@ -980,7 +974,7 @@ const Lt = ({
   selectedModel: y = K().id,
   onModelChange: v
 }) => {
-  const { t: R } = Ye(), [P, r] = A(y), [d, m] = A(null), T = B(null), [k, z] = A(!1);
+  const { t: R } = Je(), [P, r] = A(y), [d, m] = A(null), T = B(null), [k, D] = A(!1);
   return j(() => {
     if (!u) {
       const x = localStorage.getItem(te);
@@ -991,7 +985,7 @@ const Lt = ({
         r(M), v == null || v(M);
       }
     }
-  }, [u, v]), /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t("div", { className: "border-gray-20 rounded-lg border", children: /* @__PURE__ */ c(At, { onSubmit: (x) => {
+  }, [u, v]), /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t("div", { className: "border-gray-20 rounded-lg border", children: /* @__PURE__ */ c(Lt, { onSubmit: (x) => {
     var G;
     const M = x.files.find((L) => {
       var O;
@@ -999,9 +993,9 @@ const Lt = ({
     }), F = (M == null ? void 0 : M.url) || d;
     n((G = x.text) == null ? void 0 : G.trim(), void 0, F, P), m(null);
   }, accept: "image/*", className: "flex h-auto w-full flex-col", children: [
-    /* @__PURE__ */ t(jt, { className: "p-0", children: /* @__PURE__ */ t(Pt, { className: "pb-0", children: (x) => /* @__PURE__ */ t(Tt, { className: "text-xs", data: x }) }) }),
+    /* @__PURE__ */ t(Mt, { className: "p-0", children: /* @__PURE__ */ t(Tt, { className: "pb-0", children: (x) => /* @__PURE__ */ t(Ct, { className: "text-xs", data: x }) }) }),
     /* @__PURE__ */ t(
-      Mt,
+      At,
       {
         ref: T,
         value: e,
@@ -1012,14 +1006,14 @@ const Lt = ({
         rows: 3
       }
     ),
-    /* @__PURE__ */ c(_t, { children: [
-      u ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ c(Ut, { children: [
-        /* @__PURE__ */ c(Ot, { children: [
-          /* @__PURE__ */ t(Bt, { disabled: l, children: /* @__PURE__ */ t(qe, { size: 16 }) }),
-          /* @__PURE__ */ t(Ft, { children: /* @__PURE__ */ t(Lt, {}) })
+    /* @__PURE__ */ c(jt, { children: [
+      u ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ c(_t, { children: [
+        /* @__PURE__ */ c(Ut, { children: [
+          /* @__PURE__ */ t(Ot, { disabled: l, children: /* @__PURE__ */ t(qe, { size: 16 }) }),
+          /* @__PURE__ */ t(Bt, { children: /* @__PURE__ */ t(Pt, {}) })
         ] }),
         /* @__PURE__ */ t(
-          Et,
+          Gt,
           {
             textareaRef: T,
             onTranscriptionChange: a,
@@ -1027,7 +1021,7 @@ const Lt = ({
           }
         ),
         /* @__PURE__ */ t(
-          ea,
+          Zt,
           {
             selectedModel: P,
             onModelChange: (x) => {
@@ -1041,7 +1035,7 @@ const Lt = ({
           {
             className: "hidden",
             size: "sm",
-            onClick: () => z(!k),
+            onClick: () => D(!k),
             variant: k ? "default" : "ghost",
             children: [
               /* @__PURE__ */ t(Ke, { size: 16 }),
@@ -1062,7 +1056,7 @@ const Lt = ({
             /* @__PURE__ */ t("span", { className: "text-xs", children: R("Stop") })
           ]
         }
-      ) : /* @__PURE__ */ t(Gt, { disabled: !e.trim() || h, children: /* @__PURE__ */ t(Xe, { size: 16 }) })
+      ) : /* @__PURE__ */ t(Ft, { disabled: !e.trim() || h, children: /* @__PURE__ */ t(Xe, { size: 16 }) })
     ] })
   ] }) }) });
 };

package/dist/{ai-translation-prompt-CnNrf57B.js → ai-translation-prompt-CS-mQOHq.js}

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { L as r } from "./index-BoQkDiU0.js";
+import { L as r } from "./index-B4cxEof7.js";
 import { useTranslation as i } from "@chaibuilder/sdk";
 import { Button as c } from "@chaibuilder/sdk/ui";
 import { ArrowRight as m } from "lucide-react";

package/dist/{ai-translation-prompt-DKN6hrUF.cjs → ai-translation-prompt-hd5TMlql.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-DheBvIvo.cjs"),c=require("@chaibuilder/sdk"),r=require("@chaibuilder/sdk/ui"),o=require("lucide-react"),x=({selectedLang:s,isLoading:n,selectedBlock:l,onClick:i})=>{const{t}=c.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:l?e.jsx(r.Button,{variant:"outline",className:"h-auto",onClick:()=>i("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")," ",a.LANGUAGES[s]," ",e.jsx(o.ArrowRight,{className:"h-4 w-4"})]})]})}):null})})};exports.default=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-DLPsza7R.cjs"),c=require("@chaibuilder/sdk"),r=require("@chaibuilder/sdk/ui"),o=require("lucide-react"),x=({selectedLang:s,isLoading:n,selectedBlock:l,onClick:i})=>{const{t}=c.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:l?e.jsx(r.Button,{variant:"outline",className:"h-auto",onClick:()=>i("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")," ",a.LANGUAGES[s]," ",e.jsx(o.ArrowRight,{className:"h-4 w-4"})]})]})}):null})})};exports.default=x;