@chaibuilder/sdk 4.0.0-beta.43 → 4.0.0-beta.45

package/dist/ai-prompt-input-bleYNRnH.js

@@ -0,0 +1,650 @@
+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-RwAuF_BE.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 { 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 { 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 }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: y(
+        "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",
+        // Variants based on alignment.
+        "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",
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:ring-1 has-[[data-slot=input-group-control]:focus-visible]:ring-ring",
+        // Error state.
+        "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
+      ),
+      ...n
+    }
+  );
+}
+const Ve = 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: {
+      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 Q({
+  className: t,
+  align: n = "inline-start",
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": n,
+      className: y(Ve({ 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();
+      },
+      ...a
+    }
+  );
+}
+const qe = 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",
+      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 Z({
+  className: t,
+  type: n = "button",
+  variant: a = "ghost",
+  size: l = "xs",
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    _,
+    {
+      type: n,
+      "data-size": l,
+      variant: a,
+      className: y(qe({ size: l }), t),
+      ...o
+    }
+  );
+}
+function Ke({ className: t, ...n }) {
+  return /* @__PURE__ */ e(
+    le,
+    {
+      "data-slot": "input-group-control",
+      className: y(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        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;
+  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(
+      "div",
+      {
+        className: y(
+          "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",
+          n
+        ),
+        ...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(
+              "img",
+              {
+                alt: o || "attachment",
+                className: "size-5 object-cover",
+                height: 20,
+                src: t.url,
+                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(
+              _,
+              {
+                "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);
+                },
+                type: "button",
+                variant: "ghost",
+                children: [
+                  /* @__PURE__ */ e(J, {}),
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: "Remove" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: h })
+        ]
+      },
+      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(
+        "img",
+        {
+          alt: o || "attachment preview",
+          className: "max-h-full max-w-full object-contain",
+          height: 384,
+          src: t.url,
+          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") }),
+        t.mediaType && /* @__PURE__ */ e("p", { className: "truncate font-mono text-xs text-muted-foreground", children: t.mediaType })
+      ] }) })
+    ] }) })
+  ] });
+}
+function Qe({ 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;
+}
+const Ze = ({
+  label: t = "Add photos or files",
+  ...n
+}) => {
+  const a = G();
+  return /* @__PURE__ */ w(
+    me,
+    {
+      ...n,
+      onSelect: (l) => {
+        l.preventDefault(), a.openFileDialog();
+      },
+      children: [
+        /* @__PURE__ */ e(De, { className: "mr-2 size-4" }),
+        " ",
+        t
+      ]
+    }
+  );
+}, et = ({
+  className: t,
+  accept: n,
+  multiple: a,
+  globalDrop: l,
+  syncHiddenInput: o,
+  maxFiles: m,
+  maxFileSize: d,
+  onError: h,
+  onSubmit: c,
+  children: N,
+  ...I
+}) => {
+  const r = ee(), i = !!r, g = M(null), D = M(null), S = M(null);
+  T(() => {
+    var v;
+    const s = (v = D.current) == null ? void 0 : v.closest("form");
+    s instanceof HTMLFormElement && (S.current = s);
+  }, []);
+  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,
+    [n]
+  ), U = F(
+    (s) => {
+      const v = Array.from(s), p = v.filter((x) => j(x));
+      if (v.length && p.length === 0) {
+        h == null || h({
+          code: "accept",
+          message: "No files match the accepted types."
+        });
+        return;
+      }
+      const u = (x) => d ? x.size <= d : !0, b = p.filter(u);
+      if (p.length > 0 && b.length === 0) {
+        h == null || h({
+          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({
+          code: "max_files",
+          message: "Too many files. Some were not added."
+        }));
+        const $ = [];
+        for (const B of oe)
+          $.push({
+            id: Ue(),
+            type: "file",
+            url: URL.createObjectURL(B),
+            mediaType: B.type,
+            filename: B.name
+          });
+        return x.concat($);
+      });
+    },
+    [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)
+      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();
+    });
+  }, [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) => {
+      var b, x;
+      (x = (b = u.dataTransfer) == null ? void 0 : b.types) != null && x.includes("Files") && u.preventDefault();
+    }, p = (u) => {
+      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);
+    };
+    return s.addEventListener("dragover", v), s.addEventListener("drop", p), () => {
+      s.removeEventListener("dragover", v), s.removeEventListener("drop", p);
+    };
+  }, [z]), T(() => {
+    if (!l) return;
+    const s = (p) => {
+      var u, b;
+      (b = (u = p.dataTransfer) == null ? void 0 : u.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);
+    };
+    return document.addEventListener("dragover", s), document.addEventListener("drop", v), () => {
+      document.removeEventListener("dragover", s), document.removeEventListener("drop", v);
+    };
+  }, [z, l]), T(
+    () => () => {
+      if (!i)
+        for (const s of f)
+          s.url && URL.revokeObjectURL(s.url);
+    },
+    [i, f]
+  );
+  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 x = new FileReader();
+      x.onloadend = () => u(x.result), x.onerror = b, x.readAsDataURL(p);
+    });
+  }, re = Oe(
+    () => ({
+      files: f.map((s) => ({ ...s, id: s.id })),
+      add: z,
+      remove: R,
+      clear: O,
+      openFileDialog: q,
+      fileInputRef: g
+    }),
+    [f, z, R, O, q]
+  ), ae = (s) => {
+    s.preventDefault();
+    const v = s.currentTarget, p = i ? r.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) => {
+      try {
+        const b = c({ text: p, files: u }, s);
+        b instanceof Promise ? b.then(() => {
+          O(), i && r.textInput.clear();
+        }).catch(() => {
+        }) : (O(), i && r.textInput.clear());
+      } catch {
+      }
+    });
+  }, K = /* @__PURE__ */ w(ie, { children: [
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "hidden", ref: D }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        accept: n,
+        "aria-label": "Upload files",
+        className: "hidden",
+        multiple: a,
+        onChange: ne,
+        ref: g,
+        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 }) })
+  ] });
+  return i ? K : /* @__PURE__ */ e(te.Provider, { value: re, children: K });
+}, tt = ({
+  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)
+        return;
+      r.preventDefault();
+      const i = r.currentTarget.form, g = i == null ? void 0 : i.querySelector('button[type="submit"]');
+      if (g != null && g.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);
+    }
+  }, N = (r) => {
+    var D;
+    const i = (D = r.clipboardData) == null ? void 0 : D.items;
+    if (!i)
+      return;
+    const g = [];
+    for (const S of i)
+      if (S.kind === "file") {
+        const k = S.getAsFile();
+        k && g.push(k);
+      }
+    g.length > 0 && (r.preventDefault(), m.add(g));
+  }, I = o ? {
+    value: o.textInput.value,
+    onChange: (r) => {
+      o.textInput.setInput(r.currentTarget.value), t == null || t(r);
+    }
+  } : {
+    onChange: t
+  };
+  return /* @__PURE__ */ e(
+    Ke,
+    {
+      className: y("field-sizing-content max-h-48 min-h-16", n),
+      name: "message",
+      onCompositionEnd: () => h(!1),
+      onCompositionStart: () => h(!0),
+      onKeyDown: c,
+      onPaste: N,
+      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 }) => {
+  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 = ({
+  className: t,
+  variant: n = "default",
+  size: a = "icon-sm",
+  status: l,
+  children: o,
+  ...m
+}) => {
+  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(
+    Z,
+    {
+      "aria-label": "Submit",
+      className: y(t),
+      size: a,
+      type: "submit",
+      variant: n,
+      ...m,
+      children: o ?? d
+    }
+  );
+}, ct = ({
+  className: t,
+  textareaRef: n,
+  onTranscriptionChange: a,
+  ...l
+}) => {
+  const [o, m] = A(!1), [d, h] = A(null), c = M(null);
+  T(() => {
+    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 = "";
+        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) ?? "");
+        }
+        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);
+        }
+      }, r.onerror = (i) => {
+        console.error("Speech recognition error:", i.error), m(!1);
+      }, c.current = r, Ge(() => h(r));
+    }
+    return () => {
+      c.current && c.current.stop();
+    };
+  }, [n, a]);
+  const N = F(() => {
+    d && (o ? d.stop() : d.start());
+  }, [d, o]);
+  return /* @__PURE__ */ e(
+    V,
+    {
+      className: y(
+        "relative transition-all duration-200",
+        o && "animate-pulse bg-accent text-accent-foreground",
+        t
+      ),
+      disabled: !d,
+      onClick: N,
+      ...l,
+      children: /* @__PURE__ */ e(ze, { 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 = ({
+  className: t,
+  children: n,
+  title: a = "Model Selector",
+  ...l
+}) => /* @__PURE__ */ w(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(
+  "img",
+  {
+    ...a,
+    alt: `${t} logo`,
+    className: y("size-3 dark:invert", n),
+    height: 12,
+    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 = ({
+  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),
+    {}
+  ), h = (c) => {
+    n(c), 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: [
+      /* @__PURE__ */ e(Le, { size: 14 }),
+      /* @__PURE__ */ e("span", { className: "max-w-20 truncate", children: m.name })
+    ] }) }),
+    /* @__PURE__ */ w(ft, { 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,
+        {
+          value: I.id,
+          onSelect: () => h(I.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 })
+            ] }),
+            t === I.id && /* @__PURE__ */ e("div", { className: "h-2 w-2 rounded-full bg-blue-500" })
+          ]
+        },
+        I.id
+      )) }, c)) })
+    ] })
+  ] });
+}, X = "chai-ai-selected-model", At = ({
+  input: t,
+  setInput: n,
+  onSend: a,
+  onStop: l,
+  isLoading: o,
+  disabled: m,
+  selectedLang: d,
+  selectedModel: h = E().id,
+  onModelChange: c
+}) => {
+  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);
+      }
+    }
+  }, [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);
+  }, 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(
+      tt,
+      {
+        ref: D,
+        value: t,
+        onChange: (f) => n(f.target.value),
+        placeholder: N(d ? "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__ */ e(
+          ct,
+          {
+            textareaRef: D,
+            onTranscriptionChange: n,
+            disabled: o
+          }
+        ),
+        /* @__PURE__ */ e(
+          wt,
+          {
+            selectedModel: I,
+            onModelChange: (f) => {
+              r(f), c == null || c(f), localStorage.setItem(X, f);
+            },
+            disabled: o
+          }
+        ),
+        /* @__PURE__ */ w(
+          V,
+          {
+            className: "hidden",
+            size: "sm",
+            onClick: () => k(!S),
+            variant: S ? "default" : "ghost",
+            children: [
+              /* @__PURE__ */ e(Re, { size: 16 }),
+              /* @__PURE__ */ e("span", { children: "Search" })
+            ]
+          }
+        )
+      ] }),
+      o ? /* @__PURE__ */ e(
+        "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: N("Stop generation"),
+          children: /* @__PURE__ */ e(Me, { size: 16 })
+        }
+      ) : /* @__PURE__ */ e(lt, { disabled: !t.trim() || m, children: /* @__PURE__ */ e(je, { size: 16 }) })
+    ] })
+  ] }) }) });
+};
+export {
+  At as default
+};

package/dist/{ai-translation-prompt-Ch54mM08.cjs → ai-translation-prompt-D1rNu8P-.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./register-chai-top-bar-DyW9GPzV.cjs"),i=require("./index-tI1JCogc.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./register-chai-top-bar-DyW9GPzV.cjs"),i=require("./index-DAJ9bufO.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;

package/dist/{ai-translation-prompt-TUVm5MgK.js → ai-translation-prompt-DHfe6Wzy.js}

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