@chaibuilder/pages 0.16.13 → 0.16.14

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

@@ -0,0 +1,1071 @@
+import { jsx as t, jsxs as c, Fragment as Ce } from "react/jsx-runtime";
+import { j as s, B as $ } from "./selected-block-display-BmNhvYKu.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 { 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-DfdnvlS8.js";
+const Ze = C.Root, et = C.Trigger, tt = C.Portal, se = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  C.Overlay,
+  {
+    ref: n,
+    className: s(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...a
+  }
+));
+se.displayName = C.Overlay.displayName;
+const ie = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(tt, { children: [
+  /* @__PURE__ */ t(se, {}),
+  /* @__PURE__ */ c(
+    C.Content,
+    {
+      ref: o,
+      className: s(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        e
+      ),
+      ...n,
+      children: [
+        a,
+        /* @__PURE__ */ c(C.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ t(Ae, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+ie.displayName = C.Content.displayName;
+const le = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  C.Title,
+  {
+    ref: n,
+    className: s(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...a
+  }
+));
+le.displayName = C.Title.displayName;
+const at = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  C.Description,
+  {
+    ref: n,
+    className: s("text-sm text-muted-foreground", e),
+    ...a
+  }
+));
+at.displayName = C.Description.displayName;
+const de = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  D,
+  {
+    ref: n,
+    className: s(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
+    ),
+    ...a
+  }
+));
+de.displayName = D.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,
+    {
+      ref: n,
+      className: s(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...a
+    }
+  )
+] }));
+ce.displayName = D.Input.displayName;
+const ue = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  D.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,
+  {
+    ref: a,
+    className: "py-6 text-center text-sm",
+    ...e
+  }
+));
+nt.displayName = D.Empty.displayName;
+const me = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  D.Group,
+  {
+    ref: n,
+    className: s(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+));
+me.displayName = D.Group.displayName;
+const ot = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  D.Separator,
+  {
+    ref: n,
+    className: s("-mx-1 h-px bg-border", e),
+    ...a
+  }
+));
+ot.displayName = D.Separator.displayName;
+const pe = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  D.Item,
+  {
+    ref: n,
+    className: s(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      e
+    ),
+    ...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(
+  w.SubTrigger,
+  {
+    ref: l,
+    className: s(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      a && "pl-8",
+      e
+    ),
+    ...o,
+    children: [
+      n,
+      /* @__PURE__ */ t(je, { className: "ml-auto" })
+    ]
+  }
+));
+it.displayName = w.SubTrigger.displayName;
+const lt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  w.SubContent,
+  {
+    ref: n,
+    className: s(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      e
+    ),
+    ...a
+  }
+));
+lt.displayName = w.SubContent.displayName;
+const fe = p.forwardRef(({ className: e, sideOffset: a = 4, ...n }, o) => /* @__PURE__ */ t(w.Portal, { children: /* @__PURE__ */ t(
+  w.Content,
+  {
+    ref: o,
+    sideOffset: a,
+    className: s(
+      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      e
+    ),
+    ...n
+  }
+) }));
+fe.displayName = w.Content.displayName;
+const ge = p.forwardRef(({ className: e, inset: a, ...n }, o) => /* @__PURE__ */ t(
+  w.Item,
+  {
+    ref: o,
+    className: s(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      a && "pl-8",
+      e
+    ),
+    ...n
+  }
+));
+ge.displayName = w.Item.displayName;
+const dt = p.forwardRef(({ className: e, children: a, checked: n, ...o }, l) => /* @__PURE__ */ c(
+  w.CheckboxItem,
+  {
+    ref: l,
+    className: s(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: n,
+    ...o,
+    children: [
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(w.ItemIndicator, { children: /* @__PURE__ */ t(ae, { className: "h-4 w-4" }) }) }),
+      a
+    ]
+  }
+));
+dt.displayName = w.CheckboxItem.displayName;
+const ct = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(
+  w.RadioItem,
+  {
+    ref: o,
+    className: s(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...n,
+    children: [
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(w.ItemIndicator, { children: /* @__PURE__ */ t(_e, { className: "h-2 w-2 fill-current" }) }) }),
+      a
+    ]
+  }
+));
+ct.displayName = w.RadioItem.displayName;
+const ut = p.forwardRef(({ className: e, inset: a, ...n }, o) => /* @__PURE__ */ t(
+  w.Label,
+  {
+    ref: o,
+    className: s(
+      "px-2 py-1.5 text-sm font-semibold",
+      a && "pl-8",
+      e
+    ),
+    ...n
+  }
+));
+ut.displayName = w.Label.displayName;
+const mt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  w.Separator,
+  {
+    ref: n,
+    className: s("-mx-1 my-1 h-px bg-muted", e),
+    ...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(
+  H.Content,
+  {
+    ref: l,
+    align: a,
+    sideOffset: n,
+    className: s(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]",
+      e
+    ),
+    ...o
+  }
+));
+he.displayName = H.Content.displayName;
+const gt = p.forwardRef(
+  ({ className: e, type: a, ...n }, o) => /* @__PURE__ */ t(
+    "input",
+    {
+      type: a,
+      className: s(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: o,
+      ...n
+    }
+  )
+);
+gt.displayName = "Input";
+const be = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  "textarea",
+  {
+    className: s(
+      "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      e
+    ),
+    ref: n,
+    ...a
+  }
+));
+be.displayName = "Textarea";
+function ht({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: s(
+        "group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
+        "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-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1",
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+        e
+      ),
+      ...a
+    }
+  );
+}
+const bt = 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: {
+      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 ve({
+  className: e,
+  align: a = "inline-start",
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": a,
+      className: s(bt({ 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();
+      },
+      ...n
+    }
+  );
+}
+const vt = re(
+  "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 xe({
+  className: e,
+  type: a = "button",
+  variant: n = "ghost",
+  size: o = "xs",
+  ...l
+}) {
+  return /* @__PURE__ */ t(
+    $,
+    {
+      type: a,
+      "data-size": o,
+      variant: n,
+      className: s(vt({ size: o }), e),
+      ...l
+    }
+  );
+}
+function xt({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    be,
+    {
+      "data-slot": "input-group-control",
+      className: s(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        e
+      ),
+      ...a
+    }
+  );
+}
+const yt = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(
+  S.Trigger,
+  {
+    ref: o,
+    className: s(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      e
+    ),
+    ...n,
+    children: [
+      a,
+      /* @__PURE__ */ t(S.Icon, { asChild: !0, children: /* @__PURE__ */ t(ne, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+yt.displayName = S.Trigger.displayName;
+const ye = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  S.ScrollUpButton,
+  {
+    ref: n,
+    className: s(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...a,
+    children: /* @__PURE__ */ t(Ue, { className: "h-4 w-4" })
+  }
+));
+ye.displayName = S.ScrollUpButton.displayName;
+const Ne = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  S.ScrollDownButton,
+  {
+    ref: n,
+    className: s(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...a,
+    children: /* @__PURE__ */ t(ne, { className: "h-4 w-4" })
+  }
+));
+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(
+  S.Content,
+  {
+    ref: l,
+    className: s(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      e
+    ),
+    position: n,
+    ...o,
+    children: [
+      /* @__PURE__ */ t(ye, {}),
+      /* @__PURE__ */ t(
+        S.Viewport,
+        {
+          className: s(
+            "p-1",
+            n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: a
+        }
+      ),
+      /* @__PURE__ */ t(Ne, {})
+    ]
+  }
+) }));
+Nt.displayName = S.Content.displayName;
+const wt = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  S.Label,
+  {
+    ref: n,
+    className: s("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    ...a
+  }
+));
+wt.displayName = S.Label.displayName;
+const It = p.forwardRef(({ className: e, children: a, ...n }, o) => /* @__PURE__ */ c(
+  S.Item,
+  {
+    ref: o,
+    className: s(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...n,
+    children: [
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(S.ItemIndicator, { children: /* @__PURE__ */ t(ae, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t(S.ItemText, { children: a })
+    ]
+  }
+));
+It.displayName = S.Item.displayName;
+const St = p.forwardRef(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  S.Separator,
+  {
+    ref: n,
+    className: s("-mx-1 my-1 h-px bg-muted", e),
+    ...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;
+  if (!n)
+    throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
+  return n;
+};
+function Tt({ 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(
+      "div",
+      {
+        className: s(
+          "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",
+          a
+        ),
+        ...n,
+        children: [
+          /* @__PURE__ */ c("div", { className: "relative size-5 shrink-0", children: [
+            /* @__PURE__ */ t("div", { className: "absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded bg-background transition-opacity group-hover:opacity-0", children: u ? /* @__PURE__ */ t(
+              "img",
+              {
+                alt: l || "attachment",
+                className: "size-5 object-cover",
+                height: 20,
+                src: e.url,
+                width: 20
+              }
+            ) : /* @__PURE__ */ t("div", { className: "flex size-5 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ t(Oe, { className: "size-3" }) }) }),
+            /* @__PURE__ */ c(
+              $,
+              {
+                "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: (R) => {
+                  R.stopPropagation(), o.remove(e.id);
+                },
+                type: "button",
+                variant: "ghost",
+                children: [
+                  /* @__PURE__ */ t(oe, {}),
+                  /* @__PURE__ */ t("span", { className: "sr-only", children: "Remove" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("span", { className: "flex-1 truncate", children: y })
+        ]
+      },
+      e.id
+    ) }),
+    /* @__PURE__ */ t(Ht, { 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",
+        {
+          alt: l || "attachment preview",
+          className: "max-h-full max-w-full object-contain",
+          height: 384,
+          src: e.url,
+          width: 448
+        }
+      ) }),
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2.5", children: /* @__PURE__ */ c("div", { className: "min-w-0 flex-1 space-y-1 px-0.5", children: [
+        /* @__PURE__ */ t("h4", { className: "truncate text-sm font-semibold leading-none", children: l || (u ? "Image" : "Attachment") }),
+        e.mediaType && /* @__PURE__ */ t("p", { className: "truncate font-mono text-xs text-muted-foreground", children: e.mediaType })
+      ] }) })
+    ] }) })
+  ] });
+}
+function Pt({ 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 = ({
+  label: e = "Add photos or files",
+  ...a
+}) => {
+  const n = W();
+  return /* @__PURE__ */ c(
+    ge,
+    {
+      ...a,
+      onSelect: (o) => {
+        o.preventDefault(), n.openFileDialog();
+      },
+      children: [
+        /* @__PURE__ */ t(Be, { className: "mr-2 size-4" }),
+        " ",
+        e
+      ]
+    }
+  );
+}, At = ({
+  className: e,
+  accept: a,
+  multiple: n,
+  globalDrop: o,
+  syncHiddenInput: l,
+  maxFiles: h,
+  maxFileSize: u,
+  onError: y,
+  onSubmit: v,
+  children: R,
+  ...P
+}) => {
+  const r = we(), d = !!r, m = B(null), T = B(null), k = B(null);
+  j(() => {
+    var N;
+    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(() => {
+    var i;
+    (i = m.current) == null || i.click();
+  }, []), F = V(
+    (i) => !a || a.trim() === "" ? !0 : a.includes("image/*") ? i.type.startsWith("image/") : !0,
+    [a]
+  ), G = V(
+    (i) => {
+      const N = Array.from(i), b = N.filter((I) => F(I));
+      if (N.length && b.length === 0) {
+        y == null || y({
+          code: "accept",
+          message: "No files match the accepted types."
+        });
+        return;
+      }
+      const g = (I) => u ? I.size <= u : !0, f = b.filter(g);
+      if (b.length > 0 && f.length === 0) {
+        y == null || y({
+          code: "max_file_size",
+          message: "All files exceed the maximum size."
+        });
+        return;
+      }
+      _((I) => {
+        const U = typeof h == "number" ? Math.max(0, h - I.length) : void 0, ze = 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)
+          ee.push({
+            id: Rt(),
+            type: "file",
+            url: URL.createObjectURL(q),
+            mediaType: q.type,
+            filename: q.name
+          });
+        return I.concat(ee);
+      });
+    },
+    [F, h, u, y]
+  ), L = d ? (i) => r.attachments.add(i) : G, O = d ? (i) => r.attachments.remove(i) : (i) => _((N) => {
+    const b = N.find((g) => g.id === i);
+    return b != null && b.url && URL.revokeObjectURL(b.url), N.filter((g) => g.id !== i);
+  }), E = d ? () => r.attachments.clear() : () => _((i) => {
+    for (const N of i)
+      N.url && URL.revokeObjectURL(N.url);
+    return [];
+  }), Q = d ? () => r.attachments.openFileDialog() : M;
+  j(() => {
+    d && r.__registerFileInput(m, () => {
+      var i;
+      return (i = m.current) == null ? void 0 : i.click();
+    });
+  }, [d, r]), j(() => {
+    l && m.current && x.length === 0 && (m.current.value = "");
+  }, [x, l]), j(() => {
+    const i = k.current;
+    if (!i) return;
+    const N = (g) => {
+      var f, I;
+      (I = (f = g.dataTransfer) == null ? void 0 : f.types) != null && I.includes("Files") && g.preventDefault();
+    }, b = (g) => {
+      var f, I, U;
+      (I = (f = g.dataTransfer) == null ? void 0 : f.types) != null && I.includes("Files") && g.preventDefault(), (U = g.dataTransfer) != null && U.files && g.dataTransfer.files.length > 0 && L(g.dataTransfer.files);
+    };
+    return i.addEventListener("dragover", N), i.addEventListener("drop", b), () => {
+      i.removeEventListener("dragover", N), i.removeEventListener("drop", b);
+    };
+  }, [L]), j(() => {
+    if (!o) return;
+    const i = (b) => {
+      var g, f;
+      (f = (g = b.dataTransfer) == null ? void 0 : g.types) != null && f.includes("Files") && b.preventDefault();
+    }, N = (b) => {
+      var g, f, I;
+      (f = (g = b.dataTransfer) == null ? void 0 : g.types) != null && f.includes("Files") && b.preventDefault(), (I = b.dataTransfer) != null && I.files && b.dataTransfer.files.length > 0 && L(b.dataTransfer.files);
+    };
+    return document.addEventListener("dragover", i), document.addEventListener("drop", N), () => {
+      document.removeEventListener("dragover", i), document.removeEventListener("drop", N);
+    };
+  }, [L, o]), j(
+    () => () => {
+      if (!d)
+        for (const i of x)
+          i.url && URL.revokeObjectURL(i.url);
+    },
+    [d, x]
+  );
+  const Se = (i) => {
+    i.currentTarget.files && L(i.currentTarget.files);
+  }, ke = async (i) => {
+    const b = await (await fetch(i)).blob();
+    return new Promise((g, f) => {
+      const I = new FileReader();
+      I.onloadend = () => g(I.result), I.onerror = f, I.readAsDataURL(b);
+    });
+  }, Re = Pe(
+    () => ({
+      files: x.map((i) => ({ ...i, id: i.id })),
+      add: L,
+      remove: O,
+      clear: E,
+      openFileDialog: Q,
+      fileInputRef: m
+    }),
+    [x, L, O, E, Q]
+  ), De = (i) => {
+    i.preventDefault();
+    const N = i.currentTarget, b = d ? r.textInput.value : new FormData(N).get("message") || "";
+    d || N.reset(), Promise.all(
+      x.map(async ({ id: g, ...f }) => f.url && f.url.startsWith("blob:") ? {
+        ...f,
+        url: await ke(f.url)
+      } : f)
+    ).then((g) => {
+      try {
+        const f = v({ text: b, files: g }, i);
+        f instanceof Promise ? f.then(() => {
+          E(), d && r.textInput.clear();
+        }).catch(() => {
+        }) : (E(), d && r.textInput.clear());
+      } catch {
+      }
+    });
+  }, Z = /* @__PURE__ */ c(Ce, { children: [
+    /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "hidden", ref: T }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        accept: a,
+        "aria-label": "Upload files",
+        className: "hidden",
+        multiple: n,
+        onChange: Se,
+        ref: m,
+        title: "Upload files",
+        type: "file"
+      }
+    ),
+    /* @__PURE__ */ t("form", { className: s("w-full", e), onSubmit: De, ...P, children: /* @__PURE__ */ t(ht, { className: "overflow-hidden", children: R }) })
+  ] });
+  return d ? Z : /* @__PURE__ */ t(Ie.Provider, { value: Re, children: Z });
+}, Mt = ({
+  onChange: e,
+  className: a,
+  placeholder: n = "What would you like to know?",
+  ...o
+}) => {
+  const l = we(), h = W(), [u, y] = A(!1), v = (r) => {
+    if (r.key === "Enter") {
+      if (u || r.nativeEvent.isComposing || r.shiftKey)
+        return;
+      r.preventDefault();
+      const d = r.currentTarget.form, m = d == null ? void 0 : d.querySelector('button[type="submit"]');
+      if (m != null && m.disabled)
+        return;
+      d == null || d.requestSubmit();
+    }
+    if (r.key === "Backspace" && r.currentTarget.value === "" && h.files.length > 0) {
+      r.preventDefault();
+      const d = h.files.at(-1);
+      d && h.remove(d.id);
+    }
+  }, R = (r) => {
+    var T;
+    const d = (T = r.clipboardData) == null ? void 0 : T.items;
+    if (!d)
+      return;
+    const m = [];
+    for (const k of d)
+      if (k.kind === "file") {
+        const z = k.getAsFile();
+        z && m.push(z);
+      }
+    m.length > 0 && (r.preventDefault(), h.add(m));
+  }, P = l ? {
+    value: l.textInput.value,
+    onChange: (r) => {
+      l.textInput.setInput(r.currentTarget.value), e == null || e(r);
+    }
+  } : {
+    onChange: e
+  };
+  return /* @__PURE__ */ t(
+    xt,
+    {
+      className: s("field-sizing-content max-h-48 min-h-16", a),
+      name: "message",
+      onCompositionEnd: () => y(!1),
+      onCompositionStart: () => y(!0),
+      onKeyDown: v,
+      onPaste: R,
+      placeholder: n,
+      ...o,
+      ...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 }) => {
+  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 = ({
+  className: e,
+  variant: a = "default",
+  size: n = "icon-sm",
+  status: o,
+  children: l,
+  ...h
+}) => {
+  let u = /* @__PURE__ */ t(Ee, { className: "size-4" });
+  return o === "submitted" ? u = /* @__PURE__ */ t(Ve, { className: "size-4 animate-spin" }) : o === "streaming" ? u = /* @__PURE__ */ t(He, { className: "size-4" }) : o === "error" && (u = /* @__PURE__ */ t(oe, { className: "size-4" })), /* @__PURE__ */ t(
+    xe,
+    {
+      "aria-label": "Submit",
+      className: s(e),
+      size: n,
+      type: "submit",
+      variant: a,
+      ...h,
+      children: l ?? u
+    }
+  );
+}, Et = ({
+  className: e,
+  textareaRef: a,
+  onTranscriptionChange: n,
+  ...o
+}) => {
+  const [l, h] = A(!1), [u, y] = A(null), v = B(null);
+  j(() => {
+    if (typeof window < "u" && ("SpeechRecognition" in window || "webkitSpeechRecognition" in window)) {
+      const P = window.SpeechRecognition || window.webkitSpeechRecognition, r = new P();
+      r.continuous = !0, r.interimResults = !0, r.lang = "en-US", r.onstart = () => {
+        h(!0);
+      }, r.onend = () => {
+        h(!1);
+      }, r.onresult = (d) => {
+        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) ?? "");
+        }
+        if (m && (a != null && a.current)) {
+          const k = a.current, z = k.value, _ = z + (z ? " " : "") + m;
+          k.value = _, k.dispatchEvent(new Event("input", { bubbles: !0 })), n == null || n(_);
+        }
+      }, r.onerror = (d) => {
+        console.error("Speech recognition error:", d.error), h(!1);
+      }, v.current = r, y(r);
+    }
+    return () => {
+      v.current && v.current.stop();
+    };
+  }, [a, n]);
+  const R = V(() => {
+    u && (l ? u.stop() : u.start());
+  }, [u, l]);
+  return /* @__PURE__ */ t(
+    J,
+    {
+      className: s(
+        "relative transition-all duration-200",
+        l && "animate-pulse bg-accent text-accent-foreground",
+        e
+      ),
+      disabled: !u,
+      onClick: R,
+      ...o,
+      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 = ({
+  className: e,
+  children: a,
+  title: n = "Model Selector",
+  ...o
+}) => /* @__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 = ({
+  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 = ({
+  provider: e,
+  className: a,
+  ...n
+}) => /* @__PURE__ */ t(
+  "img",
+  {
+    ...n,
+    alt: `${e} logo`,
+    className: s("size-3 dark:invert", a),
+    height: 12,
+    src: `https://models.dev/logos/${e}.svg`,
+    width: 12
+  }
+), Zt = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ t("span", { className: s("flex-1 truncate text-left", e), ...a }), ea = ({
+  selectedModel: e,
+  onModelChange: a,
+  disabled: n = !1
+}) => {
+  const [o, l] = A(!1), [h, u] = A(""), y = Je(e) || K(), R = Qe.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),
+    {}
+  ), 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: [
+      /* @__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,
+        {
+          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__ */ c("div", { className: "flex flex-1 flex-col", children: [
+              /* @__PURE__ */ t(Zt, { 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" })
+          ]
+        },
+        m.id
+      )) }, r)) })
+    ] })
+  ] });
+}, te = "chai-ai-selected-model", da = ({
+  input: e,
+  setInput: a,
+  onSend: n,
+  onStop: o,
+  isLoading: l,
+  disabled: h,
+  selectedLang: u,
+  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);
+  return j(() => {
+    if (!u) {
+      const x = localStorage.getItem(te);
+      if (x)
+        r(x), v == null || v(x);
+      else {
+        const M = K().id;
+        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) => {
+    var G;
+    const M = x.files.find((L) => {
+      var O;
+      return (O = L.mediaType) == null ? void 0 : O.startsWith("image/");
+    }), 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,
+      {
+        ref: T,
+        value: e,
+        onChange: (x) => a(x.target.value),
+        placeholder: R(u ? "Ask to update content" : "Ask me anything..."),
+        disabled: l,
+        className: "max-h-[200px] min-h-[60px] w-full",
+        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__ */ t(
+          Et,
+          {
+            textareaRef: T,
+            onTranscriptionChange: a,
+            disabled: l
+          }
+        ),
+        /* @__PURE__ */ t(
+          ea,
+          {
+            selectedModel: P,
+            onModelChange: (x) => {
+              r(x), v == null || v(x), localStorage.setItem(te, x);
+            },
+            disabled: l
+          }
+        ),
+        /* @__PURE__ */ c(
+          J,
+          {
+            className: "hidden",
+            size: "sm",
+            onClick: () => z(!k),
+            variant: k ? "default" : "ghost",
+            children: [
+              /* @__PURE__ */ t(Ke, { size: 16 }),
+              /* @__PURE__ */ t("span", { children: "Search" })
+            ]
+          }
+        )
+      ] }),
+      l ? /* @__PURE__ */ c(
+        "button",
+        {
+          onClick: o,
+          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: R("Stop generation"),
+          children: [
+            /* @__PURE__ */ t($e, { size: 16 }),
+            " ",
+            /* @__PURE__ */ t("span", { className: "text-xs", children: R("Stop") })
+          ]
+        }
+      ) : /* @__PURE__ */ t(Gt, { disabled: !e.trim() || h, children: /* @__PURE__ */ t(Xe, { size: 16 }) })
+    ] })
+  ] }) }) });
+};
+export {
+  da as default
+};