@chaibuilder/pages 0.16.9 → 0.16.11

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

@@ -0,0 +1,988 @@
+import { jsx as a, jsxs as g, Fragment as ye } from "react/jsx-runtime";
+import { j as s, B as Z } from "./selected-block-display-DdW-DWF1.js";
+import * as c from "react";
+import { createContext as K, Fragment as we, useRef as F, useEffect as L, useState as U, useCallback as V, useMemo as Ne, Children as Ie, useContext as X } from "react";
+import { Command as R } from "cmdk";
+import { X as ke, Search as Se, ChevronRight as Re, Check as ee, Circle as Ce, ChevronDown as te, ChevronUp as ze, PaperclipIcon as De, XIcon as ae, ImageIcon as Pe, PlusIcon as Te, MicIcon as Le, CornerDownLeftIcon as Ae, Loader2Icon as je, SquareIcon as _e, Paperclip as Ue, GlobeIcon as Me, Square as Be, Send as Fe } from "lucide-react";
+import * as P from "@radix-ui/react-dialog";
+import * as v from "@radix-ui/react-dropdown-menu";
+import * as H from "@radix-ui/react-hover-card";
+import { cva as ne } from "class-variance-authority";
+import * as N from "@radix-ui/react-select";
+import { useTranslation as Oe } from "@chaibuilder/sdk";
+const Ge = P.Portal, oe = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  P.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
+    ),
+    ...t
+  }
+));
+oe.displayName = P.Overlay.displayName;
+const Ee = c.forwardRef(({ className: e, children: t, ...n }, o) => /* @__PURE__ */ g(Ge, { children: [
+  /* @__PURE__ */ a(oe, {}),
+  /* @__PURE__ */ g(
+    P.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: [
+        t,
+        /* @__PURE__ */ g(P.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__ */ a(ke, { className: "h-4 w-4" }),
+          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+Ee.displayName = P.Content.displayName;
+const Ve = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  P.Title,
+  {
+    ref: n,
+    className: s(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...t
+  }
+));
+Ve.displayName = P.Title.displayName;
+const He = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  P.Description,
+  {
+    ref: n,
+    className: s("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+He.displayName = P.Description.displayName;
+const We = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  R,
+  {
+    ref: n,
+    className: s(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
+    ),
+    ...t
+  }
+));
+We.displayName = R.displayName;
+const qe = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ a(Se, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ a(
+    R.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
+      ),
+      ...t
+    }
+  )
+] }));
+qe.displayName = R.Input.displayName;
+const Ke = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  R.List,
+  {
+    ref: n,
+    className: s("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...t
+  }
+));
+Ke.displayName = R.List.displayName;
+const Xe = c.forwardRef((e, t) => /* @__PURE__ */ a(
+  R.Empty,
+  {
+    ref: t,
+    className: "py-6 text-center text-sm",
+    ...e
+  }
+));
+Xe.displayName = R.Empty.displayName;
+const Ye = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  R.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
+    ),
+    ...t
+  }
+));
+Ye.displayName = R.Group.displayName;
+const $e = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  R.Separator,
+  {
+    ref: n,
+    className: s("-mx-1 h-px bg-border", e),
+    ...t
+  }
+));
+$e.displayName = R.Separator.displayName;
+const Je = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  R.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
+    ),
+    ...t
+  }
+));
+Je.displayName = R.Item.displayName;
+const Qe = v.Root, Ze = v.Trigger, et = c.forwardRef(({ className: e, inset: t, children: n, ...o }, i) => /* @__PURE__ */ g(
+  v.SubTrigger,
+  {
+    ref: i,
+    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",
+      t && "pl-8",
+      e
+    ),
+    ...o,
+    children: [
+      n,
+      /* @__PURE__ */ a(Re, { className: "ml-auto" })
+    ]
+  }
+));
+et.displayName = v.SubTrigger.displayName;
+const tt = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  v.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
+    ),
+    ...t
+  }
+));
+tt.displayName = v.SubContent.displayName;
+const re = c.forwardRef(({ className: e, sideOffset: t = 4, ...n }, o) => /* @__PURE__ */ a(v.Portal, { children: /* @__PURE__ */ a(
+  v.Content,
+  {
+    ref: o,
+    sideOffset: t,
+    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
+  }
+) }));
+re.displayName = v.Content.displayName;
+const se = c.forwardRef(({ className: e, inset: t, ...n }, o) => /* @__PURE__ */ a(
+  v.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",
+      t && "pl-8",
+      e
+    ),
+    ...n
+  }
+));
+se.displayName = v.Item.displayName;
+const at = c.forwardRef(({ className: e, children: t, checked: n, ...o }, i) => /* @__PURE__ */ g(
+  v.CheckboxItem,
+  {
+    ref: i,
+    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__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(v.ItemIndicator, { children: /* @__PURE__ */ a(ee, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+at.displayName = v.CheckboxItem.displayName;
+const nt = c.forwardRef(({ className: e, children: t, ...n }, o) => /* @__PURE__ */ g(
+  v.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__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(v.ItemIndicator, { children: /* @__PURE__ */ a(Ce, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+nt.displayName = v.RadioItem.displayName;
+const ot = c.forwardRef(({ className: e, inset: t, ...n }, o) => /* @__PURE__ */ a(
+  v.Label,
+  {
+    ref: o,
+    className: s(
+      "px-2 py-1.5 text-sm font-semibold",
+      t && "pl-8",
+      e
+    ),
+    ...n
+  }
+));
+ot.displayName = v.Label.displayName;
+const rt = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  v.Separator,
+  {
+    ref: n,
+    className: s("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+rt.displayName = v.Separator.displayName;
+const st = H.Root, it = H.Trigger, ie = c.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, ...o }, i) => /* @__PURE__ */ a(
+  H.Content,
+  {
+    ref: i,
+    align: t,
+    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
+  }
+));
+ie.displayName = H.Content.displayName;
+const lt = c.forwardRef(
+  ({ className: e, type: t, ...n }, o) => /* @__PURE__ */ a(
+    "input",
+    {
+      type: t,
+      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
+    }
+  )
+);
+lt.displayName = "Input";
+const le = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  "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,
+    ...t
+  }
+));
+le.displayName = "Textarea";
+function dt({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "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
+      ),
+      ...t
+    }
+  );
+}
+const ct = ne(
+  "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 de({
+  className: e,
+  align: t = "inline-start",
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": t,
+      className: s(ct({ align: t }), e),
+      onClick: (o) => {
+        var i, x;
+        o.target.closest("button") || (x = (i = o.currentTarget.parentElement) == null ? void 0 : i.querySelector("input")) == null || x.focus();
+      },
+      ...n
+    }
+  );
+}
+const mt = ne(
+  "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 ce({
+  className: e,
+  type: t = "button",
+  variant: n = "ghost",
+  size: o = "xs",
+  ...i
+}) {
+  return /* @__PURE__ */ a(
+    Z,
+    {
+      type: t,
+      "data-size": o,
+      variant: n,
+      className: s(mt({ size: o }), e),
+      ...i
+    }
+  );
+}
+function ut({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    le,
+    {
+      "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
+      ),
+      ...t
+    }
+  );
+}
+const pt = c.forwardRef(({ className: e, children: t, ...n }, o) => /* @__PURE__ */ g(
+  N.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: [
+      t,
+      /* @__PURE__ */ a(N.Icon, { asChild: !0, children: /* @__PURE__ */ a(te, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+pt.displayName = N.Trigger.displayName;
+const me = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  N.ScrollUpButton,
+  {
+    ref: n,
+    className: s(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ a(ze, { className: "h-4 w-4" })
+  }
+));
+me.displayName = N.ScrollUpButton.displayName;
+const ue = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  N.ScrollDownButton,
+  {
+    ref: n,
+    className: s(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ a(te, { className: "h-4 w-4" })
+  }
+));
+ue.displayName = N.ScrollDownButton.displayName;
+const ft = c.forwardRef(({ className: e, children: t, position: n = "popper", ...o }, i) => /* @__PURE__ */ a(N.Portal, { children: /* @__PURE__ */ g(
+  N.Content,
+  {
+    ref: i,
+    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__ */ a(me, {}),
+      /* @__PURE__ */ a(
+        N.Viewport,
+        {
+          className: s(
+            "p-1",
+            n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: t
+        }
+      ),
+      /* @__PURE__ */ a(ue, {})
+    ]
+  }
+) }));
+ft.displayName = N.Content.displayName;
+const gt = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  N.Label,
+  {
+    ref: n,
+    className: s("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    ...t
+  }
+));
+gt.displayName = N.Label.displayName;
+const ht = c.forwardRef(({ className: e, children: t, ...n }, o) => /* @__PURE__ */ g(
+  N.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__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(N.ItemIndicator, { children: /* @__PURE__ */ a(ee, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ a(N.ItemText, { children: t })
+    ]
+  }
+));
+ht.displayName = N.Item.displayName;
+const bt = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a(
+  N.Separator,
+  {
+    ref: n,
+    className: s("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+bt.displayName = N.Separator.displayName;
+const vt = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let xt = (e = 21) => {
+  let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
+  for (; e--; )
+    t += vt[n[e] & 63];
+  return t;
+};
+const yt = K(null), wt = K(null), pe = () => X(yt), Nt = () => X(wt), fe = K(null), W = () => {
+  const e = Nt(), t = X(fe), n = e ?? t;
+  if (!n)
+    throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
+  return n;
+};
+function It({ data: e, className: t, ...n }) {
+  var S;
+  const o = W(), i = e.filename || "", u = ((S = e.mediaType) != null && S.startsWith("image/") && e.url ? "image" : "file") === "image", w = i || (u ? "Image" : "Attachment");
+  return /* @__PURE__ */ g(Ut, { children: [
+    /* @__PURE__ */ a(it, { asChild: !0, children: /* @__PURE__ */ g(
+      "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",
+          t
+        ),
+        ...n,
+        children: [
+          /* @__PURE__ */ g("div", { className: "relative size-5 shrink-0", children: [
+            /* @__PURE__ */ a("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__ */ a(
+              "img",
+              {
+                alt: i || "attachment",
+                className: "size-5 object-cover",
+                height: 20,
+                src: e.url,
+                width: 20
+              }
+            ) : /* @__PURE__ */ a("div", { className: "flex size-5 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ a(De, { className: "size-3" }) }) }),
+            /* @__PURE__ */ g(
+              Z,
+              {
+                "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: (C) => {
+                  C.stopPropagation(), o.remove(e.id);
+                },
+                type: "button",
+                variant: "ghost",
+                children: [
+                  /* @__PURE__ */ a(ae, {}),
+                  /* @__PURE__ */ a("span", { className: "sr-only", children: "Remove" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("span", { className: "flex-1 truncate", children: w })
+        ]
+      },
+      e.id
+    ) }),
+    /* @__PURE__ */ a(Mt, { className: "w-auto p-2", children: /* @__PURE__ */ g("div", { className: "w-auto space-y-3", children: [
+      u && /* @__PURE__ */ a("div", { className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border", children: /* @__PURE__ */ a(
+        "img",
+        {
+          alt: i || "attachment preview",
+          className: "max-h-full max-w-full object-contain",
+          height: 384,
+          src: e.url,
+          width: 448
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: "flex items-center gap-2.5", children: /* @__PURE__ */ g("div", { className: "min-w-0 flex-1 space-y-1 px-0.5", children: [
+        /* @__PURE__ */ a("h4", { className: "truncate text-sm font-semibold leading-none", children: i || (u ? "Image" : "Attachment") }),
+        e.mediaType && /* @__PURE__ */ a("p", { className: "truncate font-mono text-xs text-muted-foreground", children: e.mediaType })
+      ] }) })
+    ] }) })
+  ] });
+}
+function kt({ children: e, className: t, ...n }) {
+  const o = W();
+  return o.files.length ? /* @__PURE__ */ a("div", { className: s("flex flex-wrap items-center gap-2 p-3", t), ...n, children: o.files.map((i) => /* @__PURE__ */ a(we, { children: e(i) }, i.id)) }) : null;
+}
+const St = ({
+  label: e = "Add photos or files",
+  ...t
+}) => {
+  const n = W();
+  return /* @__PURE__ */ g(
+    se,
+    {
+      ...t,
+      onSelect: (o) => {
+        o.preventDefault(), n.openFileDialog();
+      },
+      children: [
+        /* @__PURE__ */ a(Pe, { className: "mr-2 size-4" }),
+        " ",
+        e
+      ]
+    }
+  );
+}, Rt = ({
+  className: e,
+  accept: t,
+  multiple: n,
+  globalDrop: o,
+  syncHiddenInput: i,
+  maxFiles: x,
+  maxFileSize: u,
+  onError: w,
+  onSubmit: S,
+  children: C,
+  ...A
+}) => {
+  const l = pe(), d = !!l, h = F(null), D = F(null), k = F(null);
+  L(() => {
+    var b;
+    const r = (b = D.current) == null ? void 0 : b.closest("form");
+    r instanceof HTMLFormElement && (k.current = r);
+  }, []);
+  const [z, j] = U([]), I = d ? l.attachments.files : z, M = V(() => {
+    var r;
+    (r = h.current) == null || r.click();
+  }, []), O = V(
+    (r) => !t || t.trim() === "" ? !0 : t.includes("image/*") ? r.type.startsWith("image/") : !0,
+    [t]
+  ), G = V(
+    (r) => {
+      const b = Array.from(r), f = b.filter((y) => O(y));
+      if (b.length && f.length === 0) {
+        w == null || w({
+          code: "accept",
+          message: "No files match the accepted types."
+        });
+        return;
+      }
+      const p = (y) => u ? y.size <= u : !0, m = f.filter(p);
+      if (f.length > 0 && m.length === 0) {
+        w == null || w({
+          code: "max_file_size",
+          message: "All files exceed the maximum size."
+        });
+        return;
+      }
+      j((y) => {
+        const _ = typeof x == "number" ? Math.max(0, x - y.length) : void 0, xe = typeof _ == "number" ? m.slice(0, _) : m;
+        typeof _ == "number" && m.length > _ && (w == null || w({
+          code: "max_files",
+          message: "Too many files. Some were not added."
+        }));
+        const Q = [];
+        for (const q of xe)
+          Q.push({
+            id: xt(),
+            type: "file",
+            url: URL.createObjectURL(q),
+            mediaType: q.type,
+            filename: q.name
+          });
+        return y.concat(Q);
+      });
+    },
+    [O, x, u, w]
+  ), T = d ? (r) => l.attachments.add(r) : G, B = d ? (r) => l.attachments.remove(r) : (r) => j((b) => {
+    const f = b.find((p) => p.id === r);
+    return f != null && f.url && URL.revokeObjectURL(f.url), b.filter((p) => p.id !== r);
+  }), E = d ? () => l.attachments.clear() : () => j((r) => {
+    for (const b of r)
+      b.url && URL.revokeObjectURL(b.url);
+    return [];
+  }), $ = d ? () => l.attachments.openFileDialog() : M;
+  L(() => {
+    d && l.__registerFileInput(h, () => {
+      var r;
+      return (r = h.current) == null ? void 0 : r.click();
+    });
+  }, [d, l]), L(() => {
+    i && h.current && I.length === 0 && (h.current.value = "");
+  }, [I, i]), L(() => {
+    const r = k.current;
+    if (!r) return;
+    const b = (p) => {
+      var m, y;
+      (y = (m = p.dataTransfer) == null ? void 0 : m.types) != null && y.includes("Files") && p.preventDefault();
+    }, f = (p) => {
+      var m, y, _;
+      (y = (m = p.dataTransfer) == null ? void 0 : m.types) != null && y.includes("Files") && p.preventDefault(), (_ = p.dataTransfer) != null && _.files && p.dataTransfer.files.length > 0 && T(p.dataTransfer.files);
+    };
+    return r.addEventListener("dragover", b), r.addEventListener("drop", f), () => {
+      r.removeEventListener("dragover", b), r.removeEventListener("drop", f);
+    };
+  }, [T]), L(() => {
+    if (!o) return;
+    const r = (f) => {
+      var p, m;
+      (m = (p = f.dataTransfer) == null ? void 0 : p.types) != null && m.includes("Files") && f.preventDefault();
+    }, b = (f) => {
+      var p, m, y;
+      (m = (p = f.dataTransfer) == null ? void 0 : p.types) != null && m.includes("Files") && f.preventDefault(), (y = f.dataTransfer) != null && y.files && f.dataTransfer.files.length > 0 && T(f.dataTransfer.files);
+    };
+    return document.addEventListener("dragover", r), document.addEventListener("drop", b), () => {
+      document.removeEventListener("dragover", r), document.removeEventListener("drop", b);
+    };
+  }, [T, o]), L(
+    () => () => {
+      if (!d)
+        for (const r of I)
+          r.url && URL.revokeObjectURL(r.url);
+    },
+    [d, I]
+  );
+  const ge = (r) => {
+    r.currentTarget.files && T(r.currentTarget.files);
+  }, he = async (r) => {
+    const f = await (await fetch(r)).blob();
+    return new Promise((p, m) => {
+      const y = new FileReader();
+      y.onloadend = () => p(y.result), y.onerror = m, y.readAsDataURL(f);
+    });
+  }, be = Ne(
+    () => ({
+      files: I.map((r) => ({ ...r, id: r.id })),
+      add: T,
+      remove: B,
+      clear: E,
+      openFileDialog: $,
+      fileInputRef: h
+    }),
+    [I, T, B, E, $]
+  ), ve = (r) => {
+    r.preventDefault();
+    const b = r.currentTarget, f = d ? l.textInput.value : new FormData(b).get("message") || "";
+    d || b.reset(), Promise.all(
+      I.map(async ({ id: p, ...m }) => m.url && m.url.startsWith("blob:") ? {
+        ...m,
+        url: await he(m.url)
+      } : m)
+    ).then((p) => {
+      try {
+        const m = S({ text: f, files: p }, r);
+        m instanceof Promise ? m.then(() => {
+          E(), d && l.textInput.clear();
+        }).catch(() => {
+        }) : (E(), d && l.textInput.clear());
+      } catch {
+      }
+    });
+  }, J = /* @__PURE__ */ g(ye, { children: [
+    /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "hidden", ref: D }),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        accept: t,
+        "aria-label": "Upload files",
+        className: "hidden",
+        multiple: n,
+        onChange: ge,
+        ref: h,
+        title: "Upload files",
+        type: "file"
+      }
+    ),
+    /* @__PURE__ */ a("form", { className: s("w-full", e), onSubmit: ve, ...A, children: /* @__PURE__ */ a(dt, { className: "overflow-hidden", children: C }) })
+  ] });
+  return d ? J : /* @__PURE__ */ a(fe.Provider, { value: be, children: J });
+}, Ct = ({
+  onChange: e,
+  className: t,
+  placeholder: n = "What would you like to know?",
+  ...o
+}) => {
+  const i = pe(), x = W(), [u, w] = U(!1), S = (l) => {
+    if (l.key === "Enter") {
+      if (u || l.nativeEvent.isComposing || l.shiftKey)
+        return;
+      l.preventDefault();
+      const d = l.currentTarget.form, h = d == null ? void 0 : d.querySelector('button[type="submit"]');
+      if (h != null && h.disabled)
+        return;
+      d == null || d.requestSubmit();
+    }
+    if (l.key === "Backspace" && l.currentTarget.value === "" && x.files.length > 0) {
+      l.preventDefault();
+      const d = x.files.at(-1);
+      d && x.remove(d.id);
+    }
+  }, C = (l) => {
+    var D;
+    const d = (D = l.clipboardData) == null ? void 0 : D.items;
+    if (!d)
+      return;
+    const h = [];
+    for (const k of d)
+      if (k.kind === "file") {
+        const z = k.getAsFile();
+        z && h.push(z);
+      }
+    h.length > 0 && (l.preventDefault(), x.add(h));
+  }, A = i ? {
+    value: i.textInput.value,
+    onChange: (l) => {
+      i.textInput.setInput(l.currentTarget.value), e == null || e(l);
+    }
+  } : {
+    onChange: e
+  };
+  return /* @__PURE__ */ a(
+    ut,
+    {
+      className: s("field-sizing-content max-h-48 min-h-16", t),
+      name: "message",
+      onCompositionEnd: () => w(!1),
+      onCompositionStart: () => w(!0),
+      onKeyDown: S,
+      onPaste: C,
+      placeholder: n,
+      ...o,
+      ...A
+    }
+  );
+}, zt = ({ className: e, ...t }) => /* @__PURE__ */ a(de, { align: "block-end", className: s("order-first flex-wrap gap-1", e), ...t }), Dt = ({ className: e, ...t }) => /* @__PURE__ */ a(de, { align: "block-end", className: s("justify-between gap-1", e), ...t }), Pt = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: s("flex items-center gap-1", e), ...t }), Y = ({ variant: e = "ghost", className: t, size: n, ...o }) => {
+  const i = n ?? (Ie.count(o.children) > 1 ? "sm" : "icon-sm");
+  return /* @__PURE__ */ a(ce, { className: s(t), size: i, type: "button", variant: e, ...o });
+}, Tt = (e) => /* @__PURE__ */ a(Qe, { ...e }), Lt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ a(Ze, { asChild: !0, children: /* @__PURE__ */ a(Y, { className: e, ...n, children: t ?? /* @__PURE__ */ a(Te, { className: "size-4" }) }) }), At = ({ className: e, ...t }) => /* @__PURE__ */ a(re, { align: "start", className: s(e), ...t }), jt = ({
+  className: e,
+  variant: t = "default",
+  size: n = "icon-sm",
+  status: o,
+  children: i,
+  ...x
+}) => {
+  let u = /* @__PURE__ */ a(Ae, { className: "size-4" });
+  return o === "submitted" ? u = /* @__PURE__ */ a(je, { className: "size-4 animate-spin" }) : o === "streaming" ? u = /* @__PURE__ */ a(_e, { className: "size-4" }) : o === "error" && (u = /* @__PURE__ */ a(ae, { className: "size-4" })), /* @__PURE__ */ a(
+    ce,
+    {
+      "aria-label": "Submit",
+      className: s(e),
+      size: n,
+      type: "submit",
+      variant: t,
+      ...x,
+      children: i ?? u
+    }
+  );
+}, _t = ({
+  className: e,
+  textareaRef: t,
+  onTranscriptionChange: n,
+  ...o
+}) => {
+  const [i, x] = U(!1), [u, w] = U(null), S = F(null);
+  L(() => {
+    if (typeof window < "u" && ("SpeechRecognition" in window || "webkitSpeechRecognition" in window)) {
+      const A = window.SpeechRecognition || window.webkitSpeechRecognition, l = new A();
+      l.continuous = !0, l.interimResults = !0, l.lang = "en-US", l.onstart = () => {
+        x(!0);
+      }, l.onend = () => {
+        x(!1);
+      }, l.onresult = (d) => {
+        var D;
+        let h = "";
+        for (let k = d.resultIndex; k < d.results.length; k++) {
+          const z = d.results[k];
+          z.isFinal && (h += ((D = z[0]) == null ? void 0 : D.transcript) ?? "");
+        }
+        if (h && (t != null && t.current)) {
+          const k = t.current, z = k.value, j = z + (z ? " " : "") + h;
+          k.value = j, k.dispatchEvent(new Event("input", { bubbles: !0 })), n == null || n(j);
+        }
+      }, l.onerror = (d) => {
+        console.error("Speech recognition error:", d.error), x(!1);
+      }, S.current = l, w(l);
+    }
+    return () => {
+      S.current && S.current.stop();
+    };
+  }, [t, n]);
+  const C = V(() => {
+    u && (i ? u.stop() : u.start());
+  }, [u, i]);
+  return /* @__PURE__ */ a(
+    Y,
+    {
+      className: s(
+        "relative transition-all duration-200",
+        i && "animate-pulse bg-accent text-accent-foreground",
+        e
+      ),
+      disabled: !u,
+      onClick: C,
+      ...o,
+      children: /* @__PURE__ */ a(Le, { className: "size-4" })
+    }
+  );
+}, Ut = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ a(st, { closeDelay: t, openDelay: e, ...n }), Mt = ({ align: e = "start", ...t }) => /* @__PURE__ */ a(ie, { align: e, ...t }), Bt = "chai-ai-selected-model", qt = ({
+  input: e,
+  setInput: t,
+  onSend: n,
+  onStop: o,
+  isLoading: i,
+  disabled: x,
+  selectedLang: u,
+  selectedModel: w = "google/gemini-2.5-flash",
+  onModelChange: S
+}) => {
+  const { t: C } = Oe(), [A, l] = U(w), [d, h] = U(null), D = F(null), [k, z] = U(!1);
+  return L(() => {
+    if (!u) {
+      const I = localStorage.getItem(Bt);
+      I && (l(I), S == null || S(I));
+    }
+  }, [u, S]), /* @__PURE__ */ a("div", { className: "relative", children: /* @__PURE__ */ a("div", { className: "border-gray-20 rounded-lg border", children: /* @__PURE__ */ g(Rt, { onSubmit: (I) => {
+    var G;
+    const M = I.files.find((T) => {
+      var B;
+      return (B = T.mediaType) == null ? void 0 : B.startsWith("image/");
+    }), O = (M == null ? void 0 : M.url) || d;
+    n((G = I.text) == null ? void 0 : G.trim(), void 0, O, A), h(null);
+  }, accept: "image/*", className: "flex h-auto w-full flex-col", children: [
+    /* @__PURE__ */ a(zt, { className: "p-0", children: /* @__PURE__ */ a(kt, { className: "pb-0", children: (I) => /* @__PURE__ */ a(It, { className: "text-xs", data: I }) }) }),
+    /* @__PURE__ */ a(
+      Ct,
+      {
+        ref: D,
+        value: e,
+        onChange: (I) => t(I.target.value),
+        placeholder: C(u ? "Ask to update content" : "Ask me anything..."),
+        disabled: i,
+        className: "max-h-[200px] min-h-[60px] w-full",
+        rows: 3
+      }
+    ),
+    /* @__PURE__ */ g(Dt, { children: [
+      u ? /* @__PURE__ */ a("div", {}) : /* @__PURE__ */ g(Pt, { children: [
+        /* @__PURE__ */ g(Tt, { children: [
+          /* @__PURE__ */ a(Lt, { disabled: i, children: /* @__PURE__ */ a(Ue, { size: 16 }) }),
+          /* @__PURE__ */ a(At, { children: /* @__PURE__ */ a(St, {}) })
+        ] }),
+        /* @__PURE__ */ a(
+          _t,
+          {
+            textareaRef: D,
+            onTranscriptionChange: t,
+            disabled: i
+          }
+        ),
+        /* @__PURE__ */ g(
+          Y,
+          {
+            className: "hidden",
+            size: "sm",
+            onClick: () => z(!k),
+            variant: k ? "default" : "ghost",
+            children: [
+              /* @__PURE__ */ a(Me, { size: 16 }),
+              /* @__PURE__ */ a("span", { children: "Search" })
+            ]
+          }
+        )
+      ] }),
+      i ? /* @__PURE__ */ g(
+        "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: C("Stop generation"),
+          children: [
+            /* @__PURE__ */ a(Be, { size: 16 }),
+            " ",
+            /* @__PURE__ */ a("span", { className: "text-xs", children: C("Stop") })
+          ]
+        }
+      ) : /* @__PURE__ */ a(jt, { disabled: !e.trim() || x, children: /* @__PURE__ */ a(Fe, { size: 16 }) })
+    ] })
+  ] }) }) });
+};
+export {
+  qt as default
+};