ai-schadcn-chat 0.1.0

package/dist/ChatPanel-Cyq7boWQ.js

@@ -0,0 +1,3468 @@
+import { jsx as t, jsxs as s, Fragment as L } from "react/jsx-runtime";
+import * as h from "react";
+import { forwardRef as S, useState as z, useEffect as ne, useCallback as Ce, useRef as W, useLayoutEffect as Yt, useMemo as Qt, memo as Xt } from "react";
+import { c as d, f as Jt, e as Zt } from "./index-NhYr-cEJ.js";
+import * as X from "@radix-ui/react-scroll-area";
+import * as Oe from "@radix-ui/react-avatar";
+import * as lt from "@radix-ui/react-switch";
+import * as ea from "@radix-ui/react-separator";
+import * as Te from "@radix-ui/react-tabs";
+import * as je from "@radix-ui/react-checkbox";
+import { X as ft, Check as P, ChevronDown as Ae, ChevronUp as ta, Copy as Me, Pencil as Ue, Trash2 as pe, Plus as Ke, ArrowLeft as gt, Sun as aa, Moon as ra, Sparkles as ze, Settings2 as Fe, FileText as Ge, MessageSquarePlus as na, History as sa, Wrench as qe, MoreHorizontal as oa, RotateCcw as We, FileType as ia, FileJson as la, FileCode as ca, File as da, Loader2 as Le, Paperclip as ua, MicOff as ma, Mic as pa, Square as fa, Send as ga, ArrowDownIcon as ha, Lightbulb as ba, ChevronRight as xa, ArrowDown as va, AlertTriangle as ae, User as ya, Bot as Na, Gauge as ht, Hash as wa, Clock as ka, ServerCrash as Ca, WifiOff as za, KeyRound as Sa } from "lucide-react";
+import * as fe from "@radix-ui/react-tooltip";
+import { d as Ta, c as Aa, l as bt, s as Ma, g as Ra, q as Da, r as Pa, a as Ia, e as Ea, j as xt, m as _a, n as Ha, p as ja, f as Fa, k as La, t as Ba } from "./providers-kp-avTNl.js";
+import { cva as K } from "class-variance-authority";
+import { Slot as Re } from "@radix-ui/react-slot";
+import * as I from "@radix-ui/react-dropdown-menu";
+import * as O from "@radix-ui/react-dialog";
+import * as vt from "@radix-ui/react-label";
+import * as A from "@radix-ui/react-select";
+import { u as se, a as Ye, C as Va } from "./ChatProvider-DoD4jj4M.js";
+import * as Qe from "@radix-ui/react-collapsible";
+import $a from "react-markdown";
+import Oa from "rehype-highlight";
+import ct from "rehype-raw";
+import Ua from "remark-gfm";
+import { f as Ka, e as Ga } from "./chat-engine-Cja0KtWE.js";
+import * as ge from "@radix-ui/react-popover";
+const qa = K(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10",
+        "icon-sm": "h-8 w-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), N = S(
+  ({ className: e, variant: a, size: r, asChild: n = !1, ...i }, c) => /* @__PURE__ */ t(
+    n ? Re : "button",
+    {
+      className: d(qa({ variant: a, size: r, className: e })),
+      ref: c,
+      ...i
+    }
+  )
+);
+N.displayName = "Button";
+const $ = S(
+  ({ className: e, type: a, ...r }, n) => /* @__PURE__ */ t(
+    "input",
+    {
+      type: a,
+      className: d(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ref: n,
+      ...r
+    }
+  )
+);
+$.displayName = "Input";
+const re = S(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t(
+    "textarea",
+    {
+      className: d(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ref: r,
+      ...a
+    }
+  )
+);
+re.displayName = "Textarea";
+const Wa = S(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: r,
+      className: d("rounded-lg border bg-card text-card-foreground shadow-sm", e),
+      ...a
+    }
+  )
+);
+Wa.displayName = "Card";
+const Ya = S(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: d("flex flex-col space-y-1.5 p-4", e), ...a })
+);
+Ya.displayName = "CardHeader";
+const Qa = S(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t(
+    "h3",
+    {
+      ref: r,
+      className: d("text-base font-semibold leading-none tracking-tight", e),
+      ...a
+    }
+  )
+);
+Qa.displayName = "CardTitle";
+const Xa = S(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t("p", { ref: r, className: d("text-sm text-muted-foreground", e), ...a })
+);
+Xa.displayName = "CardDescription";
+const Ja = S(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: d("p-4 pt-0", e), ...a })
+);
+Ja.displayName = "CardContent";
+const Za = S(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: d("flex items-center p-4 pt-0", e), ...a })
+);
+Za.displayName = "CardFooter";
+const er = S(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
+  X.Root,
+  {
+    ref: n,
+    className: d("relative overflow-hidden", e),
+    ...r,
+    children: [
+      /* @__PURE__ */ t(X.Viewport, { className: "h-full w-full rounded-[inherit]", children: a }),
+      /* @__PURE__ */ t(yt, {}),
+      /* @__PURE__ */ t(X.Corner, {})
+    ]
+  }
+));
+er.displayName = X.Root.displayName;
+const yt = S(({ className: e, orientation: a = "vertical", ...r }, n) => /* @__PURE__ */ t(
+  X.ScrollAreaScrollbar,
+  {
+    ref: n,
+    orientation: a,
+    className: d(
+      "flex touch-none select-none transition-colors",
+      a === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      a === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      e
+    ),
+    ...r,
+    children: /* @__PURE__ */ t(X.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+yt.displayName = X.ScrollAreaScrollbar.displayName;
+const tr = "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", ar = "aspect-square h-full w-full", rr = "flex h-full w-full items-center justify-center rounded-full bg-muted text-xs font-medium uppercase", os = (e) => e.trim().split(/\s+/).slice(0, 2).map((a) => a[0]?.toUpperCase() ?? "").join("") || "·", is = (e) => {
+  const a = (e ?? "x").trim();
+  let r = 0;
+  for (let n = 0; n < a.length; n++) r = r * 31 + a.charCodeAt(n) >>> 0;
+  return `hsl(${r % 360}deg 70% 88%)`;
+}, ls = (e) => {
+  const a = (e ?? "x").trim();
+  let r = 0;
+  for (let n = 0; n < a.length; n++) r = r * 17 + a.charCodeAt(n) >>> 0;
+  return `hsl(${r % 360}deg 40% 25%)`;
+}, nr = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  Oe.Root,
+  {
+    ref: r,
+    className: d(tr, e),
+    ...a
+  }
+));
+nr.displayName = "AvatarRoot";
+const sr = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  Oe.Image,
+  {
+    ref: r,
+    className: d(ar, e),
+    ...a
+  }
+));
+sr.displayName = "AvatarImage";
+const or = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  Oe.Fallback,
+  {
+    ref: r,
+    className: d(rr, e),
+    ...a
+  }
+));
+or.displayName = "AvatarFallback";
+const Ne = I.Root, we = I.Trigger, cs = I.Group, ds = I.Portal, us = I.Sub, ms = I.RadioGroup, ue = S(({ className: e, sideOffset: a = 4, ...r }, n) => /* @__PURE__ */ t(I.Portal, { children: /* @__PURE__ */ t(
+  I.Content,
+  {
+    ref: n,
+    sideOffset: a,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      e
+    ),
+    ...r
+  }
+) }));
+ue.displayName = "DropdownMenuContent";
+const q = S(({ className: e, inset: a, ...r }, n) => /* @__PURE__ */ t(
+  I.Item,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:size-4",
+      a && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+q.displayName = "DropdownMenuItem";
+const ke = S(({ className: e, inset: a, ...r }, n) => /* @__PURE__ */ t(
+  I.Label,
+  {
+    ref: n,
+    className: d(
+      "px-2 py-1.5 text-xs font-semibold uppercase text-muted-foreground",
+      a && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+ke.displayName = "DropdownMenuLabel";
+const me = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  I.Separator,
+  {
+    ref: r,
+    className: d("-mx-1 my-1 h-px bg-muted", e),
+    ...a
+  }
+));
+me.displayName = "DropdownMenuSeparator";
+const ir = S(({ className: e, children: a, checked: r, ...n }, i) => /* @__PURE__ */ t(
+  I.CheckboxItem,
+  {
+    ref: i,
+    checked: r,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...n,
+    children: a
+  }
+));
+ir.displayName = "DropdownMenuCheckboxItem";
+const lr = ge.Root, cr = ge.Trigger, ps = ge.Anchor, Nt = S(({ className: e, align: a = "center", sideOffset: r = 4, ...n }, i) => /* @__PURE__ */ t(ge.Portal, { children: /* @__PURE__ */ t(
+  ge.Content,
+  {
+    ref: i,
+    align: a,
+    sideOffset: r,
+    className: d(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+      e
+    ),
+    ...n
+  }
+) }));
+Nt.displayName = "PopoverContent";
+const dr = fe.Provider, Y = fe.Root, Q = fe.Trigger, U = S(({ className: e, sideOffset: a = 4, ...r }, n) => /* @__PURE__ */ t(fe.Portal, { children: /* @__PURE__ */ t(
+  fe.Content,
+  {
+    ref: n,
+    sideOffset: a,
+    className: d(
+      "z-50 overflow-hidden rounded-md bg-foreground px-3 py-1.5 text-xs text-background shadow",
+      e
+    ),
+    ...r
+  }
+) }));
+U.displayName = "TooltipContent";
+const ur = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  lt.Root,
+  {
+    ref: r,
+    className: d(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      e
+    ),
+    ...a,
+    children: /* @__PURE__ */ t(
+      lt.Thumb,
+      {
+        className: d(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+ur.displayName = "Switch";
+const wt = O.Root, fs = O.Trigger, mr = O.Portal, gs = O.Close, kt = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  O.Overlay,
+  {
+    ref: r,
+    className: d(
+      "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...a
+  }
+));
+kt.displayName = "DialogOverlay";
+const pr = "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", Xe = S(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(mr, { children: [
+  /* @__PURE__ */ t(kt, {}),
+  /* @__PURE__ */ s(
+    O.Content,
+    {
+      ref: n,
+      className: d(pr, e),
+      ...r,
+      children: [
+        a,
+        /* @__PURE__ */ s(O.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ t(ft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+Xe.displayName = "DialogContent";
+const fr = "flex flex-col space-y-1.5 text-center sm:text-left";
+function he({ className: e, ...a }) {
+  return /* @__PURE__ */ t("div", { className: d(fr, e), ...a });
+}
+he.displayName = "DialogHeader";
+const gr = "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2";
+function be({ className: e, ...a }) {
+  return /* @__PURE__ */ t("div", { className: d(gr, e), ...a });
+}
+be.displayName = "DialogFooter";
+const hr = "text-lg font-semibold leading-none tracking-tight", xe = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  O.Title,
+  {
+    ref: r,
+    className: d(hr, e),
+    ...a
+  }
+));
+xe.displayName = "DialogTitle";
+const br = "text-sm text-muted-foreground", Je = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  O.Description,
+  {
+    ref: r,
+    className: d(br, e),
+    ...a
+  }
+));
+Je.displayName = "DialogDescription";
+const xr = S(({ className: e, orientation: a = "horizontal", decorative: r = !0, ...n }, i) => /* @__PURE__ */ t(
+  ea.Root,
+  {
+    ref: i,
+    decorative: r,
+    orientation: a,
+    className: d(
+      "shrink-0 bg-border",
+      a === "horizontal" ? "h-px w-full" : "h-full w-px",
+      e
+    ),
+    ...n
+  }
+));
+xr.displayName = "Separator";
+const vr = K(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-destructive-foreground",
+        outline: "text-foreground",
+        success: "border-transparent bg-emerald-500/15 text-emerald-700 dark:text-emerald-300",
+        warning: "border-transparent bg-amber-500/15 text-amber-700 dark:text-amber-300"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+), Se = S(
+  ({ className: e, variant: a, ...r }, n) => /* @__PURE__ */ t("div", { ref: n, className: d(vr({ variant: a }), e), ...r })
+);
+Se.displayName = "Badge";
+const hs = Te.Root, yr = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  Te.List,
+  {
+    ref: r,
+    className: d(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+));
+yr.displayName = "TabsList";
+const Nr = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  Te.Trigger,
+  {
+    ref: r,
+    className: d(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      e
+    ),
+    ...a
+  }
+));
+Nr.displayName = "TabsTrigger";
+const wr = S(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  Te.Content,
+  {
+    ref: r,
+    className: d(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      e
+    ),
+    ...a
+  }
+));
+wr.displayName = "TabsContent";
+const Ct = A.Root, bs = A.Group, zt = A.Value, Ze = h.forwardRef(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
+  A.Trigger,
+  {
+    ref: n,
+    className: d(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      e
+    ),
+    ...r,
+    children: [
+      a,
+      /* @__PURE__ */ t(A.Icon, { asChild: !0, children: /* @__PURE__ */ t(Ae, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+Ze.displayName = A.Trigger.displayName;
+const St = h.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  A.ScrollUpButton,
+  {
+    ref: r,
+    className: d(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...a,
+    children: /* @__PURE__ */ t(ta, { className: "h-4 w-4" })
+  }
+));
+St.displayName = A.ScrollUpButton.displayName;
+const Tt = h.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  A.ScrollDownButton,
+  {
+    ref: r,
+    className: d(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...a,
+    children: /* @__PURE__ */ t(Ae, { className: "h-4 w-4" })
+  }
+));
+Tt.displayName = A.ScrollDownButton.displayName;
+const et = h.forwardRef(({ className: e, children: a, position: r = "popper", ...n }, i) => /* @__PURE__ */ t(A.Portal, { children: /* @__PURE__ */ s(
+  A.Content,
+  {
+    ref: i,
+    className: d(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      e
+    ),
+    position: r,
+    ...n,
+    children: [
+      /* @__PURE__ */ t(St, {}),
+      /* @__PURE__ */ t(
+        A.Viewport,
+        {
+          className: d(
+            "p-1",
+            r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: a
+        }
+      ),
+      /* @__PURE__ */ t(Tt, {})
+    ]
+  }
+) }));
+et.displayName = A.Content.displayName;
+const kr = h.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  A.Label,
+  {
+    ref: r,
+    className: d("px-2 py-1.5 text-sm font-semibold", e),
+    ...a
+  }
+));
+kr.displayName = A.Label.displayName;
+const tt = h.forwardRef(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
+  A.Item,
+  {
+    ref: n,
+    className: d(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(A.ItemIndicator, { children: /* @__PURE__ */ t(P, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t(A.ItemText, { children: a })
+    ]
+  }
+));
+tt.displayName = A.Item.displayName;
+const Cr = h.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  A.Separator,
+  {
+    ref: r,
+    className: d("-mx-1 my-1 h-px bg-muted", e),
+    ...a
+  }
+));
+Cr.displayName = A.Separator.displayName;
+const zr = K(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), at = h.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  vt.Root,
+  {
+    ref: r,
+    className: d(zr(), e),
+    ...a
+  }
+));
+at.displayName = vt.Root.displayName;
+const Sr = h.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  je.Root,
+  {
+    ref: r,
+    className: d(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      e
+    ),
+    ...a,
+    children: /* @__PURE__ */ t(
+      je.Indicator,
+      {
+        className: d("grid place-content-center text-current"),
+        children: /* @__PURE__ */ t(P, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Sr.displayName = je.Root.displayName;
+const At = Qe.Root, Mt = Qe.CollapsibleTrigger, Rt = Qe.CollapsibleContent, Tr = [
+  "friendly",
+  "professional",
+  "casual",
+  "concise",
+  "playful",
+  "academic"
+], Ee = {
+  name: "",
+  description: "",
+  icon: "🤖",
+  systemPrompt: "",
+  tone: "friendly",
+  suggestions: ""
+};
+function Ar(e) {
+  return {
+    id: e.id,
+    name: e.name,
+    description: e.description ?? "",
+    icon: e.icon ?? "🤖",
+    systemPrompt: e.systemPrompt,
+    tone: e.tone ?? "friendly",
+    suggestions: (e.suggestions ?? []).join(`
+`)
+  };
+}
+function Mr({
+  open: e,
+  onOpenChange: a,
+  activeAgentId: r,
+  onApply: n,
+  startInCreate: i = !1
+}) {
+  const [c, l] = z([]), [u, f] = z("list"), [o, m] = z(Ee), p = () => l(bt());
+  ne(() => {
+    e && (p(), f(i ? "edit" : "list"), m(Ee));
+  }, [e, i]);
+  const w = () => {
+    m(Ee), f("edit");
+  }, k = (b) => {
+    m(Ar(b)), f("edit");
+  }, y = o.name.trim().length > 0 && o.systemPrompt.trim().length > 0;
+  return /* @__PURE__ */ t(wt, { open: e, onOpenChange: a, children: /* @__PURE__ */ t(Xe, { className: "max-w-lg gap-0 overflow-hidden p-0", children: u === "list" ? /* @__PURE__ */ t(
+    Rr,
+    {
+      agents: c,
+      activeAgentId: r,
+      onCreate: w,
+      onEdit: k,
+      onApply: (b) => {
+        n(b), a(!1);
+      },
+      onDuplicate: (b) => {
+        Aa(b), p();
+      },
+      onDelete: (b) => {
+        Ta(b), p();
+      }
+    }
+  ) : /* @__PURE__ */ t(
+    Dr,
+    {
+      draft: o,
+      setDraft: m,
+      canSave: y,
+      onBack: () => f("list"),
+      onSave: () => {
+        if (!y) return;
+        const b = Ma({
+          id: o.id,
+          name: o.name,
+          description: o.description,
+          icon: o.icon,
+          systemPrompt: o.systemPrompt,
+          tone: o.tone,
+          suggestions: o.suggestions.split(`
+`)
+        });
+        p(), n(b), a(!1);
+      }
+    }
+  ) }) });
+}
+function Rr({
+  agents: e,
+  activeAgentId: a,
+  onCreate: r,
+  onEdit: n,
+  onApply: i,
+  onDuplicate: c,
+  onDelete: l
+}) {
+  return /* @__PURE__ */ s(L, { children: [
+    /* @__PURE__ */ s(he, { className: "border-b border-border/60 p-5 pb-4", children: [
+      /* @__PURE__ */ t(xe, { children: "Agents" }),
+      /* @__PURE__ */ t(Je, { children: "Switch, create, edit, or remove your assistant agents." })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "max-h-[55vh] space-y-1.5 overflow-y-auto p-3 scrollbar-thin", children: e.map((u) => {
+      const f = u.id === a;
+      return /* @__PURE__ */ s(
+        "div",
+        {
+          className: d(
+            "group/agent flex items-center gap-3 rounded-xl border p-2.5 transition-colors",
+            f ? "border-primary/40 bg-primary/5" : "border-border/60 hover:bg-accent/50"
+          ),
+          children: [
+            /* @__PURE__ */ t("span", { className: "grid size-9 shrink-0 place-items-center rounded-lg bg-muted text-lg", children: u.icon ?? "🤖" }),
+            /* @__PURE__ */ s(
+              N,
+              {
+                type: "button",
+                variant: "ghost",
+                onClick: () => i(u),
+                className: "h-auto min-w-0 flex-1 flex-col items-stretch justify-start gap-0 p-0 text-left hover:bg-transparent",
+                children: [
+                  /* @__PURE__ */ s("span", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ t("span", { className: "truncate text-sm font-medium", children: u.name }),
+                    f && /* @__PURE__ */ t(P, { className: "size-3.5 shrink-0 text-primary" }),
+                    u.builtIn && /* @__PURE__ */ t(Se, { variant: "secondary", className: "text-[9px]", children: "built-in" })
+                  ] }),
+                  u.description && /* @__PURE__ */ t("span", { className: "block truncate text-xs font-normal text-muted-foreground", children: u.description })
+                ]
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover/agent:opacity-100 focus-within:opacity-100", children: [
+              /* @__PURE__ */ t(_e, { label: "Duplicate", onClick: () => c(u.id), children: /* @__PURE__ */ t(Me, { className: "size-3.5" }) }),
+              !u.builtIn && /* @__PURE__ */ s(L, { children: [
+                /* @__PURE__ */ t(_e, { label: "Edit", onClick: () => n(u), children: /* @__PURE__ */ t(Ue, { className: "size-3.5" }) }),
+                /* @__PURE__ */ t(
+                  _e,
+                  {
+                    label: "Delete",
+                    destructive: !0,
+                    onClick: () => l(u.id),
+                    children: /* @__PURE__ */ t(pe, { className: "size-3.5" })
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        u.id
+      );
+    }) }),
+    /* @__PURE__ */ t(be, { className: "border-t border-border/60 p-4", children: /* @__PURE__ */ s(N, { onClick: r, className: "w-full gap-2 sm:w-auto", children: [
+      /* @__PURE__ */ t(Ke, { className: "size-4" }),
+      "New agent"
+    ] }) })
+  ] });
+}
+function Dr({
+  draft: e,
+  setDraft: a,
+  canSave: r,
+  onBack: n,
+  onSave: i
+}) {
+  const c = (l, u) => a({ ...e, [l]: u });
+  return /* @__PURE__ */ s(L, { children: [
+    /* @__PURE__ */ t(he, { className: "border-b border-border/60 p-5 pb-4", children: /* @__PURE__ */ s(xe, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t(
+        N,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-sm",
+          onClick: n,
+          "aria-label": "Back to list",
+          className: "text-muted-foreground hover:text-foreground",
+          children: /* @__PURE__ */ t(gt, { className: "size-4" })
+        }
+      ),
+      e.id ? "Edit agent" : "New agent"
+    ] }) }),
+    /* @__PURE__ */ s("div", { className: "max-h-[55vh] space-y-4 overflow-y-auto p-5 scrollbar-thin", children: [
+      /* @__PURE__ */ s("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ t(ee, { label: "Icon", className: "w-20", children: /* @__PURE__ */ t(
+          $,
+          {
+            value: e.icon,
+            onChange: (l) => c("icon", l.target.value.slice(0, 2)),
+            className: "text-center text-lg",
+            maxLength: 2
+          }
+        ) }),
+        /* @__PURE__ */ t(ee, { label: "Name", className: "flex-1", children: /* @__PURE__ */ t(
+          $,
+          {
+            value: e.name,
+            onChange: (l) => c("name", l.target.value),
+            placeholder: "e.g. SQL expert"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ t(ee, { label: "Description", children: /* @__PURE__ */ t(
+        $,
+        {
+          value: e.description,
+          onChange: (l) => c("description", l.target.value),
+          placeholder: "One-line summary (optional)"
+        }
+      ) }),
+      /* @__PURE__ */ t(ee, { label: "System prompt", children: /* @__PURE__ */ t(
+        re,
+        {
+          value: e.systemPrompt,
+          onChange: (l) => c("systemPrompt", l.target.value),
+          placeholder: "You are a helpful assistant that…",
+          className: "min-h-28 resize-y"
+        }
+      ) }),
+      /* @__PURE__ */ t(ee, { label: "Tone", children: /* @__PURE__ */ s(Ct, { value: e.tone, onValueChange: (l) => c("tone", l), children: [
+        /* @__PURE__ */ t(Ze, { className: "capitalize", children: /* @__PURE__ */ t(zt, { placeholder: "Select a tone" }) }),
+        /* @__PURE__ */ t(et, { children: Tr.map((l) => /* @__PURE__ */ t(tt, { value: l, className: "capitalize", children: l }, l)) })
+      ] }) }),
+      /* @__PURE__ */ t(ee, { label: "Starter suggestions", hint: "one per line", children: /* @__PURE__ */ t(
+        re,
+        {
+          value: e.suggestions,
+          onChange: (l) => c("suggestions", l.target.value),
+          placeholder: `Explain a concept
+Review my code`,
+          className: "min-h-20 resize-y"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ s(be, { className: "gap-2 border-t border-border/60 p-4", children: [
+      /* @__PURE__ */ t(N, { variant: "ghost", onClick: n, children: "Cancel" }),
+      /* @__PURE__ */ s(N, { onClick: i, disabled: !r, className: "gap-2", children: [
+        /* @__PURE__ */ t(P, { className: "size-4" }),
+        "Save & use"
+      ] })
+    ] })
+  ] });
+}
+function ee({
+  label: e,
+  hint: a,
+  className: r,
+  children: n
+}) {
+  return /* @__PURE__ */ s("div", { className: d("space-y-1.5", r), children: [
+    /* @__PURE__ */ s(at, { className: "flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+      e,
+      a && /* @__PURE__ */ s("span", { className: "text-muted-foreground/60", children: [
+        "· ",
+        a
+      ] })
+    ] }),
+    n
+  ] });
+}
+function _e({
+  label: e,
+  destructive: a,
+  onClick: r,
+  children: n
+}) {
+  return /* @__PURE__ */ t(
+    N,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-sm",
+      "aria-label": e,
+      onClick: r,
+      className: d(
+        "text-muted-foreground hover:bg-foreground/10",
+        a ? "hover:text-destructive" : "hover:text-foreground"
+      ),
+      children: n
+    }
+  );
+}
+const Dt = "ai-schadcn-theme";
+function Pr() {
+  if (typeof document > "u") return "light";
+  if (document.documentElement.classList.contains("dark")) return "dark";
+  try {
+    const e = localStorage.getItem(Dt);
+    if (e === "light" || e === "dark") return e;
+  } catch {
+  }
+  return window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function dt(e) {
+  const a = document.documentElement;
+  a.classList.toggle("dark", e === "dark"), a.style.colorScheme = e;
+}
+function Ir({ className: e }) {
+  const [a, r] = z("light");
+  ne(() => {
+    const c = Pr();
+    r(c), dt(c);
+  }, []);
+  const n = Ce(() => {
+    r((c) => {
+      const l = c === "dark" ? "light" : "dark";
+      dt(l);
+      try {
+        localStorage.setItem(Dt, l);
+      } catch {
+      }
+      return l;
+    });
+  }, []), i = a === "dark";
+  return /* @__PURE__ */ s(Y, { children: [
+    /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ s(
+      N,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon-sm",
+        onClick: n,
+        "aria-label": i ? "Switch to light mode" : "Switch to dark mode",
+        className: ["relative", e].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ t(
+            aa,
+            {
+              className: "size-4 rotate-0 scale-100 transition-all duration-300 dark:-rotate-90 dark:scale-0"
+            }
+          ),
+          /* @__PURE__ */ t(
+            ra,
+            {
+              className: "absolute size-4 rotate-90 scale-0 transition-all duration-300 dark:rotate-0 dark:scale-100"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(U, { children: i ? "Light mode" : "Dark mode" })
+  ] });
+}
+function Er({ className: e }) {
+  const a = se(), r = a.config, n = r.ui ?? {}, [i, c] = z(!1), [l, u] = z(!1), [f, o] = z(!1), [m, p] = z(!1), [w, k] = z(
+    () => Ra()
+  ), y = bt(), v = y.find((x) => x.id === w) ?? y.find((x) => x.name === r.personality?.name), b = n.showModelSelector ?? !0, C = n.showDocumentPicker ?? !0, T = n.showToolCalls ?? !0, E = n.enableConversationHistory ?? !0, B = (x) => {
+    a.updateConfig({
+      systemPrompt: x.systemPrompt,
+      personality: {
+        ...r.personality,
+        name: x.name,
+        tone: x.tone,
+        avatar: x.icon,
+        ...x.locale ? { locale: x.locale } : {}
+      },
+      ui: {
+        ...n,
+        title: x.name,
+        ...x.suggestions && x.suggestions.length > 0 ? { suggestions: x.suggestions } : {}
+      }
+    }), Da(x.id), k(x.id), c(!1);
+  }, j = (x) => {
+    p(x), o(!0), c(!1);
+  }, _ = (x) => {
+    const H = r.documents ?? [], F = H.find((Z) => Z.id === x.id) ? H.filter((Z) => Z.id !== x.id) : [...H, x];
+    a.updateConfig({ documents: F });
+  }, De = [
+    {
+      id: "built-in:web",
+      name: "Web search guidance",
+      description: "Cites sources and flags primary vs. aggregated info.",
+      alwaysOn: !1,
+      body: "When unsure, prefer citing authoritative web sources and link to them. Distinguish between primary sources and aggregators."
+    },
+    {
+      id: "built-in:code",
+      name: "Code reviewer",
+      description: "Checks bugs, security, perf, readability & test coverage.",
+      alwaysOn: !1,
+      body: "When reviewing code, point out: 1) correctness bugs, 2) security implications, 3) performance, 4) readability, 5) test coverage. Suggest minimal patches."
+    },
+    {
+      id: "built-in:sql",
+      name: "SQL guardrails",
+      description: "Blocks unsafe SQL; requires WHERE clauses & parameters.",
+      alwaysOn: !1,
+      body: "Never write destructive SQL without a WHERE clause. Prefer parameterized queries. Always state the table schema when joining."
+    }
+  ], ie = r.documents?.length ?? 0, le = a.listConversationsMeta();
+  return /* @__PURE__ */ s(
+    "header",
+    {
+      className: d(
+        "relative z-20 flex items-center justify-between gap-2 border-b border-border/60 bg-background/70 px-3 py-2.5 backdrop-blur-xl supports-[backdrop-filter]:bg-background/55 sm:px-4",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ t("span", { className: "relative grid size-9 shrink-0 place-items-center rounded-xl grad-primary text-primary-foreground shadow-sm glow-primary", children: v?.icon ? /* @__PURE__ */ t("span", { className: "text-lg leading-none", children: v.icon }) : /* @__PURE__ */ t(ze, { className: "size-[18px]" }) }),
+          /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ t("p", { className: "truncate text-sm font-semibold tracking-tight", children: n.title ?? "Assistant" }),
+            /* @__PURE__ */ s("p", { className: "flex items-center gap-1.5 truncate text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ t("span", { className: "inline-block size-1.5 shrink-0 rounded-full bg-success shadow-[0_0_6px_currentColor]" }),
+              /* @__PURE__ */ t("span", { className: "truncate", children: n.subtitle ?? (r.model.label || r.model.id || "Ready") })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-0.5", children: [
+          b && /* @__PURE__ */ s(Ne, { open: i, onOpenChange: c, children: [
+            /* @__PURE__ */ t(we, { asChild: !0, children: /* @__PURE__ */ s(
+              N,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "hidden h-8 max-w-[180px] gap-1.5 rounded-lg px-2.5 text-xs font-medium text-muted-foreground hover:text-foreground sm:inline-flex",
+                children: [
+                  /* @__PURE__ */ t("span", { className: "text-sm leading-none", children: v?.icon ?? "✨" }),
+                  /* @__PURE__ */ t("span", { className: "truncate", children: v?.name ?? r.personality?.name ?? "Agent" }),
+                  /* @__PURE__ */ t(Ae, { className: "size-3 shrink-0 opacity-50" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ s(ue, { align: "end", className: "w-64", children: [
+              /* @__PURE__ */ t(ke, { children: "Agents" }),
+              /* @__PURE__ */ t("div", { className: "max-h-64 overflow-y-auto", children: y.map((x) => /* @__PURE__ */ s(
+                q,
+                {
+                  onClick: () => B(x),
+                  className: "gap-2",
+                  children: [
+                    /* @__PURE__ */ t("span", { className: "text-base leading-none", children: x.icon ?? "🤖" }),
+                    /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: x.name }),
+                    x.id === v?.id && /* @__PURE__ */ t(P, { className: "size-3.5 shrink-0 text-primary" })
+                  ]
+                },
+                x.id
+              )) }),
+              /* @__PURE__ */ t(me, {}),
+              /* @__PURE__ */ s(q, { onClick: () => j(!0), children: [
+                /* @__PURE__ */ t(Ke, { className: "size-3.5" }),
+                "New agent"
+              ] }),
+              /* @__PURE__ */ s(q, { onClick: () => j(!1), children: [
+                /* @__PURE__ */ t(Fe, { className: "size-3.5" }),
+                "Manage agents…"
+              ] })
+            ] })
+          ] }),
+          C && /* @__PURE__ */ s(Ne, { open: l, onOpenChange: u, children: [
+            /* @__PURE__ */ s(Y, { children: [
+              /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ t(we, { asChild: !0, children: /* @__PURE__ */ s(
+                N,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-8 gap-1.5 rounded-lg px-2.5 text-xs font-medium text-muted-foreground hover:text-foreground",
+                  children: [
+                    /* @__PURE__ */ t(Ge, { className: "size-3.5" }),
+                    /* @__PURE__ */ t("span", { className: "hidden sm:inline", children: "Docs" }),
+                    ie > 0 && /* @__PURE__ */ t(
+                      Se,
+                      {
+                        variant: "secondary",
+                        className: "ml-0.5 h-4 min-w-4 justify-center rounded-full px-1 text-[9px] tabular-nums",
+                        children: ie
+                      }
+                    )
+                  ]
+                }
+              ) }) }),
+              /* @__PURE__ */ t(U, { children: "Context documents — extra instructions prepended to the model's system prompt" })
+            ] }),
+            /* @__PURE__ */ s(ue, { align: "end", className: "w-72", children: [
+              /* @__PURE__ */ t(ke, { children: "Context documents" }),
+              De.map((x) => {
+                const H = (r.documents ?? []).some(
+                  (F) => F.id === x.id
+                );
+                return /* @__PURE__ */ t(
+                  q,
+                  {
+                    onClick: () => _(x),
+                    className: "items-start gap-2",
+                    children: /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ s("span", { className: "flex items-center gap-2 truncate", children: [
+                        x.name,
+                        H && /* @__PURE__ */ t(
+                          Se,
+                          {
+                            variant: "secondary",
+                            className: "ml-auto text-[9px]",
+                            children: "on"
+                          }
+                        )
+                      ] }),
+                      x.description && /* @__PURE__ */ t("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: x.description })
+                    ] })
+                  },
+                  x.id
+                );
+              }),
+              /* @__PURE__ */ t(me, {}),
+              /* @__PURE__ */ t("p", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: "Toggle a doc to prepend it to the model's context." })
+            ] })
+          ] }),
+          /* @__PURE__ */ t("span", { className: "mx-1 hidden h-5 w-px bg-border/70 sm:block" }),
+          /* @__PURE__ */ s(Y, { children: [
+            /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ t(
+              N,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                className: "rounded-lg text-muted-foreground hover:text-foreground",
+                "aria-label": "New chat",
+                onClick: () => a.newConversation(),
+                children: /* @__PURE__ */ t(na, { className: "size-4" })
+              }
+            ) }),
+            /* @__PURE__ */ t(U, { children: "New chat" })
+          ] }),
+          E && /* @__PURE__ */ s(Ne, { children: [
+            /* @__PURE__ */ s(Y, { children: [
+              /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ t(we, { asChild: !0, children: /* @__PURE__ */ t(
+                N,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  className: "rounded-lg text-muted-foreground hover:text-foreground",
+                  "aria-label": "Conversation history",
+                  children: /* @__PURE__ */ t(sa, { className: "size-4" })
+                }
+              ) }) }),
+              /* @__PURE__ */ t(U, { children: "History" })
+            ] }),
+            /* @__PURE__ */ s(ue, { align: "end", className: "w-72", children: [
+              /* @__PURE__ */ t(ke, { children: "Conversation history" }),
+              /* @__PURE__ */ t(me, {}),
+              le.length === 0 ? /* @__PURE__ */ s("p", { className: "px-2 py-6 text-center text-xs text-muted-foreground", children: [
+                "No conversations yet.",
+                /* @__PURE__ */ t("br", {}),
+                "Send a message to start one."
+              ] }) : /* @__PURE__ */ t("div", { className: "max-h-72 overflow-y-auto", children: le.map((x) => {
+                const H = x.id === a.conversationId;
+                return /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: d(
+                      "group/conv flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors",
+                      H ? "bg-accent" : "hover:bg-accent/60"
+                    ),
+                    children: [
+                      /* @__PURE__ */ s(
+                        N,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          onClick: () => a.setConversationId(x.id),
+                          className: "h-auto min-w-0 flex-1 justify-start gap-2 p-0 text-left font-normal hover:bg-transparent",
+                          children: [
+                            H ? /* @__PURE__ */ t(P, { className: "size-3.5 shrink-0 text-primary" }) : /* @__PURE__ */ t("span", { className: "size-3.5 shrink-0" }),
+                            /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
+                              /* @__PURE__ */ t("span", { className: "block truncate font-medium", children: x.title }),
+                              /* @__PURE__ */ s("span", { className: "block truncate text-[11px] text-muted-foreground", children: [
+                                x.messageCount,
+                                " msg",
+                                x.updatedAt ? ` · ${_r(x.updatedAt)}` : ""
+                              ] })
+                            ] })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        N,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "icon-sm",
+                          "aria-label": "Delete conversation",
+                          onClick: (F) => {
+                            F.stopPropagation(), a.deleteConversation(x.id);
+                          },
+                          className: "size-7 shrink-0 text-muted-foreground opacity-0 transition-opacity hover:bg-foreground/10 hover:text-destructive group-hover/conv:opacity-100",
+                          children: /* @__PURE__ */ t(pe, { className: "size-3.5" })
+                        }
+                      )
+                    ]
+                  },
+                  x.id
+                );
+              }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ t(Ir, { className: "rounded-lg text-muted-foreground hover:text-foreground" }),
+          T && a.getActiveToolCallCount() > 0 && /* @__PURE__ */ s(Y, { children: [
+            /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ s(
+              "div",
+              {
+                className: "inline-flex h-7 items-center gap-1 rounded-lg border border-border/60 bg-card/60 px-2 text-xs font-medium text-muted-foreground",
+                "aria-label": `${a.getActiveToolCallCount()} tool calls in progress`,
+                children: [
+                  /* @__PURE__ */ t(qe, { className: "size-3.5 animate-pulse" }),
+                  /* @__PURE__ */ t("span", { className: "font-mono", children: a.getActiveToolCallCount() })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ s(U, { children: [
+              a.getActiveToolCallCount(),
+              " tool call",
+              a.getActiveToolCallCount() === 1 ? "" : "s",
+              " in progress"
+            ] })
+          ] }),
+          /* @__PURE__ */ s(Ne, { children: [
+            /* @__PURE__ */ t(we, { asChild: !0, children: /* @__PURE__ */ t(
+              N,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                className: "rounded-lg text-muted-foreground hover:text-foreground",
+                "aria-label": "More",
+                children: /* @__PURE__ */ t(oa, { className: "size-4" })
+              }
+            ) }),
+            /* @__PURE__ */ s(ue, { align: "end", children: [
+              /* @__PURE__ */ s(q, { onClick: () => j(!1), children: [
+                /* @__PURE__ */ t(Fe, { className: "size-3.5" }),
+                "Manage agents…"
+              ] }),
+              /* @__PURE__ */ t(me, {}),
+              /* @__PURE__ */ s(
+                q,
+                {
+                  onClick: () => a.clear(),
+                  className: "text-destructive focus:text-destructive",
+                  children: [
+                    /* @__PURE__ */ t(pe, { className: "size-3.5" }),
+                    "Clear this conversation"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(
+          Mr,
+          {
+            open: f,
+            onOpenChange: o,
+            activeAgentId: v?.id ?? null,
+            onApply: B,
+            startInCreate: m
+          }
+        )
+      ]
+    }
+  );
+}
+function _r(e) {
+  const a = Date.now() - e, r = Math.round(a / 6e4);
+  if (r < 1) return "just now";
+  if (r < 60) return `${r}m ago`;
+  const n = Math.round(r / 60);
+  if (n < 24) return `${n}h ago`;
+  const i = Math.round(n / 24);
+  if (i < 7) return `${i}d ago`;
+  try {
+    return new Date(e).toLocaleDateString(void 0, {
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return "";
+  }
+}
+function Hr() {
+  return typeof window > "u" ? null : window.SpeechRecognition ?? window.webkitSpeechRecognition ?? null;
+}
+function jr(e = {}) {
+  const a = W(null), r = W(null), [n, i] = z(!1), [c, l] = z(!1), [u, f] = z(null), [o, m] = z("");
+  ne(() => {
+    const k = Hr();
+    return a.current = k, i(k !== null), () => {
+      r.current?.abort(), r.current = null;
+    };
+  }, []);
+  const p = Ce(() => {
+    const k = a.current;
+    if (!k) {
+      f("Speech recognition is not supported in this browser.");
+      return;
+    }
+    if (r.current) return;
+    f(null), m("");
+    const y = new k();
+    y.lang = e.lang ?? (typeof navigator < "u" ? navigator.language : "en-US"), y.continuous = e.continuous ?? !1, y.interimResults = !0, y.onresult = (v) => {
+      let b = "";
+      for (let C = v.resultIndex; C < v.results.length; C++) {
+        const T = v.results[C];
+        T && T[0] && (b += T[0].transcript);
+      }
+      if (b) {
+        m(b);
+        const C = v.results[v.results.length - 1]?.isFinal ?? !1;
+        e.onResult?.(b, C);
+      }
+    }, y.onerror = (v) => {
+      const b = v.error ?? v.message ?? "Voice recognition error";
+      f(b), l(!1), r.current = null;
+    }, y.onend = () => {
+      l(!1), r.current = null;
+    };
+    try {
+      y.start(), r.current = y, l(!0);
+    } catch (v) {
+      f(v instanceof Error ? v.message : String(v)), l(!1), r.current = null;
+    }
+  }, [e.lang, e.continuous, e.onResult]), w = Ce(() => {
+    if (r.current)
+      try {
+        r.current.stop();
+      } catch {
+      }
+  }, []);
+  return { supported: n, listening: c, error: u, start: p, stop: w, transcript: o };
+}
+const Fr = [
+  { value: "anthropic", label: "Anthropic (native)" },
+  { value: "openai", label: "OpenAI (native)" },
+  { value: "openai-compatible", label: "OpenAI-compatible" }
+], He = {
+  name: "",
+  icon: "🔌",
+  kind: "openai-compatible",
+  baseUrl: "",
+  apiKey: "",
+  models: ""
+};
+function Lr(e) {
+  return {
+    id: e.id,
+    name: e.name,
+    icon: e.icon ?? "🔌",
+    kind: e.kind,
+    baseUrl: e.baseUrl,
+    apiKey: e.apiKey,
+    models: _a(e.models)
+  };
+}
+function Br({
+  open: e,
+  onOpenChange: a,
+  activeProviderId: r,
+  onApply: n,
+  startInCreate: i = !1
+}) {
+  const [c, l] = z([]), [u, f] = z("list"), [o, m] = z(He), p = () => l(xt());
+  ne(() => {
+    e && (p(), f(i ? "edit" : "list"), m(He));
+  }, [e, i]);
+  const w = o.name.trim().length > 0 && o.baseUrl.trim().length > 0;
+  return /* @__PURE__ */ t(wt, { open: e, onOpenChange: a, children: /* @__PURE__ */ t(Xe, { className: "max-w-lg gap-0 overflow-hidden p-0", children: u === "list" ? /* @__PURE__ */ t(
+    Vr,
+    {
+      providers: c,
+      activeProviderId: r,
+      onCreate: () => {
+        m(He), f("edit");
+      },
+      onEdit: (y) => {
+        m(Lr(y)), f("edit");
+      },
+      onApply: (y) => {
+        n(y), a(!1);
+      },
+      onDuplicate: (y) => {
+        Ea(y), p();
+      },
+      onDelete: (y) => {
+        Ia(y), p();
+      },
+      onReset: () => {
+        Pa(), p();
+      }
+    }
+  ) : /* @__PURE__ */ t(
+    $r,
+    {
+      draft: o,
+      setDraft: m,
+      canSave: w,
+      onBack: () => f("list"),
+      onSave: () => {
+        if (!w) return;
+        const y = Ha({
+          id: o.id,
+          name: o.name,
+          icon: o.icon,
+          kind: o.kind,
+          baseUrl: o.baseUrl,
+          apiKey: o.apiKey,
+          models: ja(o.models, o.kind)
+        });
+        p(), n(y), a(!1);
+      }
+    }
+  ) }) });
+}
+function Vr({
+  providers: e,
+  activeProviderId: a,
+  onCreate: r,
+  onEdit: n,
+  onApply: i,
+  onDuplicate: c,
+  onDelete: l,
+  onReset: u
+}) {
+  const f = e.find((m) => m.id === a), o = e.filter((m) => m.id !== f?.id);
+  return /* @__PURE__ */ s(L, { children: [
+    /* @__PURE__ */ s(he, { className: "border-b border-border/60 p-5 pb-3", children: [
+      /* @__PURE__ */ t(xe, { children: "Providers & models" }),
+      /* @__PURE__ */ t(Je, { className: "text-xs", children: "Any OpenAI / Anthropic-compatible API. Keys stay in your browser." })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "max-h-[58vh] overflow-y-auto p-2 scrollbar-thin", children: [
+      f && /* @__PURE__ */ s(L, { children: [
+        /* @__PURE__ */ t(ut, { children: "Active" }),
+        /* @__PURE__ */ t(
+          mt,
+          {
+            p: f,
+            active: !0,
+            onApply: i,
+            onEdit: n,
+            onDuplicate: c,
+            onDelete: l
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "h-2" })
+      ] }),
+      /* @__PURE__ */ t(ut, { children: f ? "Available" : "Providers" }),
+      o.map((m) => /* @__PURE__ */ t(
+        mt,
+        {
+          p: m,
+          onApply: i,
+          onEdit: n,
+          onDuplicate: c,
+          onDelete: l
+        },
+        m.id
+      ))
+    ] }),
+    /* @__PURE__ */ s(be, { className: "flex-row items-center justify-between border-t border-border/60 p-4 sm:justify-between", children: [
+      /* @__PURE__ */ s(N, { variant: "ghost", size: "sm", onClick: u, className: "gap-1.5 text-muted-foreground", children: [
+        /* @__PURE__ */ t(We, { className: "size-3.5" }),
+        "Reset defaults"
+      ] }),
+      /* @__PURE__ */ s(N, { onClick: r, className: "gap-2", children: [
+        /* @__PURE__ */ t(Ke, { className: "size-4" }),
+        "New provider"
+      ] })
+    ] })
+  ] });
+}
+function $r({
+  draft: e,
+  setDraft: a,
+  canSave: r,
+  onBack: n,
+  onSave: i
+}) {
+  const c = (l, u) => a({ ...e, [l]: u });
+  return /* @__PURE__ */ s(L, { children: [
+    /* @__PURE__ */ t(he, { className: "border-b border-border/60 p-5 pb-4", children: /* @__PURE__ */ s(xe, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t(N, { type: "button", variant: "ghost", size: "icon-sm", onClick: n, "aria-label": "Back to list", className: "text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ t(gt, { className: "size-4" }) }),
+      e.id ? "Edit provider" : "New provider"
+    ] }) }),
+    /* @__PURE__ */ s("div", { className: "max-h-[55vh] space-y-4 overflow-y-auto p-5 scrollbar-thin", children: [
+      /* @__PURE__ */ s("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ t(te, { label: "Icon", className: "w-20", children: /* @__PURE__ */ t($, { value: e.icon, onChange: (l) => c("icon", l.target.value.slice(0, 2)), className: "text-center text-lg", maxLength: 2 }) }),
+        /* @__PURE__ */ t(te, { label: "Name", className: "flex-1", children: /* @__PURE__ */ t($, { value: e.name, onChange: (l) => c("name", l.target.value), placeholder: "e.g. Groq" }) })
+      ] }),
+      /* @__PURE__ */ t(te, { label: "Protocol", children: /* @__PURE__ */ s(Ct, { value: e.kind, onValueChange: (l) => c("kind", l), children: [
+        /* @__PURE__ */ t(Ze, { children: /* @__PURE__ */ t(zt, {}) }),
+        /* @__PURE__ */ t(et, { children: Fr.map((l) => /* @__PURE__ */ t(tt, { value: l.value, children: l.label }, l.value)) })
+      ] }) }),
+      /* @__PURE__ */ t(te, { label: "Base URL", children: /* @__PURE__ */ t($, { value: e.baseUrl, onChange: (l) => c("baseUrl", l.target.value), placeholder: "https://api.example.com/v1", className: "font-mono text-xs" }) }),
+      /* @__PURE__ */ t(te, { label: "API key", hint: "stored in your browser", children: /* @__PURE__ */ t($, { type: "password", value: e.apiKey, onChange: (l) => c("apiKey", l.target.value), placeholder: "sk-…", className: "font-mono text-xs", autoComplete: "off" }) }),
+      /* @__PURE__ */ t(te, { label: "Models", hint: "one per line · id | Label", children: /* @__PURE__ */ t(
+        re,
+        {
+          value: e.models,
+          onChange: (l) => c("models", l.target.value),
+          placeholder: `gpt-4o | GPT-4o
+gpt-4o-mini | GPT-4o mini`,
+          className: "min-h-24 resize-y font-mono text-xs"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ s(be, { className: "gap-2 border-t border-border/60 p-4", children: [
+      /* @__PURE__ */ t(N, { variant: "ghost", onClick: n, children: "Cancel" }),
+      /* @__PURE__ */ s(N, { onClick: i, disabled: !r, className: "gap-2", children: [
+        /* @__PURE__ */ t(P, { className: "size-4" }),
+        "Save & use"
+      ] })
+    ] })
+  ] });
+}
+function ut({ children: e }) {
+  return /* @__PURE__ */ t("p", { className: "px-2 pb-1 pt-1.5 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70", children: e });
+}
+function Or(e) {
+  return e.replace(/^https?:\/\//, "");
+}
+function mt({
+  p: e,
+  active: a,
+  onApply: r,
+  onEdit: n,
+  onDuplicate: i,
+  onDelete: c
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: d(
+        "group/prov flex items-center gap-2.5 rounded-lg px-2 py-1.5 transition-colors",
+        a ? "bg-primary/8 ring-1 ring-primary/20" : "hover:bg-accent/50"
+      ),
+      children: [
+        /* @__PURE__ */ t("span", { className: "grid size-8 shrink-0 place-items-center rounded-md bg-muted text-base", children: e.icon ?? "🔌" }),
+        /* @__PURE__ */ s(
+          N,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: () => r(e),
+            className: "h-auto min-w-0 flex-1 flex-col items-stretch justify-start gap-0.5 p-0 text-left hover:bg-transparent",
+            children: [
+              /* @__PURE__ */ s("span", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ t("span", { className: "truncate text-sm font-medium", children: e.name }),
+                a && /* @__PURE__ */ t(P, { className: "size-3.5 shrink-0 text-primary" })
+              ] }),
+              /* @__PURE__ */ s("span", { className: "flex items-center gap-1.5 truncate text-[11px] font-normal text-muted-foreground", children: [
+                /* @__PURE__ */ t(
+                  "span",
+                  {
+                    className: d(
+                      "size-1.5 shrink-0 rounded-full",
+                      e.apiKey ? "bg-success" : "bg-muted-foreground/40"
+                    ),
+                    title: e.apiKey ? "API key set" : "No API key"
+                  }
+                ),
+                /* @__PURE__ */ t("span", { className: "truncate font-mono", children: Or(e.baseUrl) }),
+                /* @__PURE__ */ s("span", { className: "shrink-0 text-muted-foreground/60", children: [
+                  "· ",
+                  e.models.length,
+                  " model",
+                  e.models.length === 1 ? "" : "s"
+                ] })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover/prov:opacity-100", children: [
+          /* @__PURE__ */ t(N, { variant: "ghost", size: "icon-sm", "aria-label": "Duplicate", onClick: () => i(e.id), className: "text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ t(Me, { className: "size-3.5" }) }),
+          /* @__PURE__ */ t(N, { variant: "ghost", size: "icon-sm", "aria-label": "Edit", onClick: () => n(e), className: "text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ t(Ue, { className: "size-3.5" }) }),
+          /* @__PURE__ */ t(N, { variant: "ghost", size: "icon-sm", "aria-label": "Delete", onClick: () => c(e.id), className: "text-muted-foreground hover:text-destructive", children: /* @__PURE__ */ t(pe, { className: "size-3.5" }) })
+        ] })
+      ]
+    }
+  );
+}
+function te({
+  label: e,
+  hint: a,
+  className: r,
+  children: n
+}) {
+  return /* @__PURE__ */ s("div", { className: d("space-y-1.5", r), children: [
+    /* @__PURE__ */ s(at, { className: "flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+      e,
+      a && /* @__PURE__ */ s("span", { className: "text-muted-foreground/60", children: [
+        "· ",
+        a
+      ] })
+    ] }),
+    n
+  ] });
+}
+const Ur = K(
+  "group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-2xl border bg-card text-card-foreground transition-colors focus-within:ring-1 focus-within:ring-ring/30 has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed",
+  {
+    variants: {
+      size: {
+        default: "gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2",
+        sm: "gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5",
+        xs: "gap-1.5 rounded-xl text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1"
+      },
+      orientation: {
+        horizontal: "min-w-40 items-center",
+        vertical: "w-24 flex-col has-data-[slot=attachment-content]:w-30"
+      }
+    }
+  }
+);
+function Pt({
+  className: e,
+  state: a = "done",
+  size: r = "default",
+  orientation: n = "horizontal",
+  ...i
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "attachment",
+      "data-state": a,
+      "data-size": r,
+      "data-orientation": n ?? "horizontal",
+      className: d(Ur({ size: r, orientation: n }), e),
+      ...i
+    }
+  );
+}
+const Kr = K(
+  "relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5",
+  {
+    variants: {
+      variant: {
+        icon: "",
+        image: "opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "icon"
+    }
+  }
+);
+function Be({
+  className: e,
+  variant: a = "icon",
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "attachment-media",
+      "data-variant": a,
+      className: d(Kr({ variant: a }), e),
+      ...r
+    }
+  );
+}
+function It({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "attachment-content",
+      className: d(
+        "max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function Et({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-slot": "attachment-title",
+      className: d(
+        "block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function _t({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-slot": "attachment-description",
+      className: d(
+        "mt-0.5 block min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive/80",
+        "max-w-full",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function Gr({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "attachment-actions",
+      className: d(
+        "relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function qr({
+  className: e,
+  variant: a,
+  size: r = "icon-sm",
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    N,
+    {
+      "data-slot": "attachment-action",
+      variant: a ?? "ghost",
+      size: r,
+      className: d(e),
+      ...n
+    }
+  );
+}
+function xs({
+  className: e,
+  asChild: a = !1,
+  type: r,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    a ? Re : "button",
+    {
+      "data-slot": "attachment-trigger",
+      type: a ? void 0 : r ?? "button",
+      className: d("absolute inset-0 z-10 outline-none", e),
+      ...n
+    }
+  );
+}
+function vs({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "attachment-group",
+      className: d(
+        "flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function Wr(e) {
+  return e === "application/pdf" ? ia : e === "application/json" ? la : e.startsWith("text/csv") || e === "text/csv" ? ca : e.startsWith("text/") ? Ge : da;
+}
+function Yr(e) {
+  return !e || e === "application/octet-stream" ? "file" : e.startsWith("image/") ? e.slice(6).toUpperCase() : e === "application/pdf" ? "PDF" : e === "application/json" ? "JSON" : e.startsWith("text/") ? e.slice(5).toUpperCase() : e;
+}
+function Ht({
+  att: e,
+  state: a = "done",
+  onRemove: r
+}) {
+  const n = e.mimeType ?? e.mime ?? "", i = n.startsWith("image/") && !!e.dataUrl, c = Wr(n);
+  return /* @__PURE__ */ s(
+    Pt,
+    {
+      size: "default",
+      state: a,
+      className: "w-56 max-w-full bg-background/60",
+      children: [
+        i ? /* @__PURE__ */ t(
+          Be,
+          {
+            variant: "image",
+            className: "size-11 rounded-lg ring-1 ring-border/60",
+            children: /* @__PURE__ */ t("img", { src: e.dataUrl, alt: e.name, loading: "lazy" })
+          }
+        ) : /* @__PURE__ */ t(Be, { className: "size-11 rounded-lg text-primary", children: /* @__PURE__ */ t(c, { className: "size-5" }) }),
+        /* @__PURE__ */ s(It, { children: [
+          /* @__PURE__ */ t(Et, { children: e.name }),
+          /* @__PURE__ */ s(_t, { children: [
+            Jt(e.size),
+            " · ",
+            Yr(n)
+          ] })
+        ] }),
+        r && /* @__PURE__ */ t(Gr, { children: /* @__PURE__ */ t(qr, { "aria-label": "Remove attachment", onClick: r, children: /* @__PURE__ */ t(ft, { className: "size-3.5" }) }) })
+      ]
+    }
+  );
+}
+function Qr(e) {
+  const { onSend: a, streaming: r, disabled: n, renderSendButton: i, className: c, contentClassName: l } = e, u = se(), f = u.config, o = f.ui ?? {}, [m, p] = z(""), [w, k] = z([]), [y, v] = z(0), [b, C] = z(null), T = W(null), E = (g) => {
+    C(g), T.current !== null && window.clearTimeout(T.current), T.current = window.setTimeout(() => C(null), 4e3);
+  };
+  ne(
+    () => () => {
+      T.current !== null && window.clearTimeout(T.current);
+    },
+    []
+  );
+  const [B, j] = z(!1), _ = W(null), De = W(null), ie = W(null), le = W(0), x = 200;
+  Yt(() => {
+    const g = ie.current;
+    if (!g) return;
+    const M = le.current;
+    g.style.height = "auto";
+    const D = Math.min(g.scrollHeight, x);
+    M && M !== D && (g.style.height = `${M}px`, g.offsetHeight), g.style.height = `${D}px`, le.current = D;
+  }, [m]);
+  const H = r ?? u.isStreaming, F = !H && !n && (m.trim().length > 0 || w.length > 0), Z = o.enableFileUpload ?? !0, Ft = o.enableVoiceInput ?? !1, V = jr({
+    onResult: (g) => {
+      p((M) => {
+        const D = M.length > 0 && !M.endsWith(" ") ? " " : "";
+        return M + D + g;
+      });
+    }
+  }), [Lt, rt] = z(!1), [Bt, Vt] = z(!1), [nt, $t] = z(
+    () => Fa()
+  ), st = (g, M) => {
+    const D = u.config.provider, ce = g.apiKey || (D.baseUrl === g.baseUrl ? D.credentials?.apiKey ?? "" : "");
+    u.updateConfig(
+      La({ ...g, apiKey: ce }, M)
+    ), Ba(g.id), $t(g.id);
+  }, Pe = async () => {
+    if (!F) return;
+    const g = m.trim();
+    p("");
+    const M = w;
+    k([]), a ? await a(g, M) : await u.send(g, M);
+  }, Ot = (g) => {
+    g.key === "Enter" && !g.shiftKey && !g.nativeEvent.isComposing && (g.preventDefault(), Pe());
+  }, ot = Ce(
+    async (g) => {
+      const M = Array.from(g), D = o.maxFileSizeMb ?? 10, ce = o.acceptedFileTypes ?? [], ve = M.filter((R) => R.size > D * 1024 * 1024), it = ve.length > 0, Ie = ve.length > 0 ? M.filter((R) => R.size <= D * 1024 * 1024) : M, de = ce.length > 0 ? Ie.filter(
+        (R) => ce.some((G) => R.type === G || R.type.startsWith(`${G}/`))
+      ) : Ie, ye = Ie.length - de.length;
+      if (it || ye > 0) {
+        const R = [];
+        it && R.push(
+          `${ve.length} file${ve.length === 1 ? "" : "s"} over ${D} MB`
+        ), ye > 0 && R.push(
+          `${ye} file${ye === 1 ? "" : "s"} with unsupported type`
+        );
+        const G = `Rejected ${R.join(" and ")}.`;
+        if (console.warn(`[MessageInput] ${G}`, { maxMb: D, acceptedTypes: ce }), E(G), de.length === 0) return;
+      }
+      v((R) => R + de.length);
+      try {
+        const R = await Ka(de, f);
+        k((G) => [...G, ...R]);
+      } catch (R) {
+        u.config.onError?.(
+          {
+            code: "bad_request",
+            message: (R instanceof Error ? R.message : String(R)) ?? "File upload failed",
+            retryable: !1
+          },
+          { conversationId: u.conversationId }
+        );
+      } finally {
+        v((R) => Math.max(0, R - de.length));
+      }
+    },
+    [
+      f,
+      u.config,
+      u.conversationId,
+      o.maxFileSizeMb,
+      o.acceptedFileTypes
+    ]
+  ), Ut = (g) => {
+    g.target.files && ot(g.target.files), g.target.value = "";
+  }, Kt = (g) => {
+    g.preventDefault(), j(!1), g.dataTransfer.files && ot(g.dataTransfer.files);
+  }, Gt = (g) => {
+    Z && (g.preventDefault(), j(!0));
+  }, qt = (g) => {
+    k((M) => M.filter((D) => D.id !== g.id));
+  }, Wt = (g) => {
+    Vt(g), rt(!0);
+  };
+  return /* @__PURE__ */ s(
+    "form",
+    {
+      ref: De,
+      onSubmit: (g) => {
+        g.preventDefault(), Pe();
+      },
+      className: d(
+        "relative z-10 px-3 pb-3 pt-2 sm:px-4 sm:pb-4",
+        c
+      ),
+      onDragOver: Gt,
+      onDragLeave: () => j(!1),
+      onDrop: Kt,
+      children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: d(
+              "mx-auto w-full max-w-3xl rounded-2xl border bg-card/80 p-2 backdrop-blur-xl transition-[box-shadow,border-color] duration-200",
+              "border-border/70 shadow-[0_2px_8px_-4px_oklch(var(--foreground)/0.1)]",
+              "focus-within:border-primary/50 focus-within:shadow-[0_0_0_1px_oklch(var(--primary)/0.35),0_10px_30px_-12px_oklch(var(--glow)/0.5)]",
+              B && "border-primary/60 ring-2 ring-primary/30",
+              l
+            ),
+            children: [
+              (w.length > 0 || y > 0) && /* @__PURE__ */ s("div", { className: "flex max-h-44 flex-wrap gap-2 overflow-y-auto px-1 pb-2 pt-1 scrollbar-thin", children: [
+                w.map((g) => /* @__PURE__ */ t(
+                  Ht,
+                  {
+                    att: g,
+                    onRemove: () => qt(g)
+                  },
+                  g.id
+                )),
+                Array.from({ length: y }).map((g, M) => /* @__PURE__ */ s(Pt, { size: "sm", state: "uploading", children: [
+                  /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(Le, { className: "size-4 animate-spin" }) }),
+                  /* @__PURE__ */ s(It, { children: [
+                    /* @__PURE__ */ t(Et, { children: "Uploading…" }),
+                    /* @__PURE__ */ t(_t, { children: "reading file" })
+                  ] })
+                ] }, `uploading-${M}`))
+              ] }),
+              /* @__PURE__ */ s("div", { className: "flex items-end gap-1.5", children: [
+                Z && /* @__PURE__ */ s(L, { children: [
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      ref: _,
+                      type: "file",
+                      hidden: !0,
+                      multiple: !0,
+                      onChange: Ut,
+                      accept: (o.acceptedFileTypes ?? []).join(",")
+                    }
+                  ),
+                  /* @__PURE__ */ s(Y, { children: [
+                    /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ t(
+                      N,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "icon",
+                        className: "size-9 shrink-0 rounded-xl text-muted-foreground hover:text-foreground",
+                        onClick: () => _.current?.click(),
+                        "aria-label": "Attach files",
+                        disabled: n,
+                        children: /* @__PURE__ */ t(ua, { className: "size-[18px]" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ t(U, { children: "Attach files (images, PDFs, text)" })
+                  ] })
+                ] }),
+                Ft && V.supported && /* @__PURE__ */ s(Y, { children: [
+                  /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ t(
+                    N,
+                    {
+                      type: "button",
+                      variant: V.listening ? "destructive" : "ghost",
+                      size: "icon",
+                      className: d(
+                        "size-9 shrink-0 rounded-xl text-muted-foreground hover:text-foreground",
+                        V.listening && "ring-2 ring-primary/60 animate-pulse"
+                      ),
+                      onClick: () => {
+                        V.listening ? V.stop() : V.start();
+                      },
+                      "aria-label": V.listening ? "Stop dictation" : "Start dictation",
+                      disabled: n,
+                      children: V.listening ? /* @__PURE__ */ t(ma, { className: "size-[18px]" }) : /* @__PURE__ */ t(pa, { className: "size-[18px]" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ t(U, { children: V.listening ? "Stop dictation" : "Start dictation" })
+                ] }),
+                /* @__PURE__ */ t(
+                  re,
+                  {
+                    ref: ie,
+                    value: m,
+                    onChange: (g) => p(g.target.value),
+                    onKeyDown: Ot,
+                    placeholder: o.placeholder ?? "Ask anything…",
+                    rows: 1,
+                    disabled: n,
+                    className: "max-h-[200px] min-h-[40px] flex-1 resize-none overflow-y-auto border-0 bg-transparent px-1 py-2 text-[0.9375rem] shadow-none scrollbar-thin transition-[height] duration-150 ease-out focus-visible:ring-0 focus-visible:ring-offset-0 motion-reduce:transition-none"
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  Xr,
+                  {
+                    currentModelId: f.model.id,
+                    activeProviderId: nt,
+                    onPick: st,
+                    onManage: () => Wt(!1)
+                  }
+                ),
+                H ? /* @__PURE__ */ t(
+                  N,
+                  {
+                    type: "button",
+                    variant: "destructive",
+                    size: "icon",
+                    className: "size-9 shrink-0 rounded-xl",
+                    onClick: () => u.abort(),
+                    "aria-label": "Stop generating",
+                    children: /* @__PURE__ */ t(fa, { className: "size-3.5 fill-current" })
+                  }
+                ) : i ? i({
+                  disabled: !F,
+                  onClick: () => void Pe()
+                }) : /* @__PURE__ */ t(
+                  N,
+                  {
+                    type: "submit",
+                    size: "icon",
+                    disabled: !F,
+                    "aria-label": "Send message",
+                    className: d(
+                      "size-9 shrink-0 rounded-xl border-0 text-primary-foreground transition-all",
+                      F ? "grad-primary glow-primary hover:brightness-110" : "bg-muted text-muted-foreground"
+                    ),
+                    children: /* @__PURE__ */ t(ga, { className: "size-4" })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s("p", { className: d("mx-auto mt-2 max-w-3xl px-1 text-center text-[11px] text-muted-foreground/70", l), children: [
+          "Press",
+          " ",
+          /* @__PURE__ */ t("kbd", { className: "rounded border border-border/70 bg-muted/60 px-1 font-sans text-[10px]", children: "Enter" }),
+          " ",
+          "to send ·",
+          " ",
+          /* @__PURE__ */ t("kbd", { className: "rounded border border-border/70 bg-muted/60 px-1 font-sans text-[10px]", children: "Shift+Enter" }),
+          " ",
+          "for a new line"
+        ] }),
+        b && /* @__PURE__ */ t(
+          "p",
+          {
+            role: "status",
+            className: "mx-auto mt-1 max-w-3xl px-1 text-center text-[11px] text-destructive",
+            children: b
+          }
+        ),
+        B && /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-2 flex items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-primary/50 bg-primary/5 text-sm font-medium text-primary backdrop-blur-sm", children: [
+          /* @__PURE__ */ t(Ge, { className: "size-4" }),
+          "Drop files to attach"
+        ] }),
+        /* @__PURE__ */ t(
+          Br,
+          {
+            open: Lt,
+            onOpenChange: rt,
+            activeProviderId: nt,
+            onApply: (g) => st(g),
+            startInCreate: Bt
+          }
+        )
+      ]
+    }
+  );
+}
+function Xr({
+  currentModelId: e,
+  activeProviderId: a,
+  onPick: r,
+  onManage: n
+}) {
+  const [i, c] = z(!1), [l, u] = z(""), f = Qt(() => i ? xt() : [], [i]), o = l.toLowerCase(), m = f.map((p) => ({
+    provider: p,
+    models: p.models.filter(
+      (w) => !o || w.id.toLowerCase().includes(o) || (w.label ?? "").toLowerCase().includes(o) || p.name.toLowerCase().includes(o)
+    )
+  })).filter((p) => p.models.length > 0);
+  return /* @__PURE__ */ s(lr, { open: i, onOpenChange: c, children: [
+    /* @__PURE__ */ t(cr, { asChild: !0, children: /* @__PURE__ */ s(
+      N,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        className: "hidden h-9 shrink-0 gap-1 rounded-xl border border-border/60 px-2.5 text-xs font-medium text-muted-foreground hover:text-foreground sm:inline-flex",
+        "aria-label": "Select model",
+        children: [
+          /* @__PURE__ */ t("span", { className: "max-w-[120px] truncate font-mono text-[11px]", children: e || "Select model" }),
+          /* @__PURE__ */ t(Ae, { className: "size-3 opacity-60" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ s(Nt, { align: "end", className: "w-80 p-0", children: [
+      /* @__PURE__ */ t("div", { className: "border-b p-2", children: /* @__PURE__ */ t(
+        $,
+        {
+          type: "text",
+          placeholder: "Search providers & models…",
+          value: l,
+          onChange: (p) => u(p.target.value),
+          className: "h-8 text-xs"
+        }
+      ) }),
+      /* @__PURE__ */ t("div", { className: "max-h-72 overflow-y-auto p-1", children: m.length === 0 ? /* @__PURE__ */ t("div", { className: "p-4 text-center text-xs text-muted-foreground", children: "No models found" }) : m.map(({ provider: p, models: w }) => /* @__PURE__ */ s("div", { className: "mb-1", children: [
+        /* @__PURE__ */ s("p", { className: "flex items-center gap-1.5 px-2 py-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: [
+          /* @__PURE__ */ t("span", { className: "text-sm leading-none", children: p.icon }),
+          p.name,
+          !p.apiKey && /* @__PURE__ */ t("span", { className: "rounded bg-muted px-1 text-[8px] normal-case text-muted-foreground/70", children: "no key" })
+        ] }),
+        w.map((k) => {
+          const y = k.id === e && p.id === a;
+          return /* @__PURE__ */ s(
+            N,
+            {
+              type: "button",
+              variant: "ghost",
+              onClick: () => {
+                r(p, k), c(!1);
+              },
+              className: d(
+                "h-auto w-full justify-between gap-2 rounded-sm px-2 py-1.5 text-left text-xs font-normal",
+                y && "bg-accent/50"
+              ),
+              children: [
+                /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ t("span", { className: "block truncate font-medium", children: k.label ?? k.id }),
+                  /* @__PURE__ */ t("span", { className: "block truncate font-mono text-[10px] text-muted-foreground", children: k.id })
+                ] }),
+                y && /* @__PURE__ */ t(P, { className: "size-3.5 shrink-0 text-primary" })
+              ]
+            },
+            `${p.id}:${k.id}`
+          );
+        })
+      ] }, p.id)) }),
+      /* @__PURE__ */ t("div", { className: "border-t p-1", children: /* @__PURE__ */ s(
+        N,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: () => {
+            c(!1), n();
+          },
+          className: "h-8 w-full justify-start gap-2 rounded-sm px-2 text-xs font-normal text-muted-foreground hover:text-foreground",
+          children: [
+            /* @__PURE__ */ t(Fe, { className: "size-3.5" }),
+            "Manage providers & models…"
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+function ys({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "bubble-group",
+      className: d("flex min-w-0 flex-col gap-2", e),
+      ...a
+    }
+  );
+}
+const Jr = K(
+  "group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full",
+  {
+    variants: {
+      variant: {
+        default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
+        secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
+        muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
+        tinted: "*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]",
+        outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
+        ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
+        destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Zr({
+  variant: e = "default",
+  align: a = "start",
+  className: r,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "bubble",
+      "data-variant": e,
+      "data-align": a,
+      className: d(Jr({ variant: e }), r),
+      ...n
+    }
+  );
+}
+function en({
+  asChild: e = !1,
+  className: a,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    e ? Re : "div",
+    {
+      "data-slot": "bubble-content",
+      className: d(
+        "w-fit max-w-full min-w-0 overflow-hidden rounded-3xl border border-transparent px-3 py-2.5 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/30",
+        a
+      ),
+      ...r
+    }
+  );
+}
+const tn = K(
+  "absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0",
+  {
+    variants: {
+      side: {
+        top: "top-0 -translate-y-3/4",
+        bottom: "bottom-0 translate-y-3/4"
+      },
+      align: {
+        start: "left-3",
+        end: "right-3"
+      }
+    },
+    defaultVariants: {
+      side: "bottom",
+      align: "end"
+    }
+  }
+);
+function Ns({
+  side: e = "bottom",
+  align: a = "end",
+  className: r,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "bubble-reactions",
+      "data-align": a,
+      "data-side": e,
+      className: d(tn({ side: e, align: a }), r),
+      ...n
+    }
+  );
+}
+function ws({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "message-group",
+      className: d("flex min-w-0 flex-col gap-2", e),
+      ...a
+    }
+  );
+}
+function an({
+  className: e,
+  align: a = "start",
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "message",
+      "data-align": a,
+      className: d(
+        "group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function rn({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "message-avatar",
+      className: d(
+        "flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function nn({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "message-content",
+      className: d(
+        "flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function ks({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "message-header",
+      className: d(
+        "flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function Ve({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "message-footer",
+      className: d(
+        "flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end",
+        e
+      ),
+      ...a
+    }
+  );
+}
+class sn {
+  state = {
+    viewportEl: null,
+    scrollHeight: 0,
+    scrollTop: 0,
+    viewportHeight: 0,
+    autoScroll: !1
+  };
+  listeners = /* @__PURE__ */ new Set();
+  getState = () => this.state;
+  subscribe = (a) => (this.listeners.add(a), () => {
+    this.listeners.delete(a);
+  });
+  setState = (a) => {
+    this.state = { ...this.state, ...a };
+    for (const r of this.listeners) r();
+  };
+}
+const jt = h.createContext(null);
+function J() {
+  const e = h.useContext(jt);
+  if (!e)
+    throw new Error(
+      "MessageScroller primitives must be used within MessageScrollerProvider."
+    );
+  return e;
+}
+function on(e) {
+  const {
+    autoScroll: a = !1,
+    defaultScrollPosition: r = "end",
+    scrollEdgeThreshold: n = 4,
+    contentSignal: i = "",
+    children: c
+  } = e, l = h.useRef(null);
+  l.current === null && (l.current = new sn());
+  const u = h.useRef([]), f = h.useRef(!1), o = h.useCallback((b) => (u.current = [...u.current, b], () => {
+    u.current = u.current.filter((C) => C.id !== b.id);
+  }), []), m = h.useCallback(
+    (b, C = {}) => {
+      const T = l.current.getState().viewportEl;
+      if (!T) return;
+      const E = u.current[b];
+      if (!E?.element) return;
+      const B = E.element.offsetTop, j = C.align ?? "start";
+      let _ = B;
+      j === "end" ? _ = B + E.element.offsetHeight - T.clientHeight : j === "center" && (_ = B + E.element.offsetHeight / 2 - T.clientHeight / 2), _ = Math.max(0, _), typeof T.scrollTo == "function" ? T.scrollTo({ top: _, behavior: C.behavior ?? "smooth" }) : T.scrollTop = _;
+    },
+    []
+  ), p = h.useCallback(
+    (b) => m(u.current.length - 1, {
+      align: "end",
+      ...b
+    }),
+    [m]
+  ), w = h.useCallback(
+    (b) => m(0, { align: "start", ...b }),
+    [m]
+  ), k = h.useCallback(
+    (b, C) => {
+      const T = u.current.findIndex((E) => E.id === b);
+      T >= 0 && m(T, C);
+    },
+    [m]
+  );
+  h.useEffect(() => {
+    const b = l.current;
+    return b.subscribe(() => {
+      !b.getState().viewportEl || f.current || requestAnimationFrame(() => {
+        f.current || (r === "end" ? p({ behavior: "auto" }) : w({ behavior: "auto" }), f.current = !0);
+      });
+    });
+  }, [r, p, w]), h.useEffect(() => {
+    l.current.setState({ autoScroll: a });
+  }, [a]);
+  const y = h.useRef(p);
+  h.useEffect(() => {
+    y.current = p;
+  }, [p]), h.useEffect(() => {
+    if (!a) return;
+    const b = l.current, C = requestAnimationFrame(() => {
+      const T = b.getState();
+      !T.viewportEl || T.scrollHeight - T.scrollTop - T.viewportHeight > n || y.current({ behavior: "auto" });
+    });
+    return () => cancelAnimationFrame(C);
+  }, [a, i, n, l]);
+  const v = h.useMemo(
+    () => ({
+      registerMessage: o,
+      stateStore: l.current,
+      scrollToIndex: m,
+      scrollToEnd: p,
+      scrollToStart: w,
+      scrollToMessage: k
+    }),
+    [o, m, p, w, k]
+  );
+  return /* @__PURE__ */ t(jt.Provider, { value: v, children: c });
+}
+function Cs() {
+  const { scrollToEnd: e, scrollToStart: a, scrollToMessage: r } = J();
+  return h.useMemo(
+    () => ({
+      scrollToEnd: e,
+      scrollToStart: a,
+      scrollToMessage: r
+    }),
+    [e, a, r]
+  );
+}
+function ln() {
+  const { stateStore: e } = J();
+  return h.useSyncExternalStore(
+    e.subscribe,
+    e.getState,
+    e.getState
+  );
+}
+function cn() {
+  const { stateStore: e } = J(), a = h.useRef({
+    atEnd: !1,
+    atStart: !0
+  });
+  return h.useSyncExternalStore(
+    e.subscribe,
+    () => {
+      const r = e.getState(), i = r.scrollHeight - r.scrollTop - r.viewportHeight < 32, c = r.scrollTop < 32, l = a.current;
+      if (l.atEnd === i && l.atStart === c) return l;
+      const u = { atEnd: i, atStart: c };
+      return a.current = u, u;
+    },
+    () => ({ atEnd: !1, atStart: !0 })
+  );
+}
+const dn = h.forwardRef(function({ children: e, ...a }, r) {
+  return /* @__PURE__ */ t("div", { ref: r, ...a, children: e });
+}), un = h.forwardRef(
+  function({ children: e, onScroll: a, ...r }, n) {
+    const i = h.useRef(null), c = h.useCallback(
+      (u) => {
+        i.current = u, typeof n == "function" ? n(u) : n && (n.current = u);
+      },
+      [n]
+    ), { stateStore: l } = J();
+    return h.useEffect(() => {
+      const u = i.current;
+      if (u)
+        return l.setState({
+          viewportEl: u,
+          scrollHeight: u.scrollHeight,
+          scrollTop: u.scrollTop,
+          viewportHeight: u.clientHeight
+        }), () => l.setState({ viewportEl: null });
+    }, [l]), h.useLayoutEffect(() => {
+      const u = i.current;
+      if (!u) return;
+      const f = () => l.setState({
+        scrollHeight: u.scrollHeight,
+        scrollTop: u.scrollTop,
+        viewportHeight: u.clientHeight
+      });
+      u.addEventListener("scroll", f, { passive: !0 });
+      const o = new ResizeObserver(f);
+      return o.observe(u), f(), () => {
+        u.removeEventListener("scroll", f), o.disconnect();
+      };
+    }, [l]), /* @__PURE__ */ t(
+      "div",
+      {
+        ref: c,
+        onScroll: (u) => {
+          a?.(u);
+        },
+        ...r,
+        children: e
+      }
+    );
+  }
+), mn = h.forwardRef(
+  function({ children: a, ...r }, n) {
+    const i = h.useRef(null), { stateStore: c } = J(), l = h.useRef(
+      null
+    ), u = h.useRef(a), f = h.useCallback(
+      (o) => {
+        i.current = o, typeof n == "function" ? n(o) : n && (n.current = o);
+      },
+      [n]
+    );
+    return h.useEffect(() => {
+      const o = i.current;
+      if (!o) return;
+      const m = l.current, p = u.current;
+      if (u.current = a, !m || p === a || o.scrollHeight - m.scrollHeight <= 0 || m.scrollTop > 8) return;
+      const y = requestAnimationFrame(() => {
+        if (!i.current) return;
+        const v = i.current.scrollHeight, b = v - m.scrollHeight;
+        b > 0 && (i.current.scrollTop = m.scrollTop + b, c.setState({
+          scrollTop: m.scrollTop + b,
+          scrollHeight: v
+        }));
+      });
+      return () => cancelAnimationFrame(y);
+    }, [a, c]), h.useLayoutEffect(() => {
+      const o = i.current;
+      if (!o) return;
+      const m = () => {
+        l.current = {
+          scrollTop: o.scrollTop,
+          scrollHeight: o.scrollHeight
+        };
+      }, p = requestAnimationFrame(m);
+      return o.addEventListener("scroll", m, { passive: !0 }), () => {
+        cancelAnimationFrame(p), o.removeEventListener("scroll", m);
+      };
+    }, []), /* @__PURE__ */ t("div", { ref: f, ...r, children: a });
+  }
+), pn = h.forwardRef(
+  function({ id: e, scrollAnchor: a, children: r, ...n }, i) {
+    const { registerMessage: c } = J(), l = h.useRef(null), u = h.useId(), f = e ?? u, o = h.useCallback(
+      (m) => {
+        l.current = m, typeof i == "function" ? i(m) : i && (i.current = m);
+      },
+      [i]
+    );
+    return h.useEffect(() => c({
+      id: f,
+      element: l.current,
+      scrollAnchor: a
+    }), [f, a, c]), /* @__PURE__ */ t("div", { ref: o, ...n, children: r });
+  }
+), fn = h.forwardRef(
+  function({ direction: e = "end", render: a, onClick: r, children: n, ...i }, c) {
+    const { stateStore: l, scrollToEnd: u, scrollToStart: f } = J(), o = cn(), m = e === "end", p = m ? !o.atEnd : !o.atStart;
+    ln();
+    const w = (k) => {
+      r?.(k), m ? u() : f();
+    };
+    return a ? h.cloneElement(a, {
+      ref: c,
+      onClick: w,
+      "data-active": p,
+      "data-direction": e,
+      ...i,
+      children: n ?? a.props.children
+    }) : /* @__PURE__ */ t(
+      "button",
+      {
+        ref: c,
+        type: "button",
+        "data-active": p,
+        "data-direction": e,
+        onClick: w,
+        ...i,
+        children: n
+      }
+    );
+  }
+), oe = {
+  Provider: on,
+  Root: dn,
+  Viewport: un,
+  Content: mn,
+  Item: pn,
+  Button: fn
+};
+function gn(e) {
+  return /* @__PURE__ */ t(oe.Provider, { ...e });
+}
+function hn({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    oe.Root,
+    {
+      "data-slot": "message-scroller",
+      className: d(
+        "group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function pt({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    oe.Viewport,
+    {
+      "data-slot": "message-scroller-viewport",
+      className: d(
+        "size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-none",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function bn({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    oe.Content,
+    {
+      "data-slot": "message-scroller-content",
+      className: d("flex h-max min-h-full flex-col gap-8", e),
+      ...a
+    }
+  );
+}
+function xn({
+  className: e,
+  scrollAnchor: a = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    oe.Item,
+    {
+      "data-slot": "message-scroller-item",
+      scrollAnchor: a,
+      className: d(
+        "min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function vn({
+  direction: e = "end",
+  className: a,
+  children: r,
+  render: n,
+  variant: i = "secondary",
+  size: c = "icon-sm",
+  ...l
+}) {
+  return /* @__PURE__ */ t(
+    oe.Button,
+    {
+      "data-slot": "message-scroller-button",
+      "data-direction": e,
+      "data-variant": i,
+      "data-size": c,
+      direction: e,
+      className: d(
+        "absolute left-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180",
+        a
+      ),
+      render: n ?? /* @__PURE__ */ t(N, { variant: i, size: c }),
+      ...l,
+      children: r ?? /* @__PURE__ */ s(L, { children: [
+        /* @__PURE__ */ t(ha, {}),
+        /* @__PURE__ */ t("span", { className: "sr-only", children: e === "end" ? "Scroll to end" : "Scroll to start" })
+      ] })
+    }
+  );
+}
+const yn = K(
+  "group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "",
+        separator: "before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
+        border: "border-b border-border pb-2"
+      }
+    }
+  }
+);
+function Nn({
+  className: e,
+  variant: a = "default",
+  asChild: r = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    r ? Re : "div",
+    {
+      "data-slot": "marker",
+      "data-variant": a,
+      className: d(yn({ variant: a, className: e })),
+      ...n
+    }
+  );
+}
+function wn({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-slot": "marker-icon",
+      "aria-hidden": "true",
+      className: d(
+        "size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function kn({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-slot": "marker-content",
+      className: d(
+        "min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function Cn({ getText: e }) {
+  const [a, r] = z(!1);
+  return /* @__PURE__ */ t(
+    N,
+    {
+      type: "button",
+      variant: "ghost",
+      "aria-label": "Copy code",
+      onClick: () => {
+        try {
+          navigator.clipboard?.writeText(e()), r(!0), setTimeout(() => r(!1), 1600);
+        } catch {
+        }
+      },
+      className: "h-7 gap-1.5 px-2 text-[11px] font-medium text-muted-foreground hover:bg-foreground/10 hover:text-foreground",
+      children: a ? /* @__PURE__ */ s(L, { children: [
+        /* @__PURE__ */ t(P, { className: "size-3 text-success" }),
+        " Copied"
+      ] }) : /* @__PURE__ */ s(L, { children: [
+        /* @__PURE__ */ t(Me, { className: "size-3" }),
+        " Copy"
+      ] })
+    }
+  );
+}
+function $e(e) {
+  if (e == null || typeof e == "boolean") return "";
+  if (typeof e == "string" || typeof e == "number") return String(e);
+  if (Array.isArray(e)) return e.map($e).join("");
+  if (typeof e == "object" && "props" in e) {
+    const a = e.props;
+    return $e(a?.children);
+  }
+  return "";
+}
+function zn(e) {
+  if (!e || e.enabled === !1)
+    return d("ai-prose", "text-[0.9375rem] leading-relaxed");
+  const a = e.preset && e.preset !== "default" ? `typeset-${e.preset}` : "typeset";
+  return d(a, "text-[var(--typeset-size)]");
+}
+function Sn(e) {
+  if (!e || e.enabled === !1) return;
+  const a = {};
+  return e.size && (a["--typeset-size"] = e.size), typeof e.leading == "number" && (a["--typeset-leading"] = e.leading), e.flow && (a["--typeset-flow"] = e.flow), e.fontBody && (a["--typeset-font-body"] = e.fontBody), e.fontHeading && (a["--typeset-font-heading"] = e.fontHeading), e.fontMono && (a["--typeset-font-mono"] = e.fontMono), Object.keys(a).length > 0 ? a : void 0;
+}
+const Tn = Xt(function({
+  children: a,
+  className: r,
+  typeset: n,
+  enableCodeHighlight: i = !0,
+  enableCopyButtons: c = !0
+}) {
+  const l = zn(n), u = Sn(n), f = i ? [ct, [Oa, { detect: !0, ignoreMissing: !0 }]] : [ct];
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: d(l, r),
+      style: u,
+      children: /* @__PURE__ */ t(
+        $a,
+        {
+          remarkPlugins: [Ua],
+          rehypePlugins: f,
+          components: {
+            p: ({ children: o }) => /* @__PURE__ */ t("p", { className: "my-2.5", children: o }),
+            a: ({ children: o, href: m }) => /* @__PURE__ */ t(
+              "a",
+              {
+                href: m,
+                target: "_blank",
+                rel: "noreferrer noopener",
+                className: "font-medium text-primary underline decoration-primary/30 underline-offset-2 transition-colors hover:decoration-primary",
+                children: o
+              }
+            ),
+            img: ({ src: o, alt: m }) => (
+              // eslint-disable-next-line @next/next/no-img-element
+              /* @__PURE__ */ t(
+                "img",
+                {
+                  src: typeof o == "string" ? o : void 0,
+                  alt: m ?? "",
+                  loading: "lazy",
+                  className: "my-2 h-auto max-h-80 max-w-full rounded-xl border border-border object-contain"
+                }
+              )
+            ),
+            ul: ({ children: o }) => /* @__PURE__ */ t("ul", { className: "my-2.5 list-disc space-y-1 pl-5 marker:text-muted-foreground", children: o }),
+            ol: ({ children: o }) => /* @__PURE__ */ t("ol", { className: "my-2.5 list-decimal space-y-1 pl-5 marker:text-muted-foreground", children: o }),
+            li: ({ children: o }) => /* @__PURE__ */ t("li", { className: "pl-1", children: o }),
+            h1: ({ children: o }) => /* @__PURE__ */ t("h1", { className: "mb-2 mt-4 text-lg font-semibold tracking-tight", children: o }),
+            h2: ({ children: o }) => /* @__PURE__ */ t("h2", { className: "mb-2 mt-4 text-base font-semibold tracking-tight", children: o }),
+            h3: ({ children: o }) => /* @__PURE__ */ t("h3", { className: "mb-1.5 mt-3 text-sm font-semibold tracking-tight", children: o }),
+            blockquote: ({ children: o }) => /* @__PURE__ */ t("blockquote", { className: "my-3 rounded-r-md border-l-2 border-primary/40 bg-primary/5 py-1 pl-3 text-muted-foreground", children: o }),
+            hr: () => /* @__PURE__ */ t("hr", { className: "my-4 border-border" }),
+            table: ({ children: o }) => /* @__PURE__ */ t("div", { className: "my-3 overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ t("table", { className: "w-full border-collapse text-sm", children: o }) }),
+            thead: ({ children: o }) => /* @__PURE__ */ t("thead", { className: "bg-muted/60", children: o }),
+            th: ({ children: o }) => /* @__PURE__ */ t("th", { className: "border-b border-border px-3 py-2 text-left font-semibold", children: o }),
+            td: ({ children: o }) => /* @__PURE__ */ t("td", { className: "border-b border-border/60 px-3 py-2 align-top", children: o }),
+            code: ({ className: o, children: m, ...p }) => /language-/.test(o ?? "") ? /* @__PURE__ */ t("code", { className: o, ...p, children: m }) : /* @__PURE__ */ t(
+              "code",
+              {
+                className: "rounded-md border border-border/70 bg-muted/70 px-1.5 py-0.5 font-mono text-[0.85em] text-foreground",
+                ...p,
+                children: m
+              }
+            ),
+            pre: ({ children: o }) => {
+              const m = An(o);
+              return /* @__PURE__ */ s("div", { className: "group/code my-3 overflow-hidden rounded-xl border border-border bg-[oklch(0.16_0.02_285)] shadow-sm", children: [
+                /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-white/10 bg-white/[0.03] px-3 py-1.5", children: [
+                  /* @__PURE__ */ t("span", { className: "font-mono text-[11px] font-medium uppercase tracking-wide text-white/50", children: m || "code" }),
+                  c && /* @__PURE__ */ t(Cn, { getText: () => $e(o) })
+                ] }),
+                /* @__PURE__ */ t("pre", { className: "overflow-x-auto px-4 py-3 text-[0.8125rem] leading-relaxed text-white/90 [&_code]:bg-transparent [&_code]:p-0", children: o })
+              ] });
+            }
+          },
+          children: a
+        }
+      )
+    }
+  );
+});
+function An(e) {
+  const a = Array.isArray(e) ? e[0] : e, r = a && typeof a == "object" && "props" in a && a.props?.className || "", n = /language-([\w-]+)/.exec(r);
+  return n ? n[1] : "";
+}
+function Mn({ reasoning: e, active: a }) {
+  const [r, n] = z(!!a);
+  return ne(() => {
+    n(!!a);
+  }, [a]), e.trim() ? /* @__PURE__ */ s(At, { open: r, onOpenChange: n, className: "w-fit max-w-full", children: [
+    /* @__PURE__ */ t(Mt, { asChild: !0, children: /* @__PURE__ */ s(
+      N,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        className: "group/think h-7 gap-1.5 rounded-lg px-2 text-xs font-medium text-muted-foreground hover:bg-foreground/5 hover:text-foreground",
+        children: [
+          /* @__PURE__ */ t(ba, { className: d("size-3.5", a && "text-primary") }),
+          a ? /* @__PURE__ */ t("span", { className: "shimmer", children: "Thinking…" }) : "Thought process",
+          /* @__PURE__ */ t(xa, { className: "size-3 opacity-60 transition-transform group-data-[state=open]/think:rotate-90" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(Rt, { children: /* @__PURE__ */ t("div", { className: "mt-1 max-h-72 overflow-y-auto whitespace-pre-wrap rounded-xl bg-muted/40 p-3 text-xs leading-relaxed text-muted-foreground scrollbar-thin", children: e.trim() }) })
+  ] }) : null;
+}
+function Rn(e) {
+  let a = "", r = e.replace(
+    /<think(?:ing)?>([\s\S]*?)<\/think(?:ing)?>/gi,
+    (i, c) => (a += (a ? `
+` : "") + c, "")
+  );
+  const n = /<think(?:ing)?>/i.exec(r);
+  return n && (a += (a ? `
+` : "") + r.slice(n.index + n[0].length), r = r.slice(0, n.index)), { think: a.trim(), answer: r.trim() };
+}
+const Dn = [
+  "Explain a tricky concept simply",
+  "Write and review a code snippet",
+  "Brainstorm ideas with me",
+  "Summarize a long document"
+];
+function Pn({ className: e, contentClassName: a }) {
+  const r = se(), n = r.messages, i = n.at(-1), c = i ? `${i.id}:${i.content?.length ?? 0}` : "";
+  return /* @__PURE__ */ t(
+    gn,
+    {
+      autoScroll: !0,
+      defaultScrollPosition: "end",
+      contentSignal: c,
+      children: /* @__PURE__ */ s(hn, { className: d("relative flex-1", e), children: [
+        n.length === 0 ? /* @__PURE__ */ t(pt, { children: /* @__PURE__ */ t(In, {}) }) : /* @__PURE__ */ t(pt, { children: /* @__PURE__ */ t(bn, { className: d("mx-auto w-full max-w-3xl gap-5 px-3 py-6 sm:px-5", a), children: n.map((l, u) => /* @__PURE__ */ t(
+          xn,
+          {
+            id: l.id,
+            scrollAnchor: u === n.length - 1,
+            children: /* @__PURE__ */ t(
+              En,
+              {
+                message: l,
+                isStreaming: r.isStreaming && u === n.length - 1
+              }
+            )
+          },
+          l.id
+        )) }) }),
+        /* @__PURE__ */ t(
+          vn,
+          {
+            direction: "end",
+            className: "size-9 rounded-full surface-elevated text-foreground/80 backdrop-blur",
+            children: /* @__PURE__ */ t(va, { className: "size-4" })
+          }
+        )
+      ] })
+    }
+  );
+}
+function In() {
+  const e = se(), a = e.config, r = a.ui ?? {}, n = r.greeting ?? "How can I help you today?", i = r.suggestions ?? Dn;
+  return r.emptyState ? /* @__PURE__ */ t("div", { className: "flex h-full items-center justify-center p-8 text-center", children: r.emptyState }) : /* @__PURE__ */ s("div", { className: "mx-auto flex h-full w-full max-w-2xl flex-col items-center justify-center px-4 py-10 text-center", children: [
+    /* @__PURE__ */ s("div", { className: "animate-message-in relative mb-6 grid size-16 place-items-center rounded-2xl grad-primary text-primary-foreground glow-primary-strong", children: [
+      /* @__PURE__ */ t(ze, { className: "size-7" }),
+      /* @__PURE__ */ t("span", { className: "ring-conic absolute -inset-px -z-10 rounded-2xl opacity-40 blur-md" })
+    ] }),
+    /* @__PURE__ */ t("h2", { className: "text-balance text-2xl font-semibold tracking-tight sm:text-3xl", children: n }),
+    /* @__PURE__ */ s("p", { className: "mt-2 max-w-md text-pretty text-sm text-muted-foreground", children: [
+      "Ask anything, or start with one of these. Powered by",
+      " ",
+      /* @__PURE__ */ t("span", { className: "font-medium text-foreground", children: a.model.label ?? a.model.id }),
+      "."
+    ] }),
+    /* @__PURE__ */ t("div", { className: "mt-8 grid w-full grid-cols-1 gap-2.5 sm:grid-cols-2", children: i.map((c, l) => /* @__PURE__ */ s(
+      N,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: () => void e.send(c),
+        style: { animationDelay: `${l * 60}ms` },
+        className: "animate-message-in group h-auto justify-start gap-3 whitespace-normal rounded-xl border-border/70 bg-card/60 px-4 py-3 text-left text-sm font-normal transition-all hover:-translate-y-0.5 hover:border-primary/40 hover:bg-card hover:shadow-[0_8px_24px_-12px_oklch(var(--glow)/0.4)]",
+        children: [
+          /* @__PURE__ */ t("span", { className: "grid size-7 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary/15", children: /* @__PURE__ */ t(ze, { className: "size-3.5" }) }),
+          /* @__PURE__ */ t("span", { className: "text-pretty text-foreground/90", children: c })
+        ]
+      },
+      c
+    )) })
+  ] });
+}
+function En({ message: e, isStreaming: a }) {
+  const r = se(), i = r.config.ui ?? {}, [c, l] = z(!1), u = e.status === "error", f = !u && e.role === "user" ? "end" : "start", o = !u && e.role === "user", m = $n(e.role, e.status), p = o ? Ga(e.content) : e.content, { think: w, answer: k } = o ? { think: "", answer: p } : Rn(p), y = o ? "" : [e.reasoning, w].filter(Boolean).join(`
+`).trim(), v = o ? p : k, b = e.status === "streaming" && v.trim().length === 0 && y.length === 0;
+  return /* @__PURE__ */ s(an, { align: f, className: "animate-message-in", children: [
+    !o && /* @__PURE__ */ t(rn, { className: "bg-transparent", children: /* @__PURE__ */ t(On, { role: u ? "assistant" : e.role }) }),
+    /* @__PURE__ */ s(nn, { children: [
+      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ t(
+        "div",
+        {
+          className: d(
+            "flex flex-wrap gap-2",
+            f === "end" && "justify-end"
+          ),
+          children: e.attachments.map((C) => /* @__PURE__ */ t(Ht, { att: C }, C.id))
+        }
+      ),
+      y.length > 0 && /* @__PURE__ */ t(
+        Mn,
+        {
+          reasoning: y,
+          active: e.status === "streaming"
+        }
+      ),
+      c ? /* @__PURE__ */ t(
+        jn,
+        {
+          initial: v,
+          onCancel: () => l(!1),
+          onSave: (C) => {
+            l(!1), C.trim() && C.trim() !== v.trim() && r.editAndResend(e.id, C.trim());
+          }
+        }
+      ) : (v.trim().length > 0 || b) && /* @__PURE__ */ t(Zr, { variant: m, align: f, children: /* @__PURE__ */ s(
+        en,
+        {
+          className: d(o ? "surface-tinted text-foreground" : "surface-elevated"),
+          children: [
+            b ? /* @__PURE__ */ t(Fn, {}) : /* @__PURE__ */ t(Ln, { message: e, isUser: o, text: v }),
+            e.status === "streaming" && !b && /* @__PURE__ */ t("span", { className: "ml-0.5 inline-block h-4 w-[3px] translate-y-0.5 animate-pulse rounded-full bg-current align-text-bottom" })
+          ]
+        }
+      ) }),
+      e.toolCalls && e.toolCalls.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-col gap-1", children: e.toolCalls.map((C) => /* @__PURE__ */ s(Nn, { variant: "default", children: [
+        /* @__PURE__ */ t(wn, { children: C.status === "error" ? /* @__PURE__ */ t(ae, {}) : C.status === "complete" ? /* @__PURE__ */ t(P, {}) : /* @__PURE__ */ t(Le, { className: "animate-spin" }) }),
+        /* @__PURE__ */ s(kn, { children: [
+          /* @__PURE__ */ t("span", { className: "font-mono", children: C.name }),
+          C.status === "error" ? " failed" : C.status === "complete" ? "" : " …"
+        ] })
+      ] }, C.id)) }),
+      u && /* @__PURE__ */ t("div", { className: "self-start", children: /* @__PURE__ */ t(Vn, { error: e.error, onRetry: () => void r.regenerate() }) }),
+      !o && e.status === "complete" && /* @__PURE__ */ t(Hn, { message: e, answer: v }),
+      !c && !b && v.trim().length > 0 && /* @__PURE__ */ t(
+        _n,
+        {
+          message: e,
+          copyText: v,
+          align: f,
+          isUser: o,
+          showTimestamp: i.showTimestamps ?? !0,
+          onEdit: o ? () => l(!0) : void 0,
+          onDelete: () => r.deleteMessage(e.id),
+          showActions: i.enableMessageActions ?? !0,
+          showRegenerate: i.enableRegenerate ?? !0,
+          showEdit: o && (i.enableEditAndResend ?? !0)
+        }
+      ),
+      a && !b && /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1.5 text-primary", children: [
+        /* @__PURE__ */ t(Le, { className: "size-3 animate-spin" }),
+        "Generating…"
+      ] }) }),
+      e.role === "tool" && e.name && /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ t(qe, { className: "size-3" }),
+        "tool · ",
+        /* @__PURE__ */ t("span", { className: "font-mono", children: e.name })
+      ] }) })
+    ] })
+  ] });
+}
+function _n({
+  message: e,
+  copyText: a,
+  align: r,
+  isUser: n,
+  showTimestamp: i,
+  onEdit: c,
+  onDelete: l,
+  showActions: u = !0,
+  showRegenerate: f = !0,
+  showEdit: o = !0
+}) {
+  const m = se(), [p, w] = z(!1), k = e.role === "assistant", y = () => {
+    try {
+      navigator.clipboard?.writeText(a), w(!0), setTimeout(() => w(!1), 1600);
+    } catch {
+    }
+  }, v = "size-7 text-muted-foreground hover:bg-foreground/10 hover:text-foreground";
+  return u ? /* @__PURE__ */ s(
+    Ve,
+    {
+      className: d(
+        "w-fit gap-0.5 opacity-0 transition-opacity duration-150 focus-within:opacity-100 group-hover/message:opacity-100",
+        r === "end" && "flex-row-reverse self-end"
+      ),
+      children: [
+        /* @__PURE__ */ t(N, { type: "button", variant: "ghost", size: "icon-sm", onClick: y, "aria-label": "Copy message", className: v, children: p ? /* @__PURE__ */ t(P, { className: "size-3.5 text-success" }) : /* @__PURE__ */ t(Me, { className: "size-3.5" }) }),
+        k && f && /* @__PURE__ */ t(N, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => void m.regenerate(), "aria-label": "Regenerate response", className: v, children: /* @__PURE__ */ t(We, { className: "size-3.5" }) }),
+        n && c && o && /* @__PURE__ */ t(N, { type: "button", variant: "ghost", size: "icon-sm", onClick: c, "aria-label": "Edit message", className: v, children: /* @__PURE__ */ t(Ue, { className: "size-3.5" }) }),
+        l && /* @__PURE__ */ t(N, { type: "button", variant: "ghost", size: "icon-sm", onClick: l, "aria-label": "Delete message", className: "size-7 text-muted-foreground hover:bg-foreground/10 hover:text-destructive", children: /* @__PURE__ */ t(pe, { className: "size-3.5" }) }),
+        i && /* @__PURE__ */ t("span", { className: "px-1.5 text-[11px] tabular-nums text-muted-foreground/70", children: Un(e.createdAt) })
+      ]
+    }
+  ) : null;
+}
+function Hn({
+  message: e,
+  answer: a
+}) {
+  const r = e.usage?.completionTokens ?? Zt(a), n = e.startedAt && e.completedAt ? e.completedAt - e.startedAt : void 0, i = n ? n / 1e3 : void 0, c = r && i && i > 0 ? r / i : void 0;
+  return !r && !i && !e.model ? null : /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 px-3 text-[11px] text-muted-foreground/70", children: [
+    e.model && /* @__PURE__ */ s(
+      "span",
+      {
+        className: "inline-flex items-center gap-1",
+        title: `Generated by ${e.model}`,
+        children: [
+          /* @__PURE__ */ t(Na, { className: "size-3" }),
+          e.model
+        ]
+      }
+    ),
+    c !== void 0 && /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ t(ht, { className: "size-3" }),
+      c.toFixed(1),
+      " tok/s"
+    ] }),
+    r > 0 && /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1 tabular-nums", children: [
+      /* @__PURE__ */ t(wa, { className: "size-3" }),
+      r,
+      " tokens"
+    ] }),
+    i !== void 0 && /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1 tabular-nums", children: [
+      /* @__PURE__ */ t(ka, { className: "size-3" }),
+      i.toFixed(2),
+      "s"
+    ] })
+  ] });
+}
+function jn({
+  initial: e,
+  onSave: a,
+  onCancel: r
+}) {
+  const [n, i] = z(e);
+  return /* @__PURE__ */ s("div", { className: "w-full max-w-[80%] self-end", children: [
+    /* @__PURE__ */ t(
+      re,
+      {
+        autoFocus: !0,
+        value: n,
+        onChange: (c) => i(c.target.value),
+        onKeyDown: (c) => {
+          c.key === "Enter" && !c.shiftKey && (c.preventDefault(), a(n)), c.key === "Escape" && r();
+        },
+        className: "min-h-16 w-full resize-y rounded-2xl surface-tinted text-sm text-foreground"
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "mt-1.5 flex justify-end gap-2", children: [
+      /* @__PURE__ */ t(N, { type: "button", variant: "ghost", size: "sm", onClick: r, children: "Cancel" }),
+      /* @__PURE__ */ s(N, { type: "button", size: "sm", onClick: () => a(n), className: "gap-1.5", children: [
+        /* @__PURE__ */ t(P, { className: "size-3.5" }),
+        "Save & resend"
+      ] })
+    ] })
+  ] });
+}
+function Fn() {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: "flex items-center gap-1 py-1",
+      "aria-label": "Assistant is typing",
+      children: [0, 1, 2].map((e) => /* @__PURE__ */ t(
+        "span",
+        {
+          className: "size-2 rounded-full bg-primary",
+          style: {
+            animation: "typing-bounce 1.2s ease-in-out infinite",
+            animationDelay: `${e * 0.18}s`
+          }
+        },
+        e
+      ))
+    }
+  );
+}
+function Ln({
+  message: e,
+  isUser: a,
+  text: r
+}) {
+  const n = Ye(), i = n?.config.ui?.typeset, c = n?.config.ui ?? {}, l = c.enableCodeHighlight ?? !0, u = c.enableCopyButtons ?? !0;
+  return e.role === "tool" ? /* @__PURE__ */ t("pre", { className: "max-w-full overflow-x-auto whitespace-pre-wrap break-words font-mono text-xs", children: Kn(r, 1200) }) : a ? /* @__PURE__ */ t("span", { className: "whitespace-pre-wrap break-words", children: r }) : /* @__PURE__ */ t(
+    Tn,
+    {
+      typeset: i,
+      enableCodeHighlight: l,
+      enableCopyButtons: u,
+      children: r
+    }
+  );
+}
+function Bn(e) {
+  switch (e?.code) {
+    case "rate_limit":
+      return {
+        title: "You've hit the rate limit",
+        body: "This model's plan is out of quota right now. Wait a moment and try again, or upgrade your plan for more usage.",
+        Icon: ht
+      };
+    case "auth":
+      return {
+        title: "Couldn't authenticate",
+        body: "The API key was rejected. Double-check that it's correct and has access to this model.",
+        Icon: Sa
+      };
+    case "network":
+      return {
+        title: "Connection problem",
+        body: "I couldn't reach the model. Check your internet connection and try again.",
+        Icon: za
+      };
+    case "server":
+      return {
+        title: "The model service had a problem",
+        body: "The provider returned an error. This is usually temporary — try again in a moment.",
+        Icon: Ca
+      };
+    case "context_overflow":
+      return {
+        title: "This conversation got too long",
+        body: "It exceeded the model's context window. Start a new chat or remove some earlier messages.",
+        Icon: ae
+      };
+    case "aborted":
+      return {
+        title: "Generation stopped",
+        body: "You stopped this response. Send again to retry.",
+        Icon: ae
+      };
+    case "parse":
+      return {
+        title: "I couldn't read the reply",
+        body: "The model's response came back malformed. Trying again usually fixes it.",
+        Icon: ae
+      };
+    default:
+      return {
+        title: "Something went wrong",
+        body: "An unexpected error stopped this response. Let's try again.",
+        Icon: ae
+      };
+  }
+}
+function Vn({
+  error: e,
+  onRetry: a
+}) {
+  const { title: r, body: n, Icon: i } = Bn(e), c = e?.message?.trim();
+  return /* @__PURE__ */ t("div", { className: "w-fit max-w-[85%] rounded-3xl surface-elevated p-3 text-sm", children: /* @__PURE__ */ s("div", { className: "flex gap-2.5", children: [
+    /* @__PURE__ */ t("span", { className: "grid size-8 shrink-0 place-items-center rounded-lg bg-destructive/10 text-destructive", children: /* @__PURE__ */ t(i, { className: "size-4" }) }),
+    /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ t("p", { className: "font-medium text-destructive", children: r }),
+      /* @__PURE__ */ t("p", { className: "mt-0.5 text-pretty text-muted-foreground", children: n }),
+      /* @__PURE__ */ s("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ s(
+          N,
+          {
+            type: "button",
+            size: "sm",
+            onClick: a,
+            className: "h-8 gap-1.5 rounded-lg text-xs",
+            children: [
+              /* @__PURE__ */ t(We, { className: "size-3.5" }),
+              "Try again"
+            ]
+          }
+        ),
+        c && /* @__PURE__ */ s(At, { className: "min-w-0", children: [
+          /* @__PURE__ */ t(Mt, { asChild: !0, children: /* @__PURE__ */ s(
+            N,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-8 gap-1 rounded-lg px-2 text-xs font-normal text-muted-foreground hover:bg-foreground/5 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ t(ae, { className: "size-3" }),
+                "Technical details"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ t(Rt, { children: /* @__PURE__ */ s("pre", { className: "mt-2 max-h-40 max-w-full overflow-auto whitespace-pre-wrap break-all rounded-lg bg-muted/60 p-2.5 font-mono text-[11px] leading-relaxed text-muted-foreground", children: [
+            e?.code ? `${e.code}${e.status ? ` · ${e.status}` : ""}
+` : "",
+            c
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function $n(e, a) {
+  return a === "error" ? "destructive" : e === "user" ? "default" : e === "assistant" ? "secondary" : "muted";
+}
+function On({ role: e }) {
+  return e === "user" ? /* @__PURE__ */ t("div", { className: "flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground ring-1 ring-border/70", children: /* @__PURE__ */ t(ya, { className: "size-4" }) }) : e === "assistant" ? /* @__PURE__ */ t("div", { className: "flex size-8 items-center justify-center rounded-full grad-primary text-primary-foreground shadow-sm glow-primary", children: /* @__PURE__ */ t(ze, { className: "size-4" }) }) : /* @__PURE__ */ t("div", { className: "flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground", children: /* @__PURE__ */ t(qe, { className: "size-4" }) });
+}
+function Un(e) {
+  try {
+    return new Date(e).toLocaleTimeString(void 0, {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return "";
+  }
+}
+function Kn(e, a) {
+  return e.length > a ? `${e.slice(0, a)}…` : e;
+}
+function zs(e) {
+  const {
+    config: a,
+    layout: r = "panel",
+    renderHeader: n,
+    renderFooter: i,
+    className: c,
+    contentClassName: l,
+    style: u,
+    hideHeader: f = !1,
+    hideComposer: o = !1
+  } = e, m = Ye(), p = /* @__PURE__ */ t(dr, { delayDuration: 200, children: /* @__PURE__ */ t(
+    Gn,
+    {
+      layout: r,
+      className: c,
+      style: u,
+      renderHeader: n,
+      renderFooter: i,
+      contentClassName: l,
+      hideHeader: f,
+      hideComposer: o
+    }
+  ) });
+  return m ? p : /* @__PURE__ */ t(Va, { config: a, children: p });
+}
+function Gn({
+  layout: e,
+  className: a,
+  style: r,
+  renderHeader: n,
+  renderFooter: i,
+  contentClassName: c,
+  hideHeader: l,
+  hideComposer: u
+}) {
+  const o = Ye()?.config.ui ?? {}, m = o.density ?? "comfortable", p = o.theme ?? "system", w = o.accentColor ?? "", k = o.fontFamily ?? "", y = e === "floating" ? "fixed bottom-5 right-5 z-40 flex w-[min(420px,calc(100vw-2.5rem))] h-[min(660px,calc(100vh-2.5rem))] flex-col overflow-hidden rounded-2xl surface-elevated app-mesh" : e === "fullpage" ? "flex h-full w-full flex-col app-mesh" : "flex h-full w-full flex-col overflow-hidden rounded-2xl surface-elevated app-mesh", v = {};
+  return w && (v["--chat-accent"] = w), k && (v["--chat-font-family"] = k), /* @__PURE__ */ s(
+    "div",
+    {
+      className: d(y, a),
+      style: { ...r, ...v },
+      "data-density": m,
+      "data-theme": p,
+      children: [
+        n ? n() : l ? null : /* @__PURE__ */ t(Er, {}),
+        /* @__PURE__ */ t(Pn, { contentClassName: c }),
+        i ? i() : null,
+        u ? null : /* @__PURE__ */ t(Qr, { contentClassName: c })
+      ]
+    }
+  );
+}
+export {
+  we as $,
+  Mr as A,
+  Se as B,
+  Wa as C,
+  At as D,
+  Rt as E,
+  Mt as F,
+  wt as G,
+  gs as H,
+  Xe as I,
+  Je as J,
+  be as K,
+  he as L,
+  Qr as M,
+  kt as N,
+  mr as O,
+  xe as P,
+  fs as Q,
+  Ne as R,
+  ir as S,
+  ue as T,
+  cs as U,
+  q as V,
+  ke as W,
+  ds as X,
+  ms as Y,
+  me as Z,
+  us as _,
+  Pt as a,
+  cn as a$,
+  $ as a0,
+  at as a1,
+  Tn as a2,
+  Nn as a3,
+  kn as a4,
+  wn as a5,
+  an as a6,
+  rn as a7,
+  nn as a8,
+  Ve as a9,
+  xr as aA,
+  ur as aB,
+  hs as aC,
+  wr as aD,
+  yr as aE,
+  Nr as aF,
+  re as aG,
+  Ir as aH,
+  Y as aI,
+  U as aJ,
+  dr as aK,
+  Q as aL,
+  tr as aM,
+  rr as aN,
+  ls as aO,
+  is as aP,
+  ar as aQ,
+  os as aR,
+  qa as aS,
+  pr as aT,
+  br as aU,
+  gr as aV,
+  fr as aW,
+  hr as aX,
+  yn as aY,
+  Cs as aZ,
+  ln as a_,
+  ws as aa,
+  ks as ab,
+  Pn as ac,
+  hn as ad,
+  vn as ae,
+  bn as af,
+  xn as ag,
+  gn as ah,
+  pt as ai,
+  lr as aj,
+  ps as ak,
+  Nt as al,
+  cr as am,
+  Br as an,
+  Mn as ao,
+  er as ap,
+  Ct as aq,
+  et as ar,
+  bs as as,
+  tt as at,
+  kr as au,
+  Tt as av,
+  St as aw,
+  Cr as ax,
+  Ze as ay,
+  zt as az,
+  qr as b,
+  Gr as c,
+  It as d,
+  _t as e,
+  vs as f,
+  Be as g,
+  Ht as h,
+  Et as i,
+  xs as j,
+  or as k,
+  sr as l,
+  nr as m,
+  Zr as n,
+  en as o,
+  ys as p,
+  Ns as q,
+  N as r,
+  Ja as s,
+  Xa as t,
+  Za as u,
+  Ya as v,
+  Qa as w,
+  Er as x,
+  zs as y,
+  Sr as z
+};
+//# sourceMappingURL=ChatPanel-Cyq7boWQ.js.map