@foris/ai-agent 0.9.0 → 0.9.1-beta.2

package/dist/ai-agent.es.js

@@ -1,9 +1,2782 @@
-import { d as e, e as m, P as d, S as p } from "./index-gmzqSpwg.js";
-import "react";
-import "react-dom";
+var Ge = Object.defineProperty;
+var $e = (t, n, a) => n in t ? Ge(t, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[n] = a;
+var ue = (t, n, a) => ($e(t, typeof n != "symbol" ? n + "" : n, a), a);
+import { jsx as e, jsxs as l, Fragment as le } from "react/jsx-runtime";
+import We, { createContext as ee, useState as I, useContext as te, useRef as B, useEffect as z, memo as ne, isValidElement as Le, useMemo as ge, useCallback as Z, Fragment as Ze, Children as qe } from "react";
+import { Slot as Te } from "@radix-ui/react-slot";
+import { cva as oe } from "class-variance-authority";
+import { clsx as Je } from "clsx";
+import { twMerge as Ke } from "tailwind-merge";
+import "@radix-ui/react-separator";
+import "@radix-ui/react-tooltip";
+import { CheckIcon as Ve, CopyIcon as Ye, BrainIcon as Xe, ChevronDownIcon as ve, BookIcon as Qe, WrenchIcon as et, XCircleIcon as Se, CheckCircleIcon as Ne, ClockIcon as ke, CircleIcon as tt, PaperclipIcon as nt, XIcon as at, PlusIcon as rt, ImageIcon as ot, Minimize2 as st, Maximize2 as it } from "lucide-react";
+import { StreamdownContext as lt, Streamdown as De } from "streamdown";
+import { createHighlighterCore as ct } from "shiki/core";
+import { createJavaScriptRegexEngine as dt } from "shiki/engine/javascript";
+import { transformerNotationDiff as ut, transformerNotationHighlight as pt, transformerNotationErrorLevel as mt } from "@shikijs/transformers";
+import ht from "@shikijs/themes/one-light";
+import ft from "@shikijs/themes/one-dark-pro";
+import _t from "@shikijs/langs/json";
+import gt from "@shikijs/langs/typescript";
+import vt from "@shikijs/langs/javascript";
+import bt from "@shikijs/langs/markdown";
+import xt from "@shikijs/langs/html";
+import Ct from "@shikijs/langs/css";
+import yt from "@shikijs/langs/python";
+import Pt from "@shikijs/langs/yaml";
+import wt from "@shikijs/langs/rust";
+import St from "@shikijs/langs/go";
+import Nt from "@shikijs/langs/csharp";
+import kt from "@shikijs/langs/sql";
+import It from "@shikijs/langs/shellscript";
+import Lt from "@shikijs/langs/toml";
+import { useControllableState as Ie } from "@radix-ui/react-use-controllable-state";
+import * as be from "@radix-ui/react-collapsible";
+import { motion as Tt } from "motion/react";
+import "cmdk";
+import "@radix-ui/react-dialog";
+import * as ae from "@radix-ui/react-dropdown-menu";
+import * as ie from "@radix-ui/react-hover-card";
+import "@radix-ui/react-select";
+import { nanoid as Dt } from "nanoid";
+import { Icon as me } from "@foris/avocado-icons";
+import Mt from "react-markdown";
+import zt from "@uiw/react-codemirror";
+import { json as At } from "@codemirror/lang-json";
+function C(...t) {
+  return Ke(Je(t));
+}
+const Ot = oe(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function X({
+  className: t,
+  variant: n = "default",
+  size: a = "default",
+  asChild: s = !1,
+  ...i
+}) {
+  return /* @__PURE__ */ e(
+    s ? Te : "button",
+    {
+      "data-slot": "button",
+      "data-variant": n,
+      "data-size": a,
+      className: C(Ot({ variant: n, size: a, className: t })),
+      ...i
+    }
+  );
+}
+oe(
+  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+const Me = ee({
+  code: ""
+}), Ut = {
+  name: "line-numbers",
+  line(t, n) {
+    t.children.unshift({
+      type: "element",
+      tagName: "span",
+      properties: {
+        className: [
+          "inline-block",
+          "min-w-10",
+          "mr-4",
+          "text-right",
+          "select-none",
+          "text-muted-foreground"
+        ]
+      },
+      children: [{ type: "text", value: String(n) }]
+    });
+  }
+}, Bt = ct({
+  themes: [ht, ft],
+  langs: [
+    _t,
+    gt,
+    vt,
+    bt,
+    xt,
+    Ct,
+    yt,
+    Pt,
+    wt,
+    St,
+    Nt,
+    kt,
+    It,
+    Lt
+  ],
+  engine: dt()
+}), Rt = {
+  py: "python",
+  yml: "yaml",
+  js: "javascript",
+  ts: "typescript",
+  md: "markdown",
+  rs: "rust",
+  cs: "csharp",
+  sh: "shellscript",
+  bash: "shellscript"
+};
+function Et(t) {
+  return Rt[t] ?? t;
+}
+async function Ht(t, n, a = !1) {
+  const s = await Bt, i = Et(n), p = [
+    ut(),
+    pt(),
+    mt(),
+    ...a ? [Ut] : []
+  ];
+  return await Promise.all([
+    s.codeToHtml(t, {
+      lang: i,
+      theme: "one-light",
+      transformers: p
+    }),
+    s.codeToHtml(t, {
+      lang: i,
+      theme: "one-dark-pro",
+      transformers: p
+    })
+  ]);
+}
+const re = ({
+  code: t,
+  language: n,
+  showLineNumbers: a = !1,
+  className: s,
+  children: i,
+  ...p
+}) => {
+  const [h, u] = I(""), [f, _] = I(""), c = B(!1);
+  return z(() => (Ht(t, n, a).then(([o, r]) => {
+    c.current || (u(o), _(r), c.current = !0);
+  }), () => {
+    c.current = !1;
+  }), [t, n, a]), /* @__PURE__ */ e(Me.Provider, { value: { code: t }, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: C(
+        "group relative w-full overflow-hidden rounded-md bg-background text-foreground",
+        s
+      ),
+      ...p,
+      children: /* @__PURE__ */ l("div", { className: "relative", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "overflow-auto dark:hidden [&>pre]:m-0 [&>pre]:bg-background [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
+            dangerouslySetInnerHTML: { __html: h }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "hidden overflow-auto dark:block [&>pre]:m-0 [&>pre]:bg-background [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
+            dangerouslySetInnerHTML: { __html: f }
+          }
+        ),
+        i && /* @__PURE__ */ e("div", { className: "absolute top-2 right-2 flex items-center gap-2", children: i })
+      ] })
+    }
+  ) });
+}, jt = ({
+  onCopy: t,
+  onError: n,
+  timeout: a = 2e3,
+  children: s,
+  className: i,
+  ...p
+}) => {
+  const [h, u] = I(!1), { code: f } = te(Me), _ = async () => {
+    var o;
+    if (typeof window > "u" || !((o = navigator == null ? void 0 : navigator.clipboard) != null && o.writeText)) {
+      n == null || n(new Error("Clipboard API not available"));
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(f), u(!0), t == null || t(), setTimeout(() => u(!1), a);
+    } catch (r) {
+      n == null || n(r);
+    }
+  }, c = h ? Ve : Ye;
+  return /* @__PURE__ */ e(
+    X,
+    {
+      className: C("shrink-0", i),
+      onClick: _,
+      size: "icon",
+      variant: "ghost",
+      ...p,
+      children: s ?? /* @__PURE__ */ e(c, { size: 14 })
+    }
+  );
+}, Ft = /language-(\S+)/, Gt = /* @__PURE__ */ new Set([
+  "json",
+  "typescript",
+  "ts",
+  "javascript",
+  "js",
+  "markdown",
+  "md",
+  "html",
+  "css",
+  "python",
+  "py",
+  "yaml",
+  "yml",
+  "rust",
+  "rs",
+  "go",
+  "csharp",
+  "cs",
+  "sql",
+  "shellscript",
+  "sh",
+  "bash",
+  "toml"
+]);
+function $t(t) {
+  const n = t.toLowerCase();
+  return Gt.has(n) ? n : "markdown";
+}
+function he(t) {
+  var n;
+  return typeof t == "string" ? t : Le(t) && ((n = t.props) == null ? void 0 : n.children) != null ? he(t.props.children) : Array.isArray(t) ? t.map(he).join("") : "";
+}
+const xe = ne(
+  ({ node: t, className: n, children: a, ...s }) => {
+    var m, g, v, P;
+    const i = (g = (m = t == null ? void 0 : t.position) == null ? void 0 : m.start) == null ? void 0 : g.line, p = (P = (v = t == null ? void 0 : t.position) == null ? void 0 : v.end) == null ? void 0 : P.line;
+    if (i != null && p != null && i === p)
+      return /* @__PURE__ */ e(
+        "code",
+        {
+          className: C(
+            "rounded bg-muted px-1.5 py-0.5 font-mono text-sm",
+            n
+          ),
+          "data-streamdown": "inline-code",
+          ...s,
+          children: a
+        }
+      );
+    const u = n == null ? void 0 : n.match(Ft), f = $t(
+      (u == null ? void 0 : u[1]) ?? "text"
+    ), _ = he(a), { controls: c, isAnimating: o } = te(lt), r = typeof c == "boolean" ? c : (c == null ? void 0 : c.code) !== !1;
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        className: C(
+          "my-4 w-full overflow-hidden rounded-xl border border-border",
+          n
+        ),
+        "data-language": f,
+        "data-streamdown": "code-block",
+        style: {
+          contentVisibility: "auto",
+          containIntrinsicSize: "auto 200px"
+        },
+        children: [
+          r && /* @__PURE__ */ l(
+            "div",
+            {
+              className: "flex items-center justify-between bg-muted/80 p-3 text-muted-foreground text-xs",
+              "data-language": f,
+              "data-streamdown": "code-block-header",
+              children: [
+                /* @__PURE__ */ e("span", { className: "ml-1 font-mono lowercase", children: f }),
+                /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(jt, { disabled: o }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            re,
+            {
+              className: "overflow-x-auto border-border border-t",
+              code: _,
+              language: f
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+xe.displayName = "StreamdownCode";
+const Wt = ({ className: t, from: n, ...a }) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: C(
+      "message-box group flex w-full max-w-[95%] flex-col gap-2",
+      n === "user" ? "is-user ml-auto justify-end" : "is-assistant",
+      t
+    ),
+    ...a
+  }
+), Zt = ({
+  children: t,
+  className: n,
+  ...a
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: C(
+      "message-content is-user:dark flex w-fit max-w-full min-w-0 flex-col gap-2 overflow-hidden text-sm",
+      "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground",
+      "group-[.is-assistant]:text-foreground",
+      n
+    ),
+    ...a,
+    children: t
+  }
+);
+ee(
+  null
+);
+const fe = ne(
+  ({ className: t, ...n }) => /* @__PURE__ */ e(
+    De,
+    {
+      className: C(
+        "message-response size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+        t
+      ),
+      components: { code: xe },
+      ...n
+    }
+  ),
+  (t, n) => t.children === n.children
+);
+fe.displayName = "MessageResponse";
+function Ce({
+  ...t
+}) {
+  return /* @__PURE__ */ e(be.Root, { "data-slot": "collapsible", ...t });
+}
+function ye({
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    be.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...t
+    }
+  );
+}
+function Pe({
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    be.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...t
+    }
+  );
+}
+const qt = ({
+  children: t,
+  as: n = "p",
+  className: a,
+  duration: s = 2,
+  spread: i = 2
+}) => {
+  const p = Tt.create(
+    n
+  ), h = ge(
+    () => ((t == null ? void 0 : t.length) ?? 0) * i,
+    [t, i]
+  );
+  return /* @__PURE__ */ e(
+    p,
+    {
+      animate: { backgroundPosition: "0% center" },
+      className: C(
+        "relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent",
+        "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
+        a
+      ),
+      initial: { backgroundPosition: "100% center" },
+      style: {
+        "--spread": `${h}px`,
+        backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
+      },
+      transition: {
+        repeat: Number.POSITIVE_INFINITY,
+        duration: s,
+        ease: "linear"
+      },
+      children: t
+    }
+  );
+}, Jt = ne(qt), ze = ee(null), Kt = () => {
+  const t = te(ze);
+  if (!t)
+    throw new Error("Reasoning components must be used within Reasoning");
+  return t;
+}, Vt = 1e3, Yt = 1e3, Ae = ne(
+  ({
+    className: t,
+    isStreaming: n = !1,
+    open: a,
+    defaultOpen: s = !0,
+    onOpenChange: i,
+    duration: p,
+    children: h,
+    ...u
+  }) => {
+    const [f, _] = Ie({
+      prop: a,
+      defaultProp: s,
+      onChange: i
+    }), [c, o] = Ie({
+      prop: p,
+      defaultProp: void 0
+    }), [r, m] = I(!1), [g, v] = I(null);
+    z(() => {
+      n ? g === null && v(Date.now()) : g !== null && (o(Math.ceil((Date.now() - g) / Yt)), v(null));
+    }, [n, g, o]), z(() => {
+      if (s && !n && f && !r) {
+        const w = setTimeout(() => {
+          _(!1), m(!0);
+        }, Vt);
+        return () => clearTimeout(w);
+      }
+    }, [n, f, s, _, r]);
+    const P = (w) => {
+      _(w);
+    };
+    return /* @__PURE__ */ e(
+      ze.Provider,
+      {
+        value: { isStreaming: n, isOpen: f, setIsOpen: _, duration: c },
+        children: /* @__PURE__ */ e(
+          Ce,
+          {
+            className: C("not-prose mb-4", t),
+            onOpenChange: P,
+            open: f,
+            ...u,
+            children: h
+          }
+        )
+      }
+    );
+  }
+), Xt = (t, n) => t || n === 0 ? /* @__PURE__ */ e(Jt, { duration: 1, children: "Thinking..." }) : n === void 0 ? /* @__PURE__ */ e("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ l("p", { children: [
+  "Thought for ",
+  n,
+  " seconds"
+] }), Oe = ne(
+  ({ className: t, children: n, getThinkingMessage: a = Xt, ...s }) => {
+    const { isStreaming: i, isOpen: p, duration: h } = Kt();
+    return /* @__PURE__ */ e(
+      ye,
+      {
+        className: C(
+          "flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",
+          t
+        ),
+        ...s,
+        children: n ?? /* @__PURE__ */ l(le, { children: [
+          /* @__PURE__ */ e(Xe, { className: "size-4" }),
+          a(i, h),
+          /* @__PURE__ */ e(
+            ve,
+            {
+              className: C(
+                "size-4 transition-transform",
+                p ? "rotate-180" : "rotate-0"
+              )
+            }
+          )
+        ] })
+      }
+    );
+  }
+), Ue = ne(
+  ({ className: t, children: n, ...a }) => /* @__PURE__ */ e(
+    Pe,
+    {
+      className: C(
+        "mt-4 text-sm",
+        "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e(De, { components: { code: xe }, ...a, children: n })
+    }
+  )
+);
+Ae.displayName = "Reasoning";
+Oe.displayName = "ReasoningTrigger";
+Ue.displayName = "ReasoningContent";
+const Qt = ({ className: t, ...n }) => /* @__PURE__ */ e(
+  Ce,
+  {
+    className: C("not-prose mb-4 text-primary text-xs", t),
+    ...n
+  }
+), en = ({
+  className: t,
+  count: n,
+  children: a,
+  ...s
+}) => /* @__PURE__ */ e(
+  ye,
+  {
+    className: C("flex items-center gap-2", t),
+    ...s,
+    children: a ?? /* @__PURE__ */ l(le, { children: [
+      /* @__PURE__ */ l("p", { className: "font-medium", children: [
+        "Used ",
+        n,
+        " sources"
+      ] }),
+      /* @__PURE__ */ e(ve, { className: "h-4 w-4" })
+    ] })
+  }
+), tn = ({
+  className: t,
+  ...n
+}) => /* @__PURE__ */ e(
+  Pe,
+  {
+    className: C(
+      "mt-3 flex w-fit flex-col gap-2",
+      "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+      t
+    ),
+    ...n
+  }
+), nn = ({ href: t, title: n, children: a, ...s }) => /* @__PURE__ */ e(
+  "a",
+  {
+    className: "flex items-center gap-2",
+    href: t,
+    rel: "noreferrer",
+    target: "_blank",
+    ...s,
+    children: a ?? /* @__PURE__ */ l(le, { children: [
+      /* @__PURE__ */ e(Qe, { className: "h-4 w-4" }),
+      /* @__PURE__ */ e("span", { className: "block font-medium", children: n })
+    ] })
+  }
+), an = oe(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function rn({
+  className: t,
+  variant: n,
+  asChild: a = !1,
+  ...s
+}) {
+  return /* @__PURE__ */ e(
+    a ? Te : "span",
+    {
+      "data-slot": "badge",
+      className: C(an({ variant: n }), t),
+      ...s
+    }
+  );
+}
+const on = ({ className: t, ...n }) => /* @__PURE__ */ e(
+  Ce,
+  {
+    className: C("not-prose mb-4 w-full rounded-md border", t),
+    ...n
+  }
+), sn = (t) => {
+  const n = {
+    "input-streaming": "Pending",
+    "input-available": "Running",
+    // @ts-expect-error state only available in AI SDK v6
+    "approval-requested": "Awaiting Approval",
+    "approval-responded": "Responded",
+    "output-available": "Completed",
+    "output-error": "Error",
+    "output-denied": "Denied"
+  };
+  return /* @__PURE__ */ l(rn, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [
+    {
+      "input-streaming": /* @__PURE__ */ e(tt, { className: "size-4" }),
+      "input-available": /* @__PURE__ */ e(ke, { className: "size-4 animate-pulse" }),
+      // @ts-expect-error state only available in AI SDK v6
+      "approval-requested": /* @__PURE__ */ e(ke, { className: "size-4 text-yellow-600" }),
+      "approval-responded": /* @__PURE__ */ e(Ne, { className: "size-4 text-blue-600" }),
+      "output-available": /* @__PURE__ */ e(Ne, { className: "size-4 text-green-600" }),
+      "output-error": /* @__PURE__ */ e(Se, { className: "size-4 text-red-600" }),
+      "output-denied": /* @__PURE__ */ e(Se, { className: "size-4 text-orange-600" })
+    }[t],
+    n[t]
+  ] });
+}, ln = ({
+  className: t,
+  title: n,
+  type: a,
+  state: s,
+  ...i
+}) => /* @__PURE__ */ l(
+  ye,
+  {
+    className: C(
+      "flex w-full items-center justify-between gap-4 p-3",
+      t
+    ),
+    ...i,
+    children: [
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(et, { className: "size-4 text-muted-foreground" }),
+        /* @__PURE__ */ e("span", { className: "font-medium text-sm", children: n ?? a.split("-").slice(1).join("-") }),
+        sn(s)
+      ] }),
+      /* @__PURE__ */ e(ve, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
+    ]
+  }
+), cn = ({ className: t, ...n }) => /* @__PURE__ */ e(
+  Pe,
+  {
+    className: C(
+      "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+      t
+    ),
+    ...n
+  }
+), dn = ({ className: t, input: n, ...a }) => /* @__PURE__ */ l("div", { className: C("space-y-2 overflow-hidden p-4", t), ...a, children: [
+  /* @__PURE__ */ e("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }),
+  /* @__PURE__ */ e("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ e(re, { code: JSON.stringify(n, null, 2), language: "json" }) })
+] }), un = ({
+  className: t,
+  output: n,
+  errorText: a,
+  ...s
+}) => {
+  if (!(n || a))
+    return null;
+  let i = /* @__PURE__ */ e("div", { children: n });
+  return typeof n == "object" && !Le(n) ? i = /* @__PURE__ */ e(re, { code: JSON.stringify(n, null, 2), language: "json" }) : typeof n == "string" && (i = /* @__PURE__ */ e(re, { code: n, language: "json" })), /* @__PURE__ */ l("div", { className: C("space-y-2 p-4", t), ...s, children: [
+    /* @__PURE__ */ e("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: a ? "Error" : "Result" }),
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: C(
+          "overflow-x-auto rounded-md text-xs [&_table]:w-full",
+          a ? "bg-destructive/10 text-destructive" : "success-result bg-muted/50 text-foreground"
+        ),
+        children: [
+          a && /* @__PURE__ */ e("div", { children: a }),
+          i
+        ]
+      }
+    )
+  ] });
+};
+function pn({
+  ...t
+}) {
+  return /* @__PURE__ */ e(ae.Root, { "data-slot": "dropdown-menu", ...t });
+}
+function mn({
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    ae.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...t
+    }
+  );
+}
+function hn({
+  className: t,
+  sideOffset: n = 4,
+  ...a
+}) {
+  return /* @__PURE__ */ e(ae.Portal, { children: /* @__PURE__ */ e(
+    ae.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset: n,
+      className: C(
+        "bg-popover text-popover-foreground 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        t
+      ),
+      ...a
+    }
+  ) });
+}
+function fn({
+  className: t,
+  inset: n,
+  variant: a = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ e(
+    ae.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": n,
+      "data-variant": a,
+      className: C(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...s
+    }
+  );
+}
+function _n({
+  ...t
+}) {
+  return /* @__PURE__ */ e(ie.Root, { "data-slot": "hover-card", ...t });
+}
+function gn({
+  ...t
+}) {
+  return /* @__PURE__ */ e(ie.Trigger, { "data-slot": "hover-card-trigger", ...t });
+}
+function vn({
+  className: t,
+  align: n = "center",
+  sideOffset: a = 4,
+  ...s
+}) {
+  return /* @__PURE__ */ e(ie.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ e(
+    ie.Content,
+    {
+      "data-slot": "hover-card-content",
+      align: n,
+      sideOffset: a,
+      className: C(
+        "bg-popover text-popover-foreground 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 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        t
+      ),
+      ...s
+    }
+  ) });
+}
+function bn({ className: t, type: n, ...a }) {
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      type: n,
+      "data-slot": "input",
+      className: C(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function xn({ className: t, ...n }) {
+  return /* @__PURE__ */ e(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: C(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        t
+      ),
+      ...n
+    }
+  );
+}
+function Cn({ className: t, ...n }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: C(
+        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
+        "h-9 min-w-0 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]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
+        // 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",
+        t
+      ),
+      ...n
+    }
+  );
+}
+const yn = oe(
+  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  {
+    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.45rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function Be({
+  className: t,
+  align: n = "inline-start",
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": n,
+      className: C(yn({ align: n }), t),
+      onClick: (s) => {
+        var i, p;
+        s.target.closest("button") || (p = (i = s.currentTarget.parentElement) == null ? void 0 : i.querySelector("input")) == null || p.focus();
+      },
+      ...a
+    }
+  );
+}
+const Pn = oe(
+  " input-group-button text-sm shadow-none flex gap-2 items-center",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+        sm: "h-8 px-2.5 gap-1.5 rounded-md 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 wn({
+  className: t,
+  type: n = "button",
+  variant: a = "ghost",
+  size: s = "xs",
+  ...i
+}) {
+  return /* @__PURE__ */ e(
+    X,
+    {
+      type: n,
+      "data-size": s,
+      variant: a,
+      className: C(Pn({ size: s }), t),
+      ...i
+    }
+  );
+}
+function Sn({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e(
+    xn,
+    {
+      "data-slot": "input-group-control",
+      className: C(
+        "input-group-textarea flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        t
+      ),
+      ...n
+    }
+  );
+}
+const Nn = ee(
+  null
+), kn = ee(
+  null
+), Re = () => te(Nn), In = () => te(kn), Ee = ee(null), ce = () => {
+  const t = In(), n = te(Ee), a = t ?? n;
+  if (!a)
+    throw new Error(
+      "usePromptInputAttachments must be used within a PromptInput or PromptInputProvider"
+    );
+  return a;
+};
+function Ln({
+  data: t,
+  className: n,
+  ...a
+}) {
+  var f;
+  const s = ce(), i = t.filename || "", h = ((f = t.mediaType) != null && f.startsWith("image/") && t.url ? "image" : "file") === "image", u = i || (h ? "Image" : "Attachment");
+  return /* @__PURE__ */ l(jn, { children: [
+    /* @__PURE__ */ e(gn, { asChild: !0, children: /* @__PURE__ */ l(
+      "div",
+      {
+        className: C(
+          "group relative flex h-8 cursor-pointer select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+          n
+        ),
+        ...a,
+        children: [
+          /* @__PURE__ */ l("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: h ? /* @__PURE__ */ e(
+              "img",
+              {
+                alt: i || "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(nt, { className: "size-3" }) }) }),
+            /* @__PURE__ */ l(
+              X,
+              {
+                "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: (_) => {
+                  _.stopPropagation(), s.remove(t.id);
+                },
+                type: "button",
+                variant: "ghost",
+                children: [
+                  /* @__PURE__ */ e(at, {}),
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: "Remove" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: u })
+        ]
+      },
+      t.id
+    ) }),
+    /* @__PURE__ */ e(Fn, { className: "w-auto p-2", children: /* @__PURE__ */ l("div", { className: "w-auto space-y-3", children: [
+      h && /* @__PURE__ */ e("div", { className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border", children: /* @__PURE__ */ e(
+        "img",
+        {
+          alt: i || "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__ */ l("div", { className: "min-w-0 flex-1 space-y-1 px-0.5", children: [
+        /* @__PURE__ */ e("h4", { className: "truncate font-semibold text-sm leading-none", children: i || (h ? "Image" : "Attachment") }),
+        t.mediaType && /* @__PURE__ */ e("p", { className: "truncate font-mono text-muted-foreground text-xs", children: t.mediaType })
+      ] }) })
+    ] }) })
+  ] });
+}
+function Tn({
+  children: t,
+  className: n,
+  ...a
+}) {
+  const s = ce();
+  return s.files.length ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: C("flex flex-wrap items-center gap-2 p-3 w-full", n),
+      ...a,
+      children: s.files.map((i) => /* @__PURE__ */ e(Ze, { children: t(i) }, i.id))
+    }
+  ) : null;
+}
+const Dn = ({
+  label: t = "Add photos or files",
+  ...n
+}) => {
+  const a = ce();
+  return /* @__PURE__ */ l(
+    fn,
+    {
+      ...n,
+      onSelect: (s) => {
+        s.preventDefault(), a.openFileDialog();
+      },
+      children: [
+        /* @__PURE__ */ e(ot, { className: "mr-2 size-4" }),
+        " ",
+        t
+      ]
+    }
+  );
+}, Mn = ({
+  className: t,
+  accept: n,
+  multiple: a,
+  globalDrop: s,
+  syncHiddenInput: i,
+  maxFiles: p,
+  maxFileSize: h,
+  onError: u,
+  onSubmit: f,
+  children: _,
+  ...c
+}) => {
+  const o = Re(), r = !!o, m = B(null), g = B(null), [v, P] = I([]), w = r ? o.attachments.files : v, x = B(w);
+  x.current = w;
+  const U = Z(() => {
+    var b;
+    (b = m.current) == null || b.click();
+  }, []), G = Z(
+    (b) => !n || n.trim() === "" ? !0 : n.split(",").map((S) => S.trim()).filter(Boolean).some((S) => {
+      if (S.endsWith("/*")) {
+        const N = S.slice(0, -1);
+        return b.type.startsWith(N);
+      }
+      return b.type === S;
+    }),
+    [n]
+  ), K = Z(
+    (b) => {
+      const D = Array.from(b), S = D.filter((M) => G(M));
+      if (D.length && S.length === 0) {
+        u == null || u({
+          code: "accept",
+          message: "No files match the accepted types."
+        });
+        return;
+      }
+      const N = (M) => h ? M.size <= h : !0, y = S.filter(N);
+      if (S.length > 0 && y.length === 0) {
+        u == null || u({
+          code: "max_file_size",
+          message: "All files exceed the maximum size."
+        });
+        return;
+      }
+      P((M) => {
+        const W = typeof p == "number" ? Math.max(0, p - M.length) : void 0, de = typeof W == "number" ? y.slice(0, W) : y;
+        typeof W == "number" && y.length > W && (u == null || u({
+          code: "max_files",
+          message: "Too many files. Some were not added."
+        }));
+        const se = [];
+        for (const Q of de)
+          se.push({
+            id: Dt(),
+            type: "file",
+            url: URL.createObjectURL(Q),
+            mediaType: Q.type,
+            filename: Q.name
+          });
+        return M.concat(se);
+      });
+    },
+    [G, p, h, u]
+  ), A = Z(
+    (b) => P((D) => {
+      const S = D.find((N) => N.id === b);
+      return S != null && S.url && URL.revokeObjectURL(S.url), D.filter((N) => N.id !== b);
+    }),
+    []
+  ), R = Z(
+    () => P((b) => {
+      for (const D of b)
+        D.url && URL.revokeObjectURL(D.url);
+      return [];
+    }),
+    []
+  ), T = r ? o.attachments.add : K, j = r ? o.attachments.remove : A, V = r ? o.attachments.clear : R, d = r ? o.attachments.openFileDialog : U;
+  z(() => {
+    r && o.__registerFileInput(m, () => {
+      var b;
+      return (b = m.current) == null ? void 0 : b.click();
+    });
+  }, [r, o]), z(() => {
+    i && m.current && w.length === 0 && (m.current.value = "");
+  }, [w, i]), z(() => {
+    const b = g.current;
+    if (!b || s)
+      return;
+    const D = (N) => {
+      var y, M;
+      (M = (y = N.dataTransfer) == null ? void 0 : y.types) != null && M.includes("Files") && N.preventDefault();
+    }, S = (N) => {
+      var y, M, W;
+      (M = (y = N.dataTransfer) == null ? void 0 : y.types) != null && M.includes("Files") && N.preventDefault(), (W = N.dataTransfer) != null && W.files && N.dataTransfer.files.length > 0 && T(N.dataTransfer.files);
+    };
+    return b.addEventListener("dragover", D), b.addEventListener("drop", S), () => {
+      b.removeEventListener("dragover", D), b.removeEventListener("drop", S);
+    };
+  }, [T, s]), z(() => {
+    if (!s)
+      return;
+    const b = (S) => {
+      var N, y;
+      (y = (N = S.dataTransfer) == null ? void 0 : N.types) != null && y.includes("Files") && S.preventDefault();
+    }, D = (S) => {
+      var N, y, M;
+      (y = (N = S.dataTransfer) == null ? void 0 : N.types) != null && y.includes("Files") && S.preventDefault(), (M = S.dataTransfer) != null && M.files && S.dataTransfer.files.length > 0 && T(S.dataTransfer.files);
+    };
+    return document.addEventListener("dragover", b), document.addEventListener("drop", D), () => {
+      document.removeEventListener("dragover", b), document.removeEventListener("drop", D);
+    };
+  }, [T, s]), z(
+    () => () => {
+      if (!r)
+        for (const b of x.current)
+          b.url && URL.revokeObjectURL(b.url);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- cleanup only on unmount; filesRef always current
+    [r]
+  );
+  const O = (b) => {
+    b.currentTarget.files && T(b.currentTarget.files), b.currentTarget.value = "";
+  }, E = async (b) => {
+    try {
+      const S = await (await fetch(b)).blob();
+      return new Promise((N) => {
+        const y = new FileReader();
+        y.onloadend = () => N(y.result), y.onerror = () => N(null), y.readAsDataURL(S);
+      });
+    } catch {
+      return null;
+    }
+  }, H = ge(
+    () => ({
+      files: w.map((b) => ({ ...b, id: b.id })),
+      add: T,
+      remove: j,
+      clear: V,
+      openFileDialog: d,
+      fileInputRef: m
+    }),
+    [w, T, j, V, d]
+  ), Y = (b) => {
+    b.preventDefault();
+    const D = b.currentTarget, S = r ? o.textInput.value : new FormData(D).get("message") || "";
+    r || D.reset(), Promise.all(
+      w.map(async ({ id: N, ...y }) => {
+        if (y.url && y.url.startsWith("blob:")) {
+          const M = await E(y.url);
+          return {
+            ...y,
+            url: M ?? y.url
+          };
+        }
+        return y;
+      })
+    ).then((N) => {
+      try {
+        const y = f({ text: S, files: N }, b);
+        y instanceof Promise ? y.then(() => {
+          V(), r && o.textInput.clear();
+        }).catch(() => {
+        }) : (V(), r && o.textInput.clear());
+      } catch {
+      }
+    }).catch(() => {
+    });
+  }, q = /* @__PURE__ */ l(le, { children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        accept: n,
+        "aria-label": "Upload files",
+        className: "hidden",
+        multiple: a,
+        onChange: O,
+        ref: m,
+        title: "Upload files",
+        type: "file"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "form",
+      {
+        className: C("w-full", t),
+        onSubmit: Y,
+        ref: g,
+        ...c,
+        children: /* @__PURE__ */ e(Cn, { className: "overflow-hidden", children: _ })
+      }
+    )
+  ] });
+  return r ? q : /* @__PURE__ */ e(Ee.Provider, { value: H, children: q });
+}, zn = ({
+  className: t,
+  ...n
+}) => /* @__PURE__ */ e("div", { className: C("contents", t), ...n }), An = ({
+  onChange: t,
+  className: n,
+  placeholder: a = "What would you like to know?",
+  ...s
+}) => {
+  const i = Re(), p = ce(), [h, u] = I(!1), f = (o) => {
+    if (o.key === "Enter") {
+      if (h || o.nativeEvent.isComposing || o.shiftKey)
+        return;
+      o.preventDefault();
+      const r = o.currentTarget.form, m = r == null ? void 0 : r.querySelector(
+        'button[type="submit"]'
+      );
+      if (m != null && m.disabled)
+        return;
+      r == null || r.requestSubmit();
+    }
+    if (o.key === "Backspace" && o.currentTarget.value === "" && p.files.length > 0) {
+      o.preventDefault();
+      const r = p.files.at(-1);
+      r && p.remove(r.id);
+    }
+  }, _ = (o) => {
+    var g;
+    const r = (g = o.clipboardData) == null ? void 0 : g.items;
+    if (!r)
+      return;
+    const m = [];
+    for (const v of r)
+      if (v.kind === "file") {
+        const P = v.getAsFile();
+        P && m.push(P);
+      }
+    m.length > 0 && (o.preventDefault(), p.add(m));
+  }, c = i ? {
+    value: i.textInput.value,
+    onChange: (o) => {
+      i.textInput.setInput(o.currentTarget.value), t == null || t(o);
+    }
+  } : {
+    onChange: t
+  };
+  return /* @__PURE__ */ e(
+    Sn,
+    {
+      className: C("field-sizing-content max-h-48 min-h-16", n),
+      name: "message",
+      onCompositionEnd: () => u(!1),
+      onCompositionStart: () => u(!0),
+      onKeyDown: f,
+      onPaste: _,
+      placeholder: a,
+      ...s,
+      ...c
+    }
+  );
+}, On = ({
+  className: t,
+  ...n
+}) => /* @__PURE__ */ e(
+  Be,
+  {
+    align: "block-end",
+    className: C("order-first flex-wrap gap-1", t),
+    ...n
+  }
+), Un = ({
+  className: t,
+  ...n
+}) => /* @__PURE__ */ e(
+  Be,
+  {
+    align: "block-end",
+    className: C("justify-between gap-1", t),
+    ...n
+  }
+), Bn = ({
+  variant: t = "ghost",
+  className: n,
+  size: a,
+  ...s
+}) => {
+  const i = a ?? (qe.count(s.children) > 1 ? "sm" : "icon-sm");
+  return /* @__PURE__ */ e(
+    wn,
+    {
+      className: C(n),
+      size: i,
+      type: "button",
+      variant: t,
+      ...s
+    }
+  );
+}, Rn = (t) => /* @__PURE__ */ e(pn, { ...t }), En = ({
+  className: t,
+  children: n,
+  ...a
+}) => /* @__PURE__ */ e(mn, { asChild: !0, children: /* @__PURE__ */ e(Bn, { className: t, ...a, children: n ?? /* @__PURE__ */ e(rt, { className: "size-4" }) }) }), Hn = ({
+  className: t,
+  ...n
+}) => /* @__PURE__ */ e(hn, { align: "start", className: C(t), ...n }), jn = ({
+  openDelay: t = 0,
+  closeDelay: n = 0,
+  ...a
+}) => /* @__PURE__ */ e(_n, { closeDelay: n, openDelay: t, ...a }), Fn = ({
+  align: t = "start",
+  ...n
+}) => /* @__PURE__ */ e(vn, { align: t, ...n });
+class we {
+  constructor(n, a) {
+    ue(this, "api");
+    ue(this, "headers", {
+      "Content-Type": "application/json"
+    });
+    this.api = n, this.headers = a ?? this.headers;
+  }
+  post(n) {
+    return fetch(this.api, {
+      method: "POST",
+      headers: this.headers,
+      body: JSON.stringify(n)
+    });
+  }
+  put(n) {
+    return fetch(this.api, {
+      method: "PUT",
+      headers: this.headers,
+      body: JSON.stringify(n)
+    });
+  }
+}
+const He = (t) => {
+  let n = !1;
+  const a = (c) => {
+    t((o) => {
+      const r = o[o.length - 1];
+      return (r == null ? void 0 : r.role) !== "assistant" ? o : [...o.slice(0, -1), c(r)];
+    });
+  }, s = (c) => {
+    c && t((o) => {
+      var m;
+      const r = o[o.length - 1];
+      return n && (r == null ? void 0 : r.role) === "assistant" && ((m = r == null ? void 0 : r.tool) == null ? void 0 : m.result) !== void 0 ? (n = !1, [...o, { role: "assistant", content: c }]) : (r == null ? void 0 : r.role) === "assistant" && (r != null && r.tool) && !r.tool.result ? o : (r == null ? void 0 : r.role) === "assistant" ? [
+        ...o.slice(0, -1),
+        { ...r, content: r.content + c }
+      ] : [...o, { role: "assistant", content: c }];
+    });
+  }, i = (c) => {
+    t((o) => {
+      const r = o[o.length - 1], m = {
+        tool: c.tool,
+        input: c.input
+      };
+      return (r == null ? void 0 : r.role) === "assistant" ? [...o.slice(0, -1), { ...r, tool: m }] : [...o, { role: "assistant", content: "", tool: m }];
+    });
+  }, p = (c) => {
+    n = !0, a((o) => ({
+      ...o,
+      tool: {
+        ...o.tool,
+        result: c.result
+      }
+    }));
+  }, h = (c) => (c == null ? void 0 : c.type) === "message_chunk" ? c.content : "", u = (c) => {
+    const o = c == null ? void 0 : c.type;
+    if (o === "tool_call") {
+      i(c);
+      return;
+    }
+    if (o === "tool_result") {
+      p(c);
+      return;
+    }
+    const r = h(c);
+    r && s(r);
+  }, f = (c) => {
+    const o = c.trim();
+    return !o || o.startsWith(":") || o.startsWith("event:") ? null : o === "[DONE]" ? "[DONE]" : o.startsWith("data:") ? o.slice(5).trim() : o;
+  };
+  return {
+    splitChunks: async (c) => {
+      if (!c.body)
+        return;
+      n = !1;
+      const o = c.body.getReader(), r = new TextDecoder();
+      let m = "";
+      for (; ; ) {
+        const { done: g, value: v } = await o.read();
+        if (g)
+          break;
+        m += r.decode(v, { stream: !0 });
+        const P = m.split(`
+`);
+        m = P.pop() ?? "";
+        for (const w of P) {
+          const x = f(w);
+          if (x) {
+            if (x === "[DONE]")
+              return;
+            try {
+              const U = JSON.parse(x);
+              u(U);
+            } catch {
+              s(x);
+            }
+          }
+        }
+      }
+    }
+  };
+}, Gn = "demo-123", $n = (t, n) => {
+  const [a, s] = I([]), { splitChunks: i } = He(s);
+  return {
+    onSubmit: async ({ params: h = {}, input: u, setInput: f, abortRef: _ }) => {
+      var o;
+      if (!u.trim())
+        return;
+      const c = u;
+      f(""), s((r) => [...r, { role: "user", content: c }]);
+      try {
+        (o = _ == null ? void 0 : _.current) == null || o.abort();
+        const r = new AbortController();
+        _.current = r;
+        const m = n ? {
+          "Content-Type": "application/json",
+          ...n
+        } : {}, g = new we(t, m), v = {
+          chat_id: Gn,
+          message: c,
+          ...h
+        }, P = await g.post(v);
+        if (!P.ok) {
+          const w = await P.text().catch(() => "");
+          throw new Error(`HTTP ${P.status} ${P.statusText} ${w}`);
+        }
+        i(P);
+      } catch (r) {
+        console.error("Error onSubmit", r);
+      }
+    },
+    messages: a
+  };
+}, pe = [
+  {
+    key: "suggestion-1",
+    title: "Mostrar reglas del mismo conjunto (rule set)",
+    description: "Lista todas las reglas que pertenecen al mismo conjunto de reglas de esta convocatoria."
+  },
+  {
+    key: "suggestion-2",
+    title: "Buscar reglas por tipo o etiquetas",
+    description: "Encuentra reglas relacionadas filtrando por tipo específico o etiquetas asignadas."
+  },
+  {
+    key: "suggestion-3",
+    title: "Encontrar reglas con descripción similar",
+    description: "Identifica reglas que tienen descripciones parecidas a la regla actual."
+  },
+  {
+    key: "suggestion-4",
+    title: "Listar reglas que afectan estudiantes similares",
+    description: "Descubre reglas que impactan al mismo perfil de estudiantes según criterios compartidos."
+  }
+], Wn = ({ className: t }) => /* @__PURE__ */ l(
+  "svg",
+  {
+    className: t,
+    fill: "none",
+    preserveAspectRatio: "none",
+    viewBox: "0 0 72 72",
+    children: [
+      /* @__PURE__ */ l("g", { children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M36 0.5C55.6061 0.5 71.5 16.3939 71.5 36C71.5 55.6061 55.6061 71.5 36 71.5C16.3939 71.5 0.5 55.6061 0.5 36C0.5 16.3939 16.3939 0.5 36 0.5Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M36 0.5C55.6061 0.5 71.5 16.3939 71.5 36C71.5 55.6061 55.6061 71.5 36 71.5C16.3939 71.5 0.5 55.6061 0.5 36C0.5 16.3939 16.3939 0.5 36 0.5Z",
+            stroke: "url(#paint0_linear_large)"
+          }
+        ),
+        /* @__PURE__ */ l("g", { children: [
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M38.9821 55.1206C37.6998 56.8889 34.9068 55.7423 35.2368 53.583L36.1449 47.6417C36.2627 46.8707 35.94 46.0985 35.3088 45.6407L30.4432 42.1122C28.675 40.8297 29.8216 38.0368 31.9808 38.3669L37.9221 39.275C38.6931 39.3927 39.4652 39.07 39.923 38.4387L43.4516 33.5732C44.734 31.8049 47.5269 32.9515 47.1969 35.1108L46.2889 41.0521C46.1711 41.823 46.4937 42.5952 47.125 43.0531L51.9905 46.5817C53.7589 47.864 52.6123 50.6569 50.453 50.3269L44.5116 49.4189C43.7407 49.301 42.9686 49.6237 42.5107 50.2551L38.9821 55.1206Z",
+              fill: "url(#paint1_linear_large)"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M30.9942 29.8056C30.2051 30.8938 28.4863 30.1881 28.6894 28.8594L29.2482 25.2032C29.3207 24.7288 29.1222 24.2537 28.7337 23.972L25.7396 21.8004C24.6513 21.0113 25.3569 19.2926 26.6857 19.4957L30.3419 20.0545C30.8164 20.1269 31.2915 19.9284 31.5732 19.5399L33.7447 16.5457C34.5338 15.4576 36.2526 16.1632 36.0495 17.4919L35.4907 21.1481C35.4182 21.6225 35.6167 22.0977 36.0053 22.3796L38.9994 24.551C40.0876 25.3401 39.382 27.0588 38.0533 26.8557L34.3971 26.2969C33.9225 26.2244 33.4474 26.423 33.1657 26.8115L30.9942 29.8056Z",
+              fill: "url(#paint2_linear_large)"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M17.4703 46.5414C16.9525 47.2555 15.8246 46.7925 15.9579 45.9205L16.3246 43.5211C16.3722 43.2098 16.2418 42.8979 15.9869 42.713L14.022 41.288C13.3079 40.7701 13.7709 39.6422 14.643 39.7755L17.0424 40.1422C17.3536 40.1898 17.6655 40.0595 17.8504 39.8046L19.2754 37.8396C19.7933 37.1255 20.9212 37.5885 20.7878 38.4605L20.4211 40.8599C20.3737 41.1713 20.5039 41.4831 20.7589 41.668L22.7238 43.093C23.4379 43.6109 22.9748 44.7388 22.1029 44.6056L19.7035 44.2388C19.3921 44.1912 19.0803 44.3216 18.8953 44.5765L17.4703 46.5414Z",
+              fill: "url(#paint3_linear_large)"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M16.8731 45.8438L18.0361 44.2401C18.501 43.599 19.2851 43.2714 20.0678 43.391L22.0261 43.6903L20.4224 42.5273C19.7814 42.0624 19.4537 41.2783 19.5733 40.4956L19.8728 38.5372L18.7096 40.141C18.2447 40.782 17.4608 41.1097 16.6779 40.99L14.7196 40.6907L16.3233 41.8538C16.9644 42.3187 17.292 43.1027 17.1724 43.8855L16.8731 45.8438ZM15.6129 46.4534C15.4606 47.4499 16.7496 47.9791 17.3415 47.163L18.97 44.9174C19.1813 44.626 19.5378 44.4771 19.8935 44.5314L22.6357 44.9506C23.6323 45.1028 24.1615 43.8138 23.3454 43.222L21.0997 41.5934C20.8084 41.3821 20.6594 41.0257 20.7138 40.6698L21.1329 37.9277C21.2852 36.9312 19.9962 36.402 19.4043 37.2181L17.7757 39.4636C17.5644 39.7551 17.2081 39.9041 16.8522 39.8496L14.1101 39.4305C13.1134 39.2782 12.5843 40.5672 13.4005 41.1591L15.646 42.7877C15.9375 42.999 16.0863 43.3554 16.0319 43.7112L15.6129 46.4534Z",
+              fill: "url(#paint4_linear_large)",
+              fillRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M51.8864 20.871C52.8616 21.2714 53.3275 22.3866 52.9272 23.3618C52.5268 24.337 51.4117 24.803 50.4365 24.4026C49.4613 24.0023 48.9952 22.8871 49.3955 21.9119C49.7959 20.9367 50.9112 20.4706 51.8864 20.871Z",
+              fill: "url(#paint5_linear_large)"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M57.8156 31.5589C58.7908 31.9593 59.2569 33.0744 58.8565 34.0496C58.4561 35.0248 57.341 35.4908 56.3658 35.0904C55.3905 34.6901 54.9245 33.575 55.3249 32.5997C55.7252 31.6245 56.8404 31.1585 57.8156 31.5589Z",
+              fill: "url(#paint6_linear_large)"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M26.793 51.8375C27.7682 52.2379 28.2342 53.353 27.8338 54.3282C27.4335 55.3035 26.3183 55.7695 25.3431 55.3691C24.3679 54.9688 23.9018 53.8536 24.3022 52.8784C24.7025 51.9031 25.8178 51.4372 26.793 51.8375Z",
+              fill: "url(#paint7_linear_large)"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M18.875 25.8893C19.8502 26.2897 20.3161 27.4049 19.9158 28.3801C19.5154 29.3553 18.4003 29.8213 17.4251 29.4209C16.4499 29.0206 15.9838 27.9054 16.3841 26.9302C16.7845 25.955 17.8998 25.4889 18.875 25.8893Z",
+              fill: "url(#paint8_linear_large)"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ l("defs", { children: [
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint0_linear_large",
+            x1: "0",
+            x2: "72",
+            y1: "36",
+            y2: "36",
+            children: [
+              /* @__PURE__ */ e("stop", { stopColor: "#FF7173" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#0DC1D3" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint1_linear_large",
+            x1: "13",
+            x2: "59",
+            y1: "36",
+            y2: "36",
+            children: [
+              /* @__PURE__ */ e("stop", { stopColor: "#FF7173" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#0DC1D3" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint2_linear_large",
+            x1: "13",
+            x2: "59",
+            y1: "36",
+            y2: "36",
+            children: [
+              /* @__PURE__ */ e("stop", { stopColor: "#FF7173" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#0DC1D3" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint3_linear_large",
+            x1: "13",
+            x2: "59",
+            y1: "36",
+            y2: "36",
+            children: [
+              /* @__PURE__ */ e("stop", { stopColor: "#FF7173" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#0DC1D3" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint4_linear_large",
+            x1: "13",
+            x2: "59",
+            y1: "36",
+            y2: "36",
+            children: [
+              /* @__PURE__ */ e("stop", { stopColor: "#FF7173" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#0DC1D3" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint5_linear_large",
+            x1: "13",
+            x2: "59",
+            y1: "36",
+            y2: "36",
+            children: [
+              /* @__PURE__ */ e("stop", { stopColor: "#FF7173" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#0DC1D3" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint6_linear_large",
+            x1: "13",
+            x2: "59",
+            y1: "36",
+            y2: "36",
+            children: [
+              /* @__PURE__ */ e("stop", { stopColor: "#FF7173" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#0DC1D3" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint7_linear_large",
+            x1: "13",
+            x2: "59",
+            y1: "36",
+            y2: "36",
+            children: [
+              /* @__PURE__ */ e("stop", { stopColor: "#FF7173" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#0DC1D3" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint8_linear_large",
+            x1: "13",
+            x2: "59",
+            y1: "36",
+            y2: "36",
+            children: [
+              /* @__PURE__ */ e("stop", { stopColor: "#FF7173" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#0DC1D3" })
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+), Zn = "_chatPanel_1hevb_1", qn = "_chatPanel__expanded_1hevb_14", Jn = "_chatPanel__resizing_1hevb_17", Kn = "_chatPanel_header_1hevb_20", Vn = "_chatPanel_actions_1hevb_29", Yn = "_chatPanel_actionButton_1hevb_35", Xn = "_chatPanel_title_1hevb_53", Qn = "_chatPanel_closeButton_1hevb_59", ea = "_chatPanel_welcome_1hevb_62", ta = "_chatPanel_welcomeLogo_1hevb_69", na = "_chatPanel_welcomeTitle_1hevb_74", aa = "_chatPanel_welcomeDescription_1hevb_81", ra = "_chatPanel_welcomeSuggestions_1hevb_88", oa = "_chatPanel_welcomeSuggestion_1hevb_88", sa = "_chatPanel_welcomeSuggestionTitle_1hevb_109", ia = "_chatPanel_welcomeSuggestionIcon_1hevb_112", la = "_chatPanel_welcomeSuggestionText_1hevb_116", ca = "_chatPanel_welcomeSuggestionDescription_1hevb_127", da = "_chatPanel_content_1hevb_141", ua = "_chatPanel_conversation_1hevb_147", pa = "_chatPanel_textMessage_1hevb_198", ma = "_chatPanel_textMessage__assistant_1hevb_198", ha = "_chatPanel_textMessage__user_1hevb_204", fa = "_chatPanel_tool_1hevb_212", _a = "_chatPanel_inputSubmit_1hevb_251", ga = "_chatPanel_inputSubmitIcon_1hevb_265", va = "_chatPanel_ruleCard_1hevb_269", ba = "_chatPanel_ruleCardHeader_1hevb_276", xa = "_chatPanel_ruleCardTitle_1hevb_283", Ca = "_chatPanel_ruleCardStatus_1hevb_283", ya = "_chatPanel_ruleCardDescription_1hevb_283", Pa = "_chatPanel_ruleCardTag_1hevb_283", wa = "_chatPanel_ruleCardTags_1hevb_301", Sa = "_chatPanel_typingIndicator_1hevb_313", Na = "_typingIndicatorBlink_1hevb_1", ka = "_chatPanel_reasoning_1hevb_334", Ia = "_chatPanel_resizer_1hevb_337", La = "_chatPanel_input_1hevb_251", k = {
+  chatPanel: Zn,
+  chatPanel__expanded: qn,
+  chatPanel__resizing: Jn,
+  chatPanel_header: Kn,
+  chatPanel_actions: Vn,
+  chatPanel_actionButton: Yn,
+  chatPanel_title: Xn,
+  chatPanel_closeButton: Qn,
+  chatPanel_welcome: ea,
+  chatPanel_welcomeLogo: ta,
+  chatPanel_welcomeTitle: na,
+  chatPanel_welcomeDescription: aa,
+  chatPanel_welcomeSuggestions: ra,
+  chatPanel_welcomeSuggestion: oa,
+  chatPanel_welcomeSuggestionTitle: sa,
+  chatPanel_welcomeSuggestionIcon: ia,
+  chatPanel_welcomeSuggestionText: la,
+  chatPanel_welcomeSuggestionDescription: ca,
+  chatPanel_content: da,
+  chatPanel_conversation: ua,
+  chatPanel_textMessage: pa,
+  chatPanel_textMessage__assistant: ma,
+  chatPanel_textMessage__user: ha,
+  chatPanel_tool: fa,
+  chatPanel_inputSubmit: _a,
+  chatPanel_inputSubmitIcon: ga,
+  chatPanel_ruleCard: va,
+  chatPanel_ruleCardHeader: ba,
+  chatPanel_ruleCardTitle: xa,
+  chatPanel_ruleCardStatus: Ca,
+  chatPanel_ruleCardDescription: ya,
+  chatPanel_ruleCardTag: Pa,
+  chatPanel_ruleCardTags: wa,
+  chatPanel_typingIndicator: Sa,
+  typingIndicatorBlink: Na,
+  chatPanel_reasoning: ka,
+  chatPanel_resizer: Ia,
+  chatPanel_input: La
+}, Ta = (t, n = {}) => {
+  const { threshold: a = 50, delay: s = 100 } = n, i = B(null), p = B(null), h = B(!1), u = B(), f = B(0), _ = Z(() => {
+    if (!i.current)
+      return !0;
+    const { scrollTop: r, scrollHeight: m, clientHeight: g } = i.current;
+    return m - r - g <= a;
+  }, [a]), c = Z(
+    (r = !1) => {
+      if (!i.current || h.current)
+        return;
+      const m = () => {
+        i.current && i.current.scrollTo({
+          top: i.current.scrollHeight,
+          behavior: r ? "auto" : "smooth"
+        });
+      };
+      u.current && clearTimeout(u.current), r ? m() : u.current = setTimeout(m, s);
+    },
+    [s]
+  ), o = Z(() => {
+    h.current = !1;
+  }, []);
+  return z(() => {
+    const r = () => {
+      if (!i.current)
+        return;
+      const g = _();
+      h.current = !g;
+    }, m = i.current;
+    if (m)
+      return m.addEventListener("scroll", r, { passive: !0 }), () => m.removeEventListener("scroll", r);
+  }, [_]), z(() => {
+    if (!i.current)
+      return;
+    const r = i.current.scrollHeight, m = r > f.current;
+    _() && !h.current ? requestAnimationFrame(() => {
+      i.current && i.current.scrollTo({
+        top: i.current.scrollHeight,
+        behavior: "smooth"
+      });
+    }) : m && !h.current && requestAnimationFrame(() => {
+      c();
+    }), f.current = r;
+  }, t), z(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []), {
+    scrollRef: i,
+    contentRef: p,
+    scrollToBottom: c,
+    resetUserScrolling: o,
+    isAtBottom: _
+  };
+}, Lo = ({
+  api: t,
+  params: n = {},
+  headers: a,
+  className: s,
+  onClose: i,
+  ...p
+}) => {
+  const { onSubmit: h, messages: u } = $n(t, a), [f, _] = I(""), [c, o] = I([]), [r, m] = I(!1), [g, v] = I(!1), [P, w] = I(!1), x = B(null), U = B(null), G = B(/* @__PURE__ */ new Map()), {
+    scrollRef: K,
+    contentRef: A,
+    scrollToBottom: R,
+    resetUserScrolling: T,
+    isAtBottom: j
+  } = Ta([c, r], {
+    threshold: 50,
+    delay: 50
+  }), V = Z(
+    async (d) => {
+      var H;
+      const O = !!d.text, E = !!((H = d.files) != null && H.length);
+      (O || E) && (P || w(!0), m(!0), T(), R(!0), await h({
+        params: n,
+        input: d.text || "",
+        setInput: _,
+        abortRef: U
+      }), m(!1));
+    },
+    [h]
+  );
+  return z(() => {
+    if (u.length === 0)
+      return;
+    const d = u.map((O, E) => {
+      G.current.has(E) || G.current.set(E, `chat-${E}-${Date.now()}`);
+      const H = G.current.get(E);
+      return {
+        key: H,
+        from: O.role,
+        versions: [
+          {
+            id: `version-${H}`,
+            content: O.content
+          }
+        ],
+        tool: O.tool
+      };
+    });
+    o((O) => {
+      var E, H, Y, q, b, D, S, N;
+      if (O.length === d.length && O.length > 0) {
+        const y = O.length - 1, M = (Y = (H = (E = O[y]) == null ? void 0 : E.versions) == null ? void 0 : H[0]) == null ? void 0 : Y.content, W = (D = (b = (q = d[y]) == null ? void 0 : q.versions) == null ? void 0 : b[0]) == null ? void 0 : D.content, de = (S = O[y]) == null ? void 0 : S.tool, se = (N = d[y]) == null ? void 0 : N.tool;
+        if (M !== W || JSON.stringify(de) !== JSON.stringify(se)) {
+          const Q = [...O];
+          return Q[y] = d[y], j() && T(), Q;
+        }
+        return O;
+      }
+      return T(), d;
+    });
+  }, [u, j, T]), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: x,
+      className: C(
+        k.chatPanel,
+        g && k.chatPanel__expanded,
+        s
+      ),
+      ...p,
+      children: [
+        /* @__PURE__ */ l("header", { className: k.chatPanel_header, children: [
+          /* @__PURE__ */ e("h2", { className: k.chatPanel_title, children: "Foris Agent" }),
+          /* @__PURE__ */ l("div", { className: k.chatPanel_actions, children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: k.chatPanel_actionButton,
+                onClick: () => v(!g),
+                children: g ? /* @__PURE__ */ e(st, { size: "16" }) : /* @__PURE__ */ e(it, { size: "16" })
+              }
+            ),
+            !!i && /* @__PURE__ */ e("button", { className: k.chatPanel_actionButton, onClick: i, children: /* @__PURE__ */ e(me, { name: "close", color: "neutral-90" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: k.chatPanel_content, children: /* @__PURE__ */ e(
+          "div",
+          {
+            ref: K,
+            id: "chatPanel_conversation",
+            className: k.chatPanel_conversation,
+            children: /* @__PURE__ */ l(
+              "div",
+              {
+                ref: A,
+                className: k.chatPanel_conversationContent,
+                children: [
+                  !P && /* @__PURE__ */ l("div", { className: k.chatPanel_welcome, children: [
+                    /* @__PURE__ */ e(Wn, { className: k.chatPanel_welcomeLogo }),
+                    /* @__PURE__ */ e("h3", { className: k.chatPanel_welcomeTitle, children: "¿Cómo puedo ayudarte?" }),
+                    /* @__PURE__ */ e("p", { className: k.chatPanel_welcomeDescription, children: "Puedes elegir una sugerencia o hacerme una pregunta." }),
+                    /* @__PURE__ */ e("ul", { className: k.chatPanel_welcomeSuggestions, children: pe == null ? void 0 : pe.map((d) => /* @__PURE__ */ l(
+                      "li",
+                      {
+                        className: k.chatPanel_welcomeSuggestion,
+                        role: "button",
+                        onClick: () => V({
+                          text: d == null ? void 0 : d.title,
+                          files: []
+                        }),
+                        children: [
+                          /* @__PURE__ */ l("div", { className: k.chatPanel_welcomeSuggestionText, children: [
+                            /* @__PURE__ */ e("p", { className: k.chatPanel_welcomeSuggestionTitle, children: d == null ? void 0 : d.title }),
+                            /* @__PURE__ */ e(
+                              "p",
+                              {
+                                className: k.chatPanel_welcomeSuggestionDescription,
+                                children: d == null ? void 0 : d.description
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ e(
+                            me,
+                            {
+                              className: k.chatPanel_welcomeSuggestionIcon,
+                              name: "chevron-right",
+                              color: "neutral-90"
+                            }
+                          )
+                        ]
+                      },
+                      d.key
+                    )) })
+                  ] }),
+                  P && (c == null ? void 0 : c.map((d, O) => {
+                    var E, H, Y;
+                    return /* @__PURE__ */ l(
+                      "div",
+                      {
+                        className: `from-${d.from}`,
+                        children: [
+                          (d == null ? void 0 : d.from) === "assistant" && (d == null ? void 0 : d.sources) && !!((E = d == null ? void 0 : d.sources) != null && E.length) && /* @__PURE__ */ l(Qt, { className: k.chatPanel_sources, children: [
+                            /* @__PURE__ */ e(en, { count: d.sources.length }),
+                            d.sources.map((q, b) => /* @__PURE__ */ e(tn, { children: /* @__PURE__ */ e(nn, { href: q.href, title: q.title }) }, `${d.key}-source-${b}`))
+                          ] }),
+                          (d == null ? void 0 : d.from) === "assistant" && (d == null ? void 0 : d.reasoning) && /* @__PURE__ */ l(Ae, { className: k.chatPanel_reasoning, children: [
+                            /* @__PURE__ */ e(Oe, {}),
+                            /* @__PURE__ */ e(Ue, { children: d.reasoning.content })
+                          ] }),
+                          (d == null ? void 0 : d.from) === "assistant" && (d == null ? void 0 : d.tool) && /* @__PURE__ */ l(on, { defaultOpen: !0, className: k.chatPanel_tool, children: [
+                            /* @__PURE__ */ e(
+                              ln,
+                              {
+                                title: d.tool.tool,
+                                type: `tool-${d.tool.tool}`,
+                                state: d.tool.result !== void 0 ? "output-available" : "input-available"
+                              }
+                            ),
+                            /* @__PURE__ */ l(cn, { children: [
+                              d.tool.input && /* @__PURE__ */ e(dn, { input: d.tool.input }),
+                              d.tool.result !== void 0 && /* @__PURE__ */ e(
+                                un,
+                                {
+                                  output: /* @__PURE__ */ e(fe, { children: typeof d.tool.result == "string" ? d.tool.result : JSON.stringify(
+                                    d.tool.result,
+                                    null,
+                                    2
+                                  ) }),
+                                  errorText: void 0
+                                }
+                              )
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ e(Wt, { from: d.from, children: /* @__PURE__ */ e(Zt, { children: /* @__PURE__ */ e(fe, { children: ((Y = (H = d == null ? void 0 : d.versions) == null ? void 0 : H[0]) == null ? void 0 : Y.content) || "" }) }) })
+                        ]
+                      },
+                      `${d.key}-${O}`
+                    );
+                  })),
+                  P && r && /* @__PURE__ */ e("div", { className: "from-assistant", children: /* @__PURE__ */ l("div", { className: k.chatPanel_typingIndicator, children: [
+                    /* @__PURE__ */ e("span", {}),
+                    /* @__PURE__ */ e("span", {}),
+                    /* @__PURE__ */ e("span", {})
+                  ] }) })
+                ]
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: k.chatPanel_resizer }),
+        /* @__PURE__ */ e("div", { className: k.chatPanel_input, children: /* @__PURE__ */ l(Mn, { onSubmit: V, globalDrop: !0, multiple: !0, children: [
+          /* @__PURE__ */ e(On, { children: /* @__PURE__ */ e(Tn, { children: (d) => /* @__PURE__ */ e(Ln, { data: d }) }) }),
+          /* @__PURE__ */ e(zn, { children: /* @__PURE__ */ e(
+            An,
+            {
+              placeholder: "Hazme una pregunta",
+              onChange: (d) => _(d.target.value),
+              value: f
+            }
+          ) }),
+          /* @__PURE__ */ l(Un, { children: [
+            /* @__PURE__ */ l(Rn, { children: [
+              /* @__PURE__ */ e(En, {}),
+              /* @__PURE__ */ e(Hn, { children: /* @__PURE__ */ e(Dn, {}) })
+            ] }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: k.chatPanel_inputSubmit,
+                type: "submit",
+                disabled: !f,
+                children: /* @__PURE__ */ e(
+                  "svg",
+                  {
+                    className: k.chatPanel_inputSubmitIcon,
+                    fill: "none",
+                    viewBox: "0 0 20 20",
+                    children: /* @__PURE__ */ e(
+                      "path",
+                      {
+                        d: "M17.5 2.5L8.75 11.25M17.5 2.5L11.875 17.5L8.75 11.25M17.5 2.5L2.5 8.125L8.75 11.25",
+                        stroke: "currentColor",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: "1.66667"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+function Da(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var je = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function a() {
+      for (var s = [], i = 0; i < arguments.length; i++) {
+        var p = arguments[i];
+        if (p) {
+          var h = typeof p;
+          if (h === "string" || h === "number")
+            s.push(p);
+          else if (Array.isArray(p)) {
+            if (p.length) {
+              var u = a.apply(null, p);
+              u && s.push(u);
+            }
+          } else if (h === "object") {
+            if (p.toString !== Object.prototype.toString && !p.toString.toString().includes("[native code]")) {
+              s.push(p.toString());
+              continue;
+            }
+            for (var f in p)
+              n.call(p, f) && p[f] && s.push(f);
+          }
+        }
+      }
+      return s.join(" ");
+    }
+    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+  })();
+})(je);
+var Ma = je.exports;
+const _e = /* @__PURE__ */ Da(Ma), za = "_aiSparklesIcon_1ixvw_1", Aa = "_aiSparklesIcon__animated_1ixvw_5", Oa = "_aiSparklesIcon_aiMainPulse_1ixvw_14", Ua = "_aiMainPulse_1ixvw_1", Ba = "_aiSparklesIcon_aiSecondaryPulse_1ixvw_17", Ra = "_aiSecondaryPulse_1ixvw_1", Ea = "_aiSparklesIcon_aiStarPulse1_1ixvw_20", Ha = "_aiStarPulse1_1ixvw_1", ja = "_aiSparklesIcon_aiStarPulse1Delay_1ixvw_23", Fa = "_aiSparklesIcon_aiStarPulse2_1ixvw_26", Ga = "_aiStarPulse2_1ixvw_1", $a = "_aiSparklesIcon_aiStarPulse2Alt_1ixvw_29", Wa = "_aiSparklesIcon_aiStarPulse3_1ixvw_32", Za = "_aiStarPulse3_1ixvw_1", qa = "_aiSparklesIcon_aiStarPulse2Delay_1ixvw_35", $ = {
+  aiSparklesIcon: za,
+  aiSparklesIcon__animated: Aa,
+  aiSparklesIcon_aiMainPulse: Oa,
+  aiMainPulse: Ua,
+  aiSparklesIcon_aiSecondaryPulse: Ba,
+  aiSecondaryPulse: Ra,
+  aiSparklesIcon_aiStarPulse1: Ea,
+  aiStarPulse1: Ha,
+  aiSparklesIcon_aiStarPulse1Delay: ja,
+  aiSparklesIcon_aiStarPulse2: Fa,
+  aiStarPulse2: Ga,
+  aiSparklesIcon_aiStarPulse2Alt: $a,
+  aiSparklesIcon_aiStarPulse3: Wa,
+  aiStarPulse3: Za,
+  aiSparklesIcon_aiStarPulse2Delay: qa
+}, J = {
+  p1710e940: "M8.58599 5.11211C8.94555 3.6293 11.0544 3.6293 11.414 5.11211L12.4034 9.19217C12.5317 9.72158 12.9451 10.1349 13.4745 10.2633L17.5546 11.2527C19.0374 11.6122 19.0374 13.7211 17.5546 14.0807L13.4745 15.07C12.9451 15.1984 12.5317 15.6118 12.4034 16.1412L11.414 20.2212C11.0544 21.704 8.94555 21.704 8.58599 20.2212L7.59664 16.1412C7.46826 15.6118 7.05491 15.1984 6.5255 15.07L2.44544 14.0807C0.96263 13.7211 0.962629 11.6122 2.44544 11.2527L6.5255 10.2633C7.05491 10.1349 7.46826 9.72158 7.59664 9.19217L8.58599 5.11211Z",
+  p1dd12900: "M25.3333 5.24146L25.0072 6.58629C24.8769 7.12384 24.4572 7.54355 23.9196 7.6739L22.5748 8L23.9196 8.3261C24.4572 8.45645 24.8769 8.87616 25.0072 9.41371L25.3333 10.7585L25.6594 9.41371C25.7898 8.87616 26.2095 8.45645 26.747 8.3261L28.0919 8L26.747 7.6739C26.2095 7.54355 25.7898 7.12384 25.6594 6.58629L25.3333 5.24146ZM25.986 4.51328C25.82 3.82891 24.8467 3.82891 24.6807 4.51328L24.2241 6.39639C24.1648 6.64073 23.9741 6.83151 23.7297 6.89076L21.8466 7.34738C21.1622 7.51333 21.1622 8.48667 21.8466 8.65262L23.7297 9.10925C23.9741 9.1685 24.1648 9.35927 24.2241 9.60361L24.6807 11.4867C24.8467 12.1711 25.82 12.1711 25.986 11.4867L26.4426 9.60361C26.5018 9.35927 26.6926 9.1685 26.9369 9.10925L28.8201 8.65262C29.5044 8.48667 29.5044 7.51333 28.8201 7.34738L26.9369 6.89075C26.6926 6.83151 26.5018 6.64073 26.4426 6.39639L25.986 4.51328Z",
+  p31b0a80: "M20.4632 19.351C20.6844 18.4385 21.9822 18.4385 22.2035 19.351L22.8123 21.8618C22.8913 22.1876 23.1457 22.442 23.4715 22.521L25.9823 23.1298C26.8948 23.3511 26.8948 24.6489 25.9823 24.8702L23.4715 25.479C23.1457 25.558 22.8913 25.8124 22.8123 26.1382L22.2035 28.649C21.9822 29.5615 20.6844 29.5615 20.4632 28.649L19.8543 26.1382C19.7753 25.8124 19.521 25.558 19.1952 25.479L16.6844 24.8702C15.7719 24.6489 15.7719 23.3511 16.6844 23.1298L19.1952 22.521C19.521 22.442 19.7753 22.1876 19.8543 21.8618L20.4632 19.351Z",
+  p31cbf800: "M29.3333 18.6667C28.597 18.6667 28 18.0697 28 17.3333C28 16.597 28.597 16 29.3333 16C30.0697 16 30.6667 16.597 30.6667 17.3333C30.6667 18.0697 30.0697 18.6667 29.3333 18.6667Z",
+  p32560f80: "M2.66667 25.3333C1.93029 25.3333 1.33333 24.7364 1.33333 24C1.33333 23.2636 1.93029 22.6667 2.66667 22.6667C3.40305 22.6667 4 23.2636 4 24C4 24.7364 3.40305 25.3333 2.66667 25.3333Z",
+  p3fd05680: "M17.3333 4C16.597 4 16 3.40305 16 2.66667C16 1.93029 16.597 1.33333 17.3333 1.33333C18.0697 1.33333 18.6667 1.93029 18.6667 2.66667C18.6667 3.40305 18.0697 4 17.3333 4Z",
+  p5724c80: "M9.33333 30.6667C8.59695 30.6667 8 30.0697 8 29.3333C8 28.597 8.59695 28 9.33333 28C10.0697 28 10.6667 28.597 10.6667 29.3333C10.6667 30.0697 10.0697 30.6667 9.33333 30.6667Z",
+  pd049700: "M24.7623 4.94912C24.9075 4.35029 25.7592 4.35029 25.9044 4.94912L26.3039 6.59684C26.3558 6.81064 26.5227 6.97757 26.7365 7.02941L28.3842 7.42896C28.983 7.57416 28.983 8.42584 28.3842 8.57104L26.7365 8.97059C26.5227 9.02243 26.3558 9.18936 26.3039 9.40316L25.9044 11.0509C25.7592 11.6497 24.9075 11.6497 24.7623 11.0509L24.3627 9.40316C24.3109 9.18936 24.144 9.02243 23.9302 8.97059L22.2825 8.57104C21.6836 8.42584 21.6836 7.57416 22.2825 7.42896L23.9302 7.02941C24.144 6.97757 24.3109 6.81064 24.3627 6.59684L24.7623 4.94912Z"
+}, Fe = ({ isAnimated: t }) => /* @__PURE__ */ l(
+  "svg",
+  {
+    className: _e(
+      $.aiSparklesIcon,
+      t && $.aiSparklesIcon__animated
+    ),
+    fill: "none",
+    preserveAspectRatio: "none",
+    viewBox: "0 0 32 32",
+    children: [
+      /* @__PURE__ */ l("g", { children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: J.p1710e940,
+            fill: "url(#paint0_linear_ctx)",
+            className: $.aiSparklesIcon_aiMainPulse
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: J.p31b0a80,
+            fill: "url(#paint1_linear_ctx)",
+            className: $.aiSparklesIcon_aiSecondaryPulse
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: J.pd049700,
+            fill: "url(#paint2_linear_ctx)",
+            className: $.aiSparklesIcon_aiStarPulse1
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            clipRule: "evenodd",
+            d: J.p1dd12900,
+            fill: "url(#paint3_linear_ctx)",
+            fillRule: "evenodd",
+            className: $.aiSparklesIcon_aiStarPulse1Delay
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: J.p5724c80,
+            fill: "url(#paint4_linear_ctx)",
+            className: $.aiSparklesIcon_aiStarPulse2
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: J.p32560f80,
+            fill: "url(#paint5_linear_ctx)",
+            className: $.aiSparklesIcon_aiStarPulse2Alt
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: J.p3fd05680,
+            fill: "url(#paint6_linear_ctx)",
+            className: $.aiSparklesIcon_aiStarPulse3
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: J.p31cbf800,
+            fill: "url(#paint7_linear_ctx)",
+            className: $.aiSparklesIcon_aiStarPulse2Delay
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l("defs", { children: [
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint0_linear_ctx",
+            x1: "16",
+            x2: "16",
+            y1: "1.33333",
+            y2: "30.6667",
+            children: [
+              /* @__PURE__ */ e("stop", {}),
+              /* @__PURE__ */ e("stop", { offset: "1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint1_linear_ctx",
+            x1: "16",
+            x2: "16",
+            y1: "1.33333",
+            y2: "30.6667",
+            children: [
+              /* @__PURE__ */ e("stop", {}),
+              /* @__PURE__ */ e("stop", { offset: "1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint2_linear_ctx",
+            x1: "16",
+            x2: "16",
+            y1: "1.33333",
+            y2: "30.6667",
+            children: [
+              /* @__PURE__ */ e("stop", {}),
+              /* @__PURE__ */ e("stop", { offset: "1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint3_linear_ctx",
+            x1: "16",
+            x2: "16",
+            y1: "1.33333",
+            y2: "30.6667",
+            children: [
+              /* @__PURE__ */ e("stop", {}),
+              /* @__PURE__ */ e("stop", { offset: "1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint4_linear_ctx",
+            x1: "16",
+            x2: "16",
+            y1: "1.33333",
+            y2: "30.6667",
+            children: [
+              /* @__PURE__ */ e("stop", {}),
+              /* @__PURE__ */ e("stop", { offset: "1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint5_linear_ctx",
+            x1: "16",
+            x2: "16",
+            y1: "1.33333",
+            y2: "30.6667",
+            children: [
+              /* @__PURE__ */ e("stop", {}),
+              /* @__PURE__ */ e("stop", { offset: "1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint6_linear_ctx",
+            x1: "16",
+            x2: "16",
+            y1: "1.33333",
+            y2: "30.6667",
+            children: [
+              /* @__PURE__ */ e("stop", {}),
+              /* @__PURE__ */ e("stop", { offset: "1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "linearGradient",
+          {
+            gradientUnits: "userSpaceOnUse",
+            id: "paint7_linear_ctx",
+            x1: "16",
+            x2: "16",
+            y1: "1.33333",
+            y2: "30.6667",
+            children: [
+              /* @__PURE__ */ e("stop", {}),
+              /* @__PURE__ */ e("stop", { offset: "1" })
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+), Ja = "_chatPanelMenu_uxb4e_1", Ka = {
+  chatPanelMenu: Ja
+}, To = ({ handleClick: t }) => /* @__PURE__ */ e(
+  "button",
+  {
+    type: "button",
+    className: Ka.chatPanelMenu,
+    "aria-label": "open/close chat panel menu",
+    onClick: () => t(),
+    children: /* @__PURE__ */ e(Fe, {})
+  }
+), Va = (t, n) => {
+  const [a, s] = I(""), [i, p] = I([]), [h, u] = I(!1), { splitChunks: f } = He(p);
+  return {
+    onSubmit: async (c) => {
+      u(!0);
+      try {
+        p([]), s("");
+        const o = n ? {
+          "Content-Type": "application/json",
+          ...n
+        } : {}, m = await new we(t, o).post(c);
+        if (m.ok) {
+          f(m);
+          const g = await m.json();
+          g && g.description && s(g.description), u(!1);
+        }
+        if (!m.ok) {
+          u(!1);
+          const g = await m.text().catch(() => "");
+          throw new Error(`HTTP ${m.status} ${m.statusText} ${g}`);
+        }
+      } catch (o) {
+        u(!1), console.error("Error onSubmit", o);
+      }
+    },
+    loading: h,
+    summary: a,
+    messages: i
+  };
+}, Ya = "_summaryCard_19ngt_1", Xa = "_summaryCard_borderGlow_19ngt_16", Qa = "_borderGlow_19ngt_1", er = "_summaryCard_header_19ngt_33", tr = "_summaryCard_chevron_19ngt_41", nr = "_summaryCard_chevron__open_19ngt_45", ar = "_summaryCard_titleWrapper_19ngt_48", rr = "_summaryCard_title_19ngt_48", or = "_summaryCard_title__loading_19ngt_60", sr = "_shimmer_19ngt_1", ir = "_blink_19ngt_1", lr = "_summaryCard_content_19ngt_77", cr = "_summaryCard_contentInner_19ngt_81", dr = "_summaryCard_summaryText_19ngt_89", ur = "_fadeIn_19ngt_1", F = {
+  summaryCard: Ya,
+  summaryCard_borderGlow: Xa,
+  borderGlow: Qa,
+  summaryCard_header: er,
+  summaryCard_chevron: tr,
+  summaryCard_chevron__open: nr,
+  summaryCard_titleWrapper: ar,
+  summaryCard_title: rr,
+  summaryCard_title__loading: or,
+  shimmer: sr,
+  blink: ir,
+  summaryCard_content: lr,
+  summaryCard_contentInner: cr,
+  summaryCard_summaryText: dr,
+  fadeIn: ur
+}, Do = ({
+  api: t,
+  headers: n,
+  body: a,
+  title: s = "Resumen inteligente",
+  loadingMessage: i = "Analizando el comportamiento de la regla...",
+  noDataMessage: p = "No hay datos para mostrar."
+}) => {
+  const [h, u] = I(!1), [f, _] = I(!1), [c, o] = I(0), [r, m] = I(!0), g = B(null), v = B(null), { loading: P, onSubmit: w, messages: x } = Va(t, n), U = f || P, G = (A) => {
+    const R = A.target, T = R.scrollHeight - R.scrollTop - R.clientHeight < 10;
+    m(T);
+  };
+  z(() => {
+    if (!(v != null && v.current) || !h)
+      return;
+    const A = () => {
+      var j;
+      if (!(v != null && v.current))
+        return;
+      const T = (j = v == null ? void 0 : v.current) == null ? void 0 : j.scrollHeight;
+      o(T);
+    };
+    A();
+    const R = new ResizeObserver(A);
+    return R.observe(v == null ? void 0 : v.current), () => {
+      R.disconnect();
+    };
+  }, [x, P]), z(() => {
+    var A;
+    if (h && (v != null && v.current)) {
+      const R = (A = v == null ? void 0 : v.current) == null ? void 0 : A.scrollHeight;
+      o(R);
+    } else
+      o(0);
+  }, [h]), z(() => {
+    r && v.current && h && x.length && (v.current.scrollTop = v.current.scrollHeight);
+  }, [x]);
+  const K = () => {
+    const A = !h;
+    A && !P && !(x != null && x.length) && t && w(a), u(A);
+  };
+  return /* @__PURE__ */ l("div", { className: F.summaryCard, children: [
+    /* @__PURE__ */ e("div", { className: F.summaryCard_borderGlow }),
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: F.summaryCard_header,
+        role: "button",
+        "aria-expanded": h,
+        "aria-controls": "summary-content",
+        onMouseEnter: () => !f && _(!0),
+        onMouseLeave: () => f && _(!1),
+        onClick: K,
+        children: [
+          /* @__PURE__ */ l("div", { className: F.summaryCard_titleWrapper, children: [
+            /* @__PURE__ */ e(Fe, { isAnimated: U }),
+            /* @__PURE__ */ e(
+              "h3",
+              {
+                className: _e(
+                  F.summaryCard_title,
+                  P && F.summaryCard_title__loading
+                ),
+                children: s
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            me,
+            {
+              className: _e(
+                F.summaryCard_chevron,
+                h && F.summaryCard_chevron__open
+              ),
+              name: "chevron-down",
+              color: "primary-50"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        id: "summary-content",
+        ref: g,
+        className: F.summaryCard_content,
+        style: {
+          maxHeight: `${c}px`
+        },
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            ref: v,
+            className: F.summaryCard_contentInner,
+            onScroll: G,
+            children: /* @__PURE__ */ l("div", { className: F.summaryCard_summaryText, children: [
+              x.length > 0 && x.map((A) => /* @__PURE__ */ e(Mt, { children: A.content })),
+              !P && !x.length && p,
+              P && !x.length && i
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+}, pr = {
+  codeWithAnnotations: `{
+  "id": 1,
+  "name": "test", // [!code --]
+  "description": "Updated description", // [!code ++]
+  "value": 100
+}`,
+  modifiedCode: `{
+  "id": 1,
+  "description": "Updated description",
+  "value": 100
+}`
+}, mr = (t) => {
+  const { url: n, method: a = "post", headers: s = {}, body: i = {} } = t, p = n.includes("mock") || n.includes("test"), [h, u] = I(null), [f, _] = I(!1), [c, o] = I(null);
+  return {
+    onSubmit: async (m) => {
+      _(!0), o(null);
+      try {
+        if (p) {
+          await new Promise((x) => setTimeout(x, 1500)), u(pr), _(!1);
+          return;
+        }
+        const g = s ? {
+          "Content-Type": "application/json",
+          ...s
+        } : {}, v = {
+          ...m,
+          ...i
+        }, w = await new we(n, g)[a](v);
+        if (w.ok) {
+          const x = await w.json();
+          u({
+            codeWithAnnotations: (x == null ? void 0 : x.codeWithAnnotations) ?? "",
+            modifiedCode: (x == null ? void 0 : x.modifiedCode) ?? ""
+          }), _(!1);
+        }
+        if (!w.ok) {
+          _(!1);
+          const x = await w.text().catch(() => ""), U = `HTTP ${w.status} ${w.statusText} ${x}`;
+          throw o(U), new Error(U);
+        }
+      } catch (g) {
+        console.error("Error onSubmit", g), _(!1), o(g instanceof Error ? g.message : "Unknown error");
+      }
+    },
+    loading: f,
+    response: h,
+    error: c
+  };
+}, hr = "_promptCodeEditor_aoopo_16", fr = "_promptCodeEditor_headerContainer_aoopo_23", _r = "_form_aoopo_30", gr = "_form_label_aoopo_35", vr = "_form_field_aoopo_41", br = "_inputWrapper_aoopo_46", xr = "_inputIcon_aoopo_52", Cr = "_fieldInput_aoopo_61", yr = "_buttonSubmit_aoopo_78", Pr = "_panel_aoopo_105", wr = "_slideDown_aoopo_1", Sr = "_panel_loading_aoopo_122", Nr = "_loadingSpinner_aoopo_125", kr = "_spin_aoopo_1", Ir = "_loadingText_aoopo_134", Lr = "_panel_error_aoopo_139", Tr = "_errorText_aoopo_144", Dr = "_discardButton_aoopo_149", Mr = "_panel_response_aoopo_159", zr = "_diffContainer_aoopo_164", Ar = "_diffContainer_label_aoopo_169", Or = "_actions_aoopo_181", Ur = "_actions_discardButton_aoopo_186", Br = "_actions_applyButton_aoopo_197", Rr = "_promptCodeEditor_codeContainer_aoopo_207", Er = "_codeBlockLabel_aoopo_214", Hr = "_promptCodeEditor_codeBlock_aoopo_259", L = {
+  promptCodeEditor: hr,
+  promptCodeEditor_headerContainer: fr,
+  form: _r,
+  form_label: gr,
+  form_field: vr,
+  inputWrapper: br,
+  inputIcon: xr,
+  fieldInput: Cr,
+  buttonSubmit: yr,
+  panel: Pr,
+  slideDown: wr,
+  panel_loading: Sr,
+  loadingSpinner: Nr,
+  spin: kr,
+  loadingText: Ir,
+  panel_error: Lr,
+  errorText: Tr,
+  discardButton: Dr,
+  panel_response: Mr,
+  diffContainer: zr,
+  diffContainer_label: Ar,
+  actions: Or,
+  actions_discardButton: Ur,
+  actions_applyButton: Br,
+  promptCodeEditor_codeContainer: Rr,
+  codeBlockLabel: Er,
+  promptCodeEditor_codeBlock: Hr
+}, jr = ({
+  value: t,
+  placeholder: n,
+  label: a,
+  loading: s,
+  disabled: i,
+  setValue: p,
+  onSubmit: h
+}) => {
+  const u = ge(
+    () => [
+      n || "Edita esta regla con un prompt...",
+      "Describe los cambios que necesitas...",
+      "Modifica la configuración sin tocar el código..."
+    ],
+    [n]
+  ), [f, _] = We.useState(0);
+  return z(() => {
+    if (t != null && t.trim() || s || i)
+      return;
+    const c = setInterval(() => {
+      _(
+        (o) => (o + 1) % u.length
+      );
+    }, 3e3);
+    return () => clearInterval(c);
+  }, [t, s, i, u == null ? void 0 : u.length]), /* @__PURE__ */ l("div", { className: L.form, children: [
+    a && /* @__PURE__ */ e("label", { className: L.form_label, children: a }),
+    /* @__PURE__ */ e("div", { className: L.form_field, children: /* @__PURE__ */ l("div", { className: L.inputWrapper, children: [
+      /* @__PURE__ */ l(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: L.inputIcon,
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ e("path", { d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" }),
+            /* @__PURE__ */ e("path", { d: "M20 2v4" }),
+            /* @__PURE__ */ e("path", { d: "M22 4h-4" }),
+            /* @__PURE__ */ e("circle", { cx: "4", cy: "20", r: "2" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        bn,
+        {
+          type: "text",
+          placeholder: u[f],
+          value: t,
+          onChange: (c) => p == null ? void 0 : p(c.target.value),
+          onKeyDown: (c) => {
+            c.key === "Enter" && !c.shiftKey && (t != null && t.trim()) && !s && !i && (c.preventDefault(), h == null || h());
+          },
+          className: L.fieldInput,
+          disabled: s || i
+        }
+      ),
+      /* @__PURE__ */ e(
+        X,
+        {
+          onClick: h,
+          disabled: !(t != null && t.trim()) || s || i,
+          className: L.buttonSubmit,
+          children: "Proponer solución"
+        }
+      )
+    ] }) })
+  ] });
+}, Mo = ({
+  themeMode: t,
+  requestConfig: n,
+  language: a,
+  disabled: s = !1,
+  inputLabel: i,
+  inputPlaceholder: p = "",
+  codeBlockLabel: h,
+  codeBlockValue: u,
+  onCodeChange: f
+}) => {
+  const [_, c] = I(u), [o, r] = I(""), [m, g] = I(!1), v = B(null), P = B(null), { loading: w, response: x, error: U, onSubmit: G } = mr(n), K = () => {
+    o.trim() && G({ code: _, prompt: o });
+  }, A = () => {
+    x != null && x.modifiedCode && (c(x.modifiedCode), f == null || f(x.modifiedCode), g(!1), r(""));
+  }, R = () => {
+    g(!1);
+  };
+  return z(() => {
+    u !== _ && c(u);
+  }, [u, _]), z(() => {
+    (w || x || U) && g(!0);
+  }, [w, x, U]), z(() => {
+    const T = (j) => {
+      v.current && !v.current.contains(j.target) && P.current && !P.current.contains(j.target) && g(!1);
+    };
+    return m && document.addEventListener("mousedown", T), () => {
+      document.removeEventListener("mousedown", T);
+    };
+  }, [m]), /* @__PURE__ */ l("section", { className: L.promptCodeEditor, children: [
+    /* @__PURE__ */ l("div", { className: L.promptCodeEditor_headerContainer, ref: P, children: [
+      /* @__PURE__ */ e(
+        jr,
+        {
+          value: o,
+          loading: w,
+          label: i,
+          disabled: s,
+          placeholder: p,
+          setValue: r,
+          onSubmit: K
+        }
+      ),
+      m && (w || U || x) && /* @__PURE__ */ l("div", { ref: v, className: L.panel, children: [
+        w && /* @__PURE__ */ l("div", { className: L.panel_loading, children: [
+          /* @__PURE__ */ e("div", { className: L.loadingSpinner }),
+          /* @__PURE__ */ e("p", { className: L.loadingText, children: "Generando solución..." })
+        ] }),
+        U && /* @__PURE__ */ l("div", { className: L.panel_error, children: [
+          /* @__PURE__ */ e("p", { className: L.errorText, children: U }),
+          /* @__PURE__ */ e(
+            X,
+            {
+              onClick: R,
+              variant: "outline",
+              size: "sm",
+              className: L.discardButton,
+              children: "Cerrar"
+            }
+          )
+        ] }),
+        x && !w && /* @__PURE__ */ l("div", { className: L.panel_response, children: [
+          /* @__PURE__ */ l("div", { className: L.diffContainer, children: [
+            /* @__PURE__ */ e("p", { className: L.diffContainer_label, children: "Solución propuesta" }),
+            /* @__PURE__ */ e("div", { className: t === "light" ? "light" : "dark", children: /* @__PURE__ */ e(
+              re,
+              {
+                code: x.codeWithAnnotations,
+                language: a,
+                showLineNumbers: !0
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ l("div", { className: L.actions, children: [
+            /* @__PURE__ */ e(
+              X,
+              {
+                size: "sm",
+                onClick: R,
+                variant: "outline",
+                className: L.actions_discardButton,
+                children: "Cancelar"
+              }
+            ),
+            /* @__PURE__ */ e(
+              X,
+              {
+                size: "sm",
+                onClick: A,
+                variant: "default",
+                className: L.actions_applyButton,
+                children: "Insertar código"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: L.promptCodeEditor_codeContainer, children: [
+      h && /* @__PURE__ */ e("label", { className: L.codeBlockLabel, children: h }),
+      /* @__PURE__ */ e(
+        zt,
+        {
+          value: _,
+          className: L.promptCodeEditor_codeBlock,
+          height: "400px",
+          extensions: [At()],
+          onChange: (T) => {
+            c(T), f == null || f(T);
+          },
+          theme: t,
+          editable: !0
+        }
+      )
+    ] })
+  ] });
+};
 export {
-  e as ChatPanel,
-  m as ChatPanelMenu,
-  d as PromptCodeEditor,
-  p as SummaryCard
+  Lo as ChatPanel,
+  To as ChatPanelMenu,
+  Mo as PromptCodeEditor,
+  Do as SummaryCard
 };