@object-ui/plugin-chatbot 6.1.0 → 6.2.0

package/dist/index.js

@@ -1,21 +1,21 @@
 import * as e from "react";
 import { Children as t, Fragment as n, createContext as r, isValidElement as i, memo as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { Alert as f, AlertDescription as p, Avatar as m, AvatarFallback as h, AvatarImage as g, Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, Collapsible as w, CollapsibleContent as T, CollapsibleTrigger as E, Command as D, CommandEmpty as O, CommandGroup as k, CommandInput as A, CommandItem as j, CommandList as M, CommandSeparator as N, DropdownMenu as P, DropdownMenuContent as F, DropdownMenuItem as I, DropdownMenuTrigger as L, Empty as ee, EmptyDescription as te, EmptyHeader as ne, EmptyMedia as re, EmptyTitle as ie, HoverCard as R, HoverCardContent as ae, HoverCardTrigger as z, Input as oe, Label as B, ScrollArea as se, ScrollBar as ce, Select as le, SelectContent as ue, SelectItem as de, SelectTrigger as fe, SelectValue as pe, Separator as me, Sheet as he, SheetContent as ge, SheetDescription as _e, SheetHeader as ve, SheetTitle as ye, Skeleton as be, Table as xe, TableBody as Se, TableCell as V, TableHead as H, TableHeader as Ce, TableRow as we, Tabs as Te, TabsList as Ee, TabsTrigger as De, Textarea as Oe, Tooltip as ke, TooltipContent as Ae, TooltipProvider as je, TooltipTrigger as Me, cn as U } from "@object-ui/components";
-import { AlertCircle as Ne, ArrowDownIcon as Pe, BookIcon as Fe, Bot as Ie, BrainIcon as Le, Check as Re, CheckCircle2 as ze, CheckCircleIcon as Be, CheckIcon as Ve, ChevronDownIcon as He, ChevronLeftIcon as Ue, ChevronRightIcon as We, CircleIcon as Ge, Clock as Ke, ClockIcon as qe, Copy as Je, CopyIcon as Ye, CornerDownLeftIcon as Xe, Eye as Ze, ImageIcon as Qe, Inbox as $e, Loader2Icon as et, Maximize2 as tt, MessageCircle as nt, MicIcon as rt, Minimize2 as it, PaperclipIcon as at, PlusIcon as ot, RefreshCw as st, Send as ct, SquareIcon as lt, WrenchIcon as ut, X as dt, XCircle as W, XCircleIcon as ft, XIcon as G } from "lucide-react";
-import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
-import { useChat as pt } from "@ai-sdk/react";
-import { DefaultChatTransport as mt } from "ai";
-import * as ht from "react-dom";
-import { useObjectTranslation as gt } from "@object-ui/react";
-import { StickToBottom as _t, useStickToBottomContext as vt } from "use-stick-to-bottom";
-import { cva as yt } from "class-variance-authority";
-import { Slot as bt } from "@radix-ui/react-slot";
-import { Streamdown as xt } from "streamdown";
-import { nanoid as St } from "nanoid";
-import { codeToHtml as Ct } from "shiki";
-import { useControllableState as wt } from "@radix-ui/react-use-controllable-state";
-import { motion as Tt } from "motion/react";
-import { ComponentRegistry as Et } from "@object-ui/core";
+import { Alert as f, AlertDescription as p, Avatar as m, AvatarFallback as h, AvatarImage as g, Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, Collapsible as w, CollapsibleContent as T, CollapsibleTrigger as E, Command as D, CommandEmpty as O, CommandGroup as k, CommandInput as A, CommandItem as j, CommandList as M, CommandSeparator as N, DropdownMenu as P, DropdownMenuContent as F, DropdownMenuItem as I, DropdownMenuTrigger as L, Empty as ee, EmptyDescription as te, EmptyHeader as ne, EmptyMedia as re, EmptyTitle as ie, HoverCard as R, HoverCardContent as ae, HoverCardTrigger as oe, Input as se, Label as z, ScrollArea as ce, ScrollBar as le, Select as ue, SelectContent as de, SelectItem as fe, SelectTrigger as pe, SelectValue as me, Separator as he, Sheet as ge, SheetContent as _e, SheetDescription as ve, SheetHeader as ye, SheetTitle as be, Skeleton as xe, Table as Se, TableBody as Ce, TableCell as B, TableHead as V, TableHeader as we, TableRow as Te, Tabs as Ee, TabsList as De, TabsTrigger as Oe, Textarea as ke, Tooltip as Ae, TooltipContent as je, TooltipProvider as Me, TooltipTrigger as Ne, cn as H } from "@object-ui/components";
+import { AlertCircle as Pe, ArrowDownIcon as Fe, BookIcon as Ie, Bot as Le, BrainIcon as Re, Check as ze, CheckCircle2 as Be, CheckCircleIcon as Ve, CheckIcon as He, ChevronDownIcon as Ue, ChevronLeftIcon as We, ChevronRightIcon as Ge, CircleIcon as Ke, Clock as qe, ClockIcon as Je, Copy as Ye, CopyIcon as Xe, CornerDownLeft as Ze, CornerDownLeftIcon as Qe, Eye as $e, ImageIcon as et, Inbox as tt, Loader2Icon as nt, Maximize2 as rt, MicIcon as it, Minimize2 as at, PaperclipIcon as ot, PlusIcon as st, RefreshCw as ct, Send as lt, SquareIcon as ut, WrenchIcon as dt, X as ft, XCircle as U, XCircleIcon as pt, XIcon as W } from "lucide-react";
+import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
+import { useChat as mt } from "@ai-sdk/react";
+import { DefaultChatTransport as ht } from "ai";
+import * as gt from "react-dom";
+import { useObjectTranslation as _t } from "@object-ui/react";
+import { StickToBottom as vt, useStickToBottomContext as yt } from "use-stick-to-bottom";
+import { cva as bt } from "class-variance-authority";
+import { Slot as xt } from "@radix-ui/react-slot";
+import { Streamdown as St } from "streamdown";
+import { nanoid as Ct } from "nanoid";
+import { codeToHtml as wt } from "shiki";
+import { useControllableState as Tt } from "@radix-ui/react-use-controllable-state";
+import { motion as Et } from "motion/react";
+import { ComponentRegistry as J } from "@object-ui/core";
 //#region \0rolldown/runtime.js
 var Dt = Object.defineProperty, Ot = (e, t) => {
 	let n = {};
@@ -122,9 +122,9 @@ function Y(e = {}) {
 			type: "text",
 			text: e.content ?? ""
 		}]
-	})), []), C = pt({
+	})), []), C = mt({
 		transport: l(() => {
-			if (x) return new mt({
+			if (x) return new ht({
 				api: t,
 				headers: { ...f },
 				body: {
@@ -300,7 +300,7 @@ function Vt({ defaultOpen: t = !1, children: n }) {
 		toggle: () => i((e) => !e),
 		toggleFullscreen: () => o((e) => !e)
 	}), [r, a]);
-	return /* @__PURE__ */ q(Bt.Provider, {
+	return /* @__PURE__ */ K(Bt.Provider, {
 		value: s,
 		children: n
 	});
@@ -314,7 +314,7 @@ function Ht() {
 //#region src/FloatingChatbotTrigger.tsx
 function Ut() {
 	try {
-		let { t: e } = gt();
+		let { t: e } = _t();
 		return (t, n) => {
 			let r = e(`common.${t}`);
 			return !r || r === `common.${t}` ? n : r;
@@ -325,9 +325,9 @@ function Ut() {
 }
 function Wt({ position: e = "bottom-right", size: t = 56, className: n }) {
 	let { isOpen: r, toggle: i } = Ht(), a = Ut();
-	return /* @__PURE__ */ q(v, {
+	return /* @__PURE__ */ K(v, {
 		onClick: i,
-		className: U("fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105", e === "bottom-right" ? "right-6 bottom-20 sm:bottom-6" : "left-6 bottom-20 sm:bottom-6", n),
+		className: H("fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105", e === "bottom-right" ? "right-6 bottom-20 sm:bottom-6" : "left-6 bottom-20 sm:bottom-6", n),
 		style: {
 			width: t,
 			height: t
@@ -335,7 +335,7 @@ function Wt({ position: e = "bottom-right", size: t = 56, className: n }) {
 		size: "icon",
 		"aria-label": r ? a("closeChat", "Close chat") : a("openChat", "Open chat"),
 		"data-testid": "floating-chatbot-trigger",
-		children: q(r ? dt : nt, { className: "h-6 w-6" })
+		children: K(r ? ft : Le, { className: "h-6 w-6" })
 	});
 }
 //#endregion
@@ -352,146 +352,197 @@ function Gt({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 		height: r,
 		maxHeight: "calc(100vh - 100px)"
 	};
-	return /* @__PURE__ */ J("div", {
-		className: U("fixed z-50 flex flex-col rounded-lg border bg-background shadow-xl overflow-hidden transition-all", c ? "inset-0 rounded-none" : t === "bottom-right" ? "right-6 bottom-20" : "left-6 bottom-20", a),
+	return /* @__PURE__ */ q("div", {
+		className: H("fixed z-50 flex flex-col rounded-lg border bg-background shadow-xl overflow-hidden transition-all", c ? "inset-0 rounded-none" : t === "bottom-right" ? "right-6 bottom-20" : "left-6 bottom-20", a),
 		style: d,
 		role: "dialog",
 		"aria-label": e,
 		"data-testid": "floating-chatbot-panel",
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "flex items-center justify-between gap-2 px-4 py-2 border-b bg-muted/40",
 			children: [
-				/* @__PURE__ */ q("span", {
+				/* @__PURE__ */ K("span", {
 					className: "text-sm font-medium truncate shrink-0",
 					children: e
 				}),
-				o ? /* @__PURE__ */ q("div", {
+				o ? /* @__PURE__ */ K("div", {
 					className: "flex-1 min-w-0 flex items-center justify-end mr-1",
 					"data-testid": "floating-chatbot-header-extra",
 					children: o
 				}) : null,
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ q("div", {
 					className: "flex items-center gap-1 shrink-0",
-					children: [/* @__PURE__ */ q(v, {
+					children: [/* @__PURE__ */ K(v, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-7 w-7",
 						onClick: u,
 						"aria-label": c ? "Exit fullscreen" : "Fullscreen",
 						"data-testid": "floating-chatbot-fullscreen",
-						children: q(c ? it : tt, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ q(v, {
+						children: K(c ? at : rt, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ K(v, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-7 w-7",
 						onClick: l,
 						"aria-label": "Close chat",
 						"data-testid": "floating-chatbot-close",
-						children: /* @__PURE__ */ q(dt, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ K(ft, { className: "h-4 w-4" })
 					})]
 				})
 			]
-		}), /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ K("div", {
 			className: "flex-1 overflow-hidden",
 			children: i
 		})]
 	});
 }
 //#endregion
+//#region src/tool-display.ts
+var Kt = {
+	ai: "AI",
+	api: "API",
+	crm: "CRM",
+	hitl: "HITL",
+	id: "ID",
+	ids: "IDs",
+	rag: "RAG",
+	sql: "SQL",
+	url: "URL",
+	utc: "UTC"
+};
+function qt(e) {
+	if (!e) return "";
+	let t = String(e).trim();
+	if (!t) return "";
+	let n = t.replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").split(/\s+/).filter(Boolean);
+	return n.length === 0 ? t : n.map((e, t) => {
+		let n = e.toLowerCase();
+		return Kt[n] ? Kt[n] : t === 0 ? n.charAt(0).toUpperCase() + n.slice(1) : n;
+	}).join(" ");
+}
+function Jt(e) {
+	if (e == null) return e;
+	let t = e;
+	for (let e = 0; e < 2; e++) {
+		if (typeof t == "object" && t && !Array.isArray(t) && t.type === "text" && typeof t.value == "string") {
+			t = t.value;
+			continue;
+		}
+		break;
+	}
+	if (typeof t == "string") {
+		let e = t.trim();
+		if (e.startsWith("{") && e.endsWith("}") || e.startsWith("[") && e.endsWith("]")) try {
+			return JSON.parse(e);
+		} catch {}
+	}
+	return t;
+}
+function Yt(e) {
+	let t = (e instanceof Error ? e.message : String(e ?? "")).replace(/\s+/g, " ").trim();
+	if (!t) return { summary: "Something went wrong. Please try again." };
+	let n = t.replace(/^Failed after \d+ attempts?\.\s*Last error:\s*/i, ""), r = n.match(/^([^.;:]+[.;:!?])\s/)?.[1]?.trim() ?? (n.length > 140 ? `${n.slice(0, 137).trimEnd()}…` : n);
+	return {
+		summary: r,
+		details: n.length > r.length ? n : void 0
+	};
+}
+//#endregion
 //#region src/elements/conversation.tsx
-var Kt = ({ className: e, ...t }) => /* @__PURE__ */ q(_t, {
-	className: U("relative flex-1 overflow-y-hidden", e),
+var Xt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt, {
+	className: H("relative flex-1 overflow-y-hidden", e),
 	initial: "smooth",
 	resize: "smooth",
 	role: "log",
 	...t
-}), qt = ({ className: e, ...t }) => /* @__PURE__ */ q(_t.Content, {
-	className: U("flex flex-col gap-8 p-4", e),
+}), Zt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt.Content, {
+	className: H("flex flex-col gap-8 p-4", e),
 	...t
-}), Jt = ({ className: e, title: t = "No messages yet", description: n = "Start a conversation to see messages here", icon: r, children: i, ...a }) => /* @__PURE__ */ q("div", {
-	className: U("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", e),
+}), Qt = ({ className: e, title: t = "No messages yet", description: n = "Start a conversation to see messages here", icon: r, children: i, ...a }) => /* @__PURE__ */ K("div", {
+	className: H("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", e),
 	...a,
-	children: i ?? /* @__PURE__ */ J(K, { children: [r && /* @__PURE__ */ q("div", {
+	children: i ?? /* @__PURE__ */ q(G, { children: [r && /* @__PURE__ */ K("div", {
 		className: "text-muted-foreground",
 		children: r
-	}), /* @__PURE__ */ J("div", {
+	}), /* @__PURE__ */ q("div", {
 		className: "space-y-1",
-		children: [/* @__PURE__ */ q("h3", {
+		children: [/* @__PURE__ */ K("h3", {
 			className: "font-medium text-sm",
 			children: t
-		}), n && /* @__PURE__ */ q("p", {
+		}), n && /* @__PURE__ */ K("p", {
 			className: "text-muted-foreground text-sm",
 			children: n
 		})]
 	})] })
-}), Yt = ({ className: e, ...t }) => {
-	let { isAtBottom: n, scrollToBottom: r } = vt(), i = o(() => {
+}), $t = ({ className: e, ...t }) => {
+	let { isAtBottom: n, scrollToBottom: r } = yt(), i = o(() => {
 		r();
 	}, [r]);
-	return !n && /* @__PURE__ */ q(v, {
-		className: U("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
+	return !n && /* @__PURE__ */ K(v, {
+		className: H("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
 		onClick: i,
 		size: "icon",
 		type: "button",
 		variant: "outline",
 		...t,
-		children: /* @__PURE__ */ q(Pe, { className: "size-4" })
+		children: /* @__PURE__ */ K(Fe, { className: "size-4" })
 	});
-}, Xt = yt("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+}, en = bt("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	variants: { orientation: {
 		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
 		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
 	} },
 	defaultVariants: { orientation: "horizontal" }
 });
-function Zt({ className: e, orientation: t, ...n }) {
-	return /* @__PURE__ */ q("div", {
+function tn({ className: e, orientation: t, ...n }) {
+	return /* @__PURE__ */ K("div", {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": t,
-		className: U(Xt({ orientation: t }), e),
+		className: H(en({ orientation: t }), e),
 		...n
 	});
 }
-function Qt({ className: e, asChild: t = !1, ...n }) {
-	return /* @__PURE__ */ q(t ? bt : "div", {
-		className: U("flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", e),
+function nn({ className: e, asChild: t = !1, ...n }) {
+	return /* @__PURE__ */ K(t ? xt : "div", {
+		className: H("flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", e),
 		...n
 	});
 }
 //#endregion
 //#region src/elements/message.tsx
-var $t = ({ className: e, from: t, ...n }) => /* @__PURE__ */ q("div", {
-	className: U("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
+var rn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
+	className: H("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
 	...n
-}), en = ({ children: e, className: t, ...n }) => /* @__PURE__ */ q("div", {
-	className: U("is-user:dark flex w-fit max-w-full min-w-0 flex-col gap-2 overflow-hidden text-sm", "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", t),
+}), an = ({ children: e, className: t, ...n }) => /* @__PURE__ */ K("div", {
+	className: H("is-user:dark flex w-fit max-w-full min-w-0 flex-col gap-2 overflow-hidden text-sm", "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", t),
 	...n,
 	children: e
-}), tn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ q("div", {
-	className: U("flex items-center gap-1", e),
+}), on = ({ className: e, children: t, ...n }) => /* @__PURE__ */ K("div", {
+	className: H("flex items-center gap-1", e),
 	...n,
 	children: t
-}), nn = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
-	let o = /* @__PURE__ */ J(v, {
+}), sn = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
+	let o = /* @__PURE__ */ q(v, {
 		size: i,
 		type: "button",
 		variant: r,
 		...a,
-		children: [t, /* @__PURE__ */ q("span", {
+		children: [t, /* @__PURE__ */ K("span", {
 			className: "sr-only",
 			children: n || e
 		})]
 	});
-	return e ? /* @__PURE__ */ q(je, { children: /* @__PURE__ */ J(ke, { children: [/* @__PURE__ */ q(Me, {
+	return e ? /* @__PURE__ */ K(Me, { children: /* @__PURE__ */ q(Ae, { children: [/* @__PURE__ */ K(Ne, {
 		asChild: !0,
 		children: o
-	}), /* @__PURE__ */ q(Ae, { children: /* @__PURE__ */ q("p", { children: e }) })] }) }) : o;
-}, rn = r(null), X = () => {
-	let e = s(rn);
+	}), /* @__PURE__ */ K(je, { children: /* @__PURE__ */ K("p", { children: e }) })] }) }) : o;
+}, cn = r(null), X = () => {
+	let e = s(cn);
 	if (!e) throw Error("MessageBranch components must be used within MessageBranch");
 	return e;
-}, an = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
+}, ln = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
 	let [i, a] = d(e), [o, s] = d([]), c = (e) => {
 		a(e), t?.(e);
 	}, l = {
@@ -506,14 +557,14 @@ var $t = ({ className: e, from: t, ...n }) => /* @__PURE__ */ q("div", {
 		branches: o,
 		setBranches: s
 	};
-	return /* @__PURE__ */ q(rn.Provider, {
+	return /* @__PURE__ */ K(cn.Provider, {
 		value: l,
-		children: /* @__PURE__ */ q("div", {
-			className: U("grid w-full gap-2 [&>div]:pb-0", n),
+		children: /* @__PURE__ */ K("div", {
+			className: H("grid w-full gap-2 [&>div]:pb-0", n),
 			...r
 		})
 	});
-}, on = ({ children: e, ...t }) => {
+}, un = ({ children: e, ...t }) => {
 	let { currentBranch: n, setBranches: r, branches: i } = X(), a = Array.isArray(e) ? e : [e];
 	return c(() => {
 		i.length !== a.length && r(a);
@@ -521,21 +572,21 @@ var $t = ({ className: e, from: t, ...n }) => /* @__PURE__ */ q("div", {
 		a,
 		i,
 		r
-	]), a.map((e, r) => /* @__PURE__ */ q("div", {
-		className: U("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
+	]), a.map((e, r) => /* @__PURE__ */ K("div", {
+		className: H("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
 		...t,
 		children: e
 	}, e.key));
-}, sn = ({ className: e, from: t, ...n }) => {
+}, dn = ({ className: e, from: t, ...n }) => {
 	let { totalBranches: r } = X();
-	return r <= 1 ? null : /* @__PURE__ */ q(Zt, {
+	return r <= 1 ? null : /* @__PURE__ */ K(tn, {
 		className: "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
 		orientation: "horizontal",
 		...n
 	});
-}, cn = ({ children: e, ...t }) => {
+}, fn = ({ children: e, ...t }) => {
 	let { goToPrevious: n, totalBranches: r } = X();
-	return /* @__PURE__ */ q(v, {
+	return /* @__PURE__ */ K(v, {
 		"aria-label": "Previous branch",
 		disabled: r <= 1,
 		onClick: n,
@@ -543,11 +594,11 @@ var $t = ({ className: e, from: t, ...n }) => /* @__PURE__ */ q("div", {
 		type: "button",
 		variant: "ghost",
 		...t,
-		children: e ?? /* @__PURE__ */ q(Ue, { size: 14 })
+		children: e ?? /* @__PURE__ */ K(We, { size: 14 })
 	});
-}, ln = ({ children: e, className: t, ...n }) => {
+}, pn = ({ children: e, className: t, ...n }) => {
 	let { goToNext: r, totalBranches: i } = X();
-	return /* @__PURE__ */ q(v, {
+	return /* @__PURE__ */ K(v, {
 		"aria-label": "Next branch",
 		disabled: i <= 1,
 		onClick: r,
@@ -555,12 +606,12 @@ var $t = ({ className: e, from: t, ...n }) => /* @__PURE__ */ q("div", {
 		type: "button",
 		variant: "ghost",
 		...n,
-		children: e ?? /* @__PURE__ */ q(We, { size: 14 })
+		children: e ?? /* @__PURE__ */ K(Ge, { size: 14 })
 	});
-}, un = ({ className: e, ...t }) => {
+}, mn = ({ className: e, ...t }) => {
 	let { currentBranch: n, totalBranches: r } = X();
-	return /* @__PURE__ */ J(Qt, {
-		className: U("border-none bg-transparent text-muted-foreground shadow-none", e),
+	return /* @__PURE__ */ q(nn, {
+		className: H("border-none bg-transparent text-muted-foreground shadow-none", e),
 		...t,
 		children: [
 			n + 1,
@@ -568,23 +619,23 @@ var $t = ({ className: e, from: t, ...n }) => /* @__PURE__ */ q("div", {
 			r
 		]
 	});
-}, dn = a(({ className: e, ...t }) => /* @__PURE__ */ q(xt, {
-	className: U("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
+}, hn = a(({ className: e, ...t }) => /* @__PURE__ */ K(St, {
+	className: H("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
 	...t
 }), (e, t) => e.children === t.children);
-dn.displayName = "MessageResponse";
-function fn({ data: e, className: t, onRemove: n, ...r }) {
+hn.displayName = "MessageResponse";
+function gn({ data: e, className: t, onRemove: n, ...r }) {
 	let i = e.filename || "", a = (e.mediaType?.startsWith("image/") && e.url ? "image" : "file") == "image", o = i || (a ? "Image" : "Attachment");
-	return /* @__PURE__ */ q("div", {
-		className: U("group relative size-24 overflow-hidden rounded-lg", t),
+	return /* @__PURE__ */ K("div", {
+		className: H("group relative size-24 overflow-hidden rounded-lg", t),
 		...r,
-		children: a ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("img", {
+		children: a ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K("img", {
 			alt: i || "attachment",
 			className: "size-full object-cover",
 			height: 100,
 			src: e.url,
 			width: 100
-		}), n && /* @__PURE__ */ J(v, {
+		}), n && /* @__PURE__ */ q(v, {
 			"aria-label": "Remove attachment",
 			className: "absolute top-2 right-2 size-6 rounded-full bg-background/80 p-0 opacity-0 backdrop-blur-sm transition-opacity hover:bg-background group-hover:opacity-100 [&>svg]:size-3",
 			onClick: (e) => {
@@ -592,17 +643,17 @@ function fn({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ q(G, {}), /* @__PURE__ */ q("span", {
+			children: [/* @__PURE__ */ K(W, {}), /* @__PURE__ */ K("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
-		})] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J(ke, { children: [/* @__PURE__ */ q(Me, {
+		})] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q(Ae, { children: [/* @__PURE__ */ K(Ne, {
 			asChild: !0,
-			children: /* @__PURE__ */ q("div", {
+			children: /* @__PURE__ */ K("div", {
 				className: "flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground",
-				children: /* @__PURE__ */ q(at, { className: "size-4" })
+				children: /* @__PURE__ */ K(ot, { className: "size-4" })
 			})
-		}), /* @__PURE__ */ q(Ae, { children: /* @__PURE__ */ q("p", { children: o }) })] }), n && /* @__PURE__ */ J(v, {
+		}), /* @__PURE__ */ K(je, { children: /* @__PURE__ */ K("p", { children: o }) })] }), n && /* @__PURE__ */ q(v, {
 			"aria-label": "Remove attachment",
 			className: "size-6 shrink-0 rounded-full p-0 opacity-0 transition-opacity hover:bg-accent group-hover:opacity-100 [&>svg]:size-3",
 			onClick: (e) => {
@@ -610,36 +661,36 @@ function fn({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ q(G, {}), /* @__PURE__ */ q("span", {
+			children: [/* @__PURE__ */ K(W, {}), /* @__PURE__ */ K("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
 		})] })
 	});
 }
-function pn({ children: e, className: t, ...n }) {
-	return e ? /* @__PURE__ */ q("div", {
-		className: U("ml-auto flex w-fit flex-wrap items-start gap-2", t),
+function _n({ children: e, className: t, ...n }) {
+	return e ? /* @__PURE__ */ K("div", {
+		className: H("ml-auto flex w-fit flex-wrap items-start gap-2", t),
 		...n,
 		children: e
 	}) : null;
 }
-var mn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ q("div", {
-	className: U("mt-4 flex w-full items-center justify-between gap-4", e),
+var vn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ K("div", {
+	className: H("mt-4 flex w-full items-center justify-between gap-4", e),
 	...n,
 	children: t
 });
 //#endregion
 //#region src/elements/ui/input-group.tsx
-function hn({ className: e, ...t }) {
-	return /* @__PURE__ */ q("div", {
+function yn({ className: e, ...t }) {
+	return /* @__PURE__ */ K("div", {
 		"data-slot": "input-group",
 		role: "group",
-		className: U("group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", e),
+		className: H("group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", e),
 		...t
 	});
 }
-var gn = yt("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+var bn = bt("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
 	variants: { align: {
 		"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
 		"inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
@@ -648,19 +699,19 @@ var gn = yt("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 te
 	} },
 	defaultVariants: { align: "inline-start" }
 });
-function _n({ className: e, align: t = "inline-start", ...n }) {
-	return /* @__PURE__ */ q("div", {
+function xn({ className: e, align: t = "inline-start", ...n }) {
+	return /* @__PURE__ */ K("div", {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": t,
-		className: U(gn({ align: t }), e),
+		className: H(bn({ align: t }), e),
 		onClick: (e) => {
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		},
 		...n
 	});
 }
-var vn = yt("flex items-center gap-2 text-sm shadow-none", {
+var Sn = bt("flex items-center gap-2 text-sm shadow-none", {
 	variants: { size: {
 		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
 		sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
@@ -669,38 +720,38 @@ var vn = yt("flex items-center gap-2 text-sm shadow-none", {
 	} },
 	defaultVariants: { size: "xs" }
 });
-function yn({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
-	return /* @__PURE__ */ q(v, {
+function Cn({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
+	return /* @__PURE__ */ K(v, {
 		type: t,
 		"data-size": r,
 		variant: n,
-		className: U(vn({ size: r }), e),
+		className: H(Sn({ size: r }), e),
 		...i
 	});
 }
-function bn({ className: e, ...t }) {
-	return /* @__PURE__ */ q(Oe, {
+function wn({ className: e, ...t }) {
+	return /* @__PURE__ */ K(ke, {
 		"data-slot": "input-group-control",
-		className: U("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", e),
+		className: H("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", e),
 		...t
 	});
 }
 //#endregion
 //#region src/elements/prompt-input.tsx
-var xn = r(null), Sn = r(null), Cn = () => {
-	let e = s(xn);
+var Tn = r(null), En = r(null), Dn = () => {
+	let e = s(Tn);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
 	return e;
-}, wn = () => s(xn), Tn = () => {
-	let e = s(Sn);
+}, On = () => s(Tn), kn = () => {
+	let e = s(En);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
 	return e;
-}, En = () => s(Sn);
-function Dn({ initialInput: e = "", children: t }) {
+}, An = () => s(En);
+function jn({ initialInput: e = "", children: t }) {
 	let [n, r] = d(e), i = o(() => r(""), []), [a, s] = d([]), f = u(null), p = u(() => {}), m = o((e) => {
 		let t = Array.from(e);
 		t.length !== 0 && s((e) => e.concat(t.map((e) => ({
-			id: St(),
+			id: Ct(),
 			type: "file",
 			url: URL.createObjectURL(e),
 			mediaType: e.type,
@@ -751,41 +802,41 @@ function Dn({ initialInput: e = "", children: t }) {
 		y,
 		b
 	]);
-	return /* @__PURE__ */ q(xn.Provider, {
+	return /* @__PURE__ */ K(Tn.Provider, {
 		value: x,
-		children: /* @__PURE__ */ q(Sn.Provider, {
+		children: /* @__PURE__ */ K(En.Provider, {
 			value: y,
 			children: t
 		})
 	});
 }
-var On = r(null), Z = () => {
-	let e = En(), t = s(On), n = e ?? t;
+var Mn = r(null), Z = () => {
+	let e = An(), t = s(Mn), n = e ?? t;
 	if (!n) throw Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
 	return n;
 };
-function kn({ data: e, className: t, ...n }) {
+function Nn({ data: e, className: t, ...n }) {
 	let r = Z(), i = e.filename || "", a = (e.mediaType?.startsWith("image/") && e.url ? "image" : "file") == "image", o = i || (a ? "Image" : "Attachment");
-	return /* @__PURE__ */ J(Xn, { children: [/* @__PURE__ */ q(z, {
+	return /* @__PURE__ */ q(er, { children: [/* @__PURE__ */ K(oe, {
 		asChild: !0,
-		children: /* @__PURE__ */ J("div", {
-			className: U("group relative flex h-8 cursor-pointer select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", t),
+		children: /* @__PURE__ */ q("div", {
+			className: H("group relative flex h-8 cursor-pointer select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", t),
 			...n,
-			children: [/* @__PURE__ */ J("div", {
+			children: [/* @__PURE__ */ q("div", {
 				className: "relative size-5 shrink-0",
-				children: [/* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ K("div", {
 					className: "absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded bg-background transition-opacity group-hover:opacity-0",
-					children: a ? /* @__PURE__ */ q("img", {
+					children: a ? /* @__PURE__ */ K("img", {
 						alt: i || "attachment",
 						className: "size-5 object-cover",
 						height: 20,
 						src: e.url,
 						width: 20
-					}) : /* @__PURE__ */ q("div", {
+					}) : /* @__PURE__ */ K("div", {
 						className: "flex size-5 items-center justify-center text-muted-foreground",
-						children: /* @__PURE__ */ q(at, { className: "size-3" })
+						children: /* @__PURE__ */ K(ot, { className: "size-3" })
 					})
-				}), /* @__PURE__ */ J(v, {
+				}), /* @__PURE__ */ q(v, {
 					"aria-label": "Remove attachment",
 					className: "absolute inset-0 size-5 cursor-pointer rounded p-0 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 [&>svg]:size-2.5",
 					onClick: (t) => {
@@ -793,37 +844,37 @@ function kn({ data: e, className: t, ...n }) {
 					},
 					type: "button",
 					variant: "ghost",
-					children: [/* @__PURE__ */ q(G, {}), /* @__PURE__ */ q("span", {
+					children: [/* @__PURE__ */ K(W, {}), /* @__PURE__ */ K("span", {
 						className: "sr-only",
 						children: "Remove"
 					})]
 				})]
-			}), /* @__PURE__ */ q("span", {
+			}), /* @__PURE__ */ K("span", {
 				className: "flex-1 truncate",
 				children: o
 			})]
 		}, e.id)
-	}), /* @__PURE__ */ q(Qn, {
+	}), /* @__PURE__ */ K(nr, {
 		className: "w-auto p-2",
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ q("div", {
 			className: "w-auto space-y-3",
-			children: [a && /* @__PURE__ */ q("div", {
+			children: [a && /* @__PURE__ */ K("div", {
 				className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
-				children: /* @__PURE__ */ q("img", {
+				children: /* @__PURE__ */ K("img", {
 					alt: i || "attachment preview",
 					className: "max-h-full max-w-full object-contain",
 					height: 384,
 					src: e.url,
 					width: 448
 				})
-			}), /* @__PURE__ */ q("div", {
+			}), /* @__PURE__ */ K("div", {
 				className: "flex items-center gap-2.5",
-				children: /* @__PURE__ */ J("div", {
+				children: /* @__PURE__ */ q("div", {
 					className: "min-w-0 flex-1 space-y-1 px-0.5",
-					children: [/* @__PURE__ */ q("h4", {
+					children: [/* @__PURE__ */ K("h4", {
 						className: "truncate font-semibold text-sm leading-none",
 						children: i || (a ? "Image" : "Attachment")
-					}), e.mediaType && /* @__PURE__ */ q("p", {
+					}), e.mediaType && /* @__PURE__ */ K("p", {
 						className: "truncate font-mono text-muted-foreground text-xs",
 						children: e.mediaType
 					})]
@@ -832,29 +883,29 @@ function kn({ data: e, className: t, ...n }) {
 		})
 	})] });
 }
-function An({ children: e, className: t, ...r }) {
+function Pn({ children: e, className: t, ...r }) {
 	let i = Z();
-	return i.files.length ? /* @__PURE__ */ q("div", {
-		className: U("flex flex-wrap items-center gap-2 p-3 w-full", t),
+	return i.files.length ? /* @__PURE__ */ K("div", {
+		className: H("flex flex-wrap items-center gap-2 p-3 w-full", t),
 		...r,
-		children: i.files.map((t) => /* @__PURE__ */ q(n, { children: e(t) }, t.id))
+		children: i.files.map((t) => /* @__PURE__ */ K(n, { children: e(t) }, t.id))
 	}) : null;
 }
-var jn = ({ label: e = "Add photos or files", ...t }) => {
+var Fn = ({ label: e = "Add photos or files", ...t }) => {
 	let n = Z();
-	return /* @__PURE__ */ J(I, {
+	return /* @__PURE__ */ q(I, {
 		...t,
 		onSelect: (e) => {
 			e.preventDefault(), n.openFileDialog();
 		},
 		children: [
-			/* @__PURE__ */ q(Qe, { className: "mr-2 size-4" }),
+			/* @__PURE__ */ K(et, { className: "mr-2 size-4" }),
 			" ",
 			e
 		]
 	});
-}, Mn = ({ className: e, accept: t, multiple: n, globalDrop: r, syncHiddenInput: i, maxFiles: a, maxFileSize: s, onError: f, onSubmit: p, children: m, ...h }) => {
-	let g = wn(), _ = !!g, v = u(null), y = u(null), [b, x] = d([]), S = _ ? g.attachments.files : b, C = u(S);
+}, In = ({ className: e, accept: t, multiple: n, globalDrop: r, syncHiddenInput: i, maxFiles: a, maxFileSize: s, onError: f, onSubmit: p, children: m, ...h }) => {
+	let g = On(), _ = !!g, v = u(null), y = u(null), [b, x] = d([]), S = _ ? g.attachments.files : b, C = u(S);
 	C.current = S;
 	let w = o(() => {
 		v.current?.click();
@@ -889,7 +940,7 @@ var jn = ({ label: e = "Add photos or files", ...t }) => {
 			});
 			let i = [];
 			for (let e of n) i.push({
-				id: St(),
+				id: Ct(),
 				type: "file",
 				url: URL.createObjectURL(e),
 				mediaType: e.type,
@@ -965,7 +1016,7 @@ var jn = ({ label: e = "Add photos or files", ...t }) => {
 		A,
 		j,
 		M
-	]), I = /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("input", {
+	]), I = /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K("input", {
 		accept: t,
 		"aria-label": "Upload files",
 		className: "hidden",
@@ -974,8 +1025,8 @@ var jn = ({ label: e = "Add photos or files", ...t }) => {
 		ref: v,
 		title: "Upload files",
 		type: "file"
-	}), /* @__PURE__ */ q("form", {
-		className: U("w-full", e),
+	}), /* @__PURE__ */ K("form", {
+		className: H("w-full", e),
 		onSubmit: (e) => {
 			e.preventDefault();
 			let t = e.currentTarget, n = _ ? g.textInput.value : new FormData(t).get("message") || "";
@@ -1002,20 +1053,20 @@ var jn = ({ label: e = "Add photos or files", ...t }) => {
 		},
 		ref: y,
 		...h,
-		children: /* @__PURE__ */ q(hn, {
+		children: /* @__PURE__ */ K(yn, {
 			className: "overflow-hidden",
 			children: m
 		})
 	})] });
-	return _ ? I : /* @__PURE__ */ q(On.Provider, {
+	return _ ? I : /* @__PURE__ */ K(Mn.Provider, {
 		value: F,
 		children: I
 	});
-}, Nn = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
-	className: U("contents", e),
+}, Ln = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
+	className: H("contents", e),
 	...t
-}), Pn = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
-	let i = wn(), a = Z(), [o, s] = d(!1), c = (e) => {
+}), Rn = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
+	let i = On(), a = Z(), [o, s] = d(!1), c = (e) => {
 		if (e.key === "Enter") {
 			if (o || e.nativeEvent.isComposing || e.shiftKey) return;
 			e.preventDefault();
@@ -1043,8 +1094,8 @@ var jn = ({ label: e = "Add photos or files", ...t }) => {
 			i.textInput.setInput(t.currentTarget.value), e?.(t);
 		}
 	} : { onChange: e };
-	return /* @__PURE__ */ q(bn, {
-		className: U("field-sizing-content max-h-48 min-h-16", t),
+	return /* @__PURE__ */ K(wn, {
+		className: H("field-sizing-content max-h-48 min-h-16", t),
 		name: "message",
 		onCompositionEnd: () => s(!1),
 		onCompositionStart: () => s(!0),
@@ -1054,52 +1105,52 @@ var jn = ({ label: e = "Add photos or files", ...t }) => {
 		...r,
 		...u
 	});
-}, Fn = ({ className: e, ...t }) => /* @__PURE__ */ q(_n, {
+}, zn = ({ className: e, ...t }) => /* @__PURE__ */ K(xn, {
 	align: "block-end",
-	className: U("order-first flex-wrap gap-1", e),
+	className: H("order-first flex-wrap gap-1", e),
 	...t
-}), In = ({ className: e, ...t }) => /* @__PURE__ */ q(_n, {
+}), Bn = ({ className: e, ...t }) => /* @__PURE__ */ K(xn, {
 	align: "block-end",
-	className: U("justify-between gap-1", e),
+	className: H("justify-between gap-1", e),
 	...t
-}), Ln = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
-	className: U("flex items-center gap-1", e),
+}), Vn = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
+	className: H("flex items-center gap-1", e),
 	...t
-}), Rn = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
+}), Hn = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
 	let a = r ?? (t.count(i.children) > 1 ? "sm" : "icon-sm");
-	return /* @__PURE__ */ q(yn, {
-		className: U(n),
+	return /* @__PURE__ */ K(Cn, {
+		className: H(n),
 		size: a,
 		type: "button",
 		variant: e,
 		...i
 	});
-}, zn = (e) => /* @__PURE__ */ q(P, { ...e }), Bn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ q(L, {
+}, Un = (e) => /* @__PURE__ */ K(P, { ...e }), Wn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ K(L, {
 	asChild: !0,
-	children: /* @__PURE__ */ q(Rn, {
+	children: /* @__PURE__ */ K(Hn, {
 		className: e,
 		...n,
-		children: t ?? /* @__PURE__ */ q(ot, { className: "size-4" })
+		children: t ?? /* @__PURE__ */ K(st, { className: "size-4" })
 	})
-}), Vn = ({ className: e, ...t }) => /* @__PURE__ */ q(F, {
+}), Gn = ({ className: e, ...t }) => /* @__PURE__ */ K(F, {
 	align: "start",
-	className: U(e),
+	className: H(e),
 	...t
-}), Hn = ({ className: e, ...t }) => /* @__PURE__ */ q(I, {
-	className: U(e),
+}), Kn = ({ className: e, ...t }) => /* @__PURE__ */ K(I, {
+	className: H(e),
 	...t
-}), Un = ({ className: e, variant: t = "default", size: n = "icon-sm", status: r, children: i, ...a }) => {
-	let o = /* @__PURE__ */ q(Xe, { className: "size-4" });
-	return r === "submitted" ? o = /* @__PURE__ */ q(et, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ q(lt, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ q(G, { className: "size-4" })), /* @__PURE__ */ q(yn, {
+}), qn = ({ className: e, variant: t = "default", size: n = "icon-sm", status: r, children: i, ...a }) => {
+	let o = /* @__PURE__ */ K(Qe, { className: "size-4" });
+	return r === "submitted" ? o = /* @__PURE__ */ K(nt, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ K(ut, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ K(W, { className: "size-4" })), /* @__PURE__ */ K(Cn, {
 		"aria-label": "Submit",
-		className: U(e),
+		className: H(e),
 		size: n,
 		type: "submit",
 		variant: t,
 		...a,
 		children: i ?? o
 	});
-}, Wn = ({ className: e, textareaRef: t, onTranscriptionChange: n, ...r }) => {
+}, Jn = ({ className: e, textareaRef: t, onTranscriptionChange: n, ...r }) => {
 	let [i, a] = d(!1), [s, l] = d(null), f = u(null);
 	c(() => {
 		if (typeof window < "u" && ("SpeechRecognition" in window || "webkitSpeechRecognition" in window)) {
@@ -1129,80 +1180,80 @@ var jn = ({ label: e = "Add photos or files", ...t }) => {
 	let p = o(() => {
 		s && (i ? s.stop() : s.start());
 	}, [s, i]);
-	return /* @__PURE__ */ q(Rn, {
-		className: U("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
+	return /* @__PURE__ */ K(Hn, {
+		className: H("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
 		disabled: !s,
 		onClick: p,
 		...r,
-		children: /* @__PURE__ */ q(rt, { className: "size-4" })
+		children: /* @__PURE__ */ K(it, { className: "size-4" })
 	});
-}, Gn = (e) => /* @__PURE__ */ q(le, { ...e }), Kn = ({ className: e, ...t }) => /* @__PURE__ */ q(fe, {
-	className: U("border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors", "hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground", e),
+}, Yn = (e) => /* @__PURE__ */ K(ue, { ...e }), Xn = ({ className: e, ...t }) => /* @__PURE__ */ K(pe, {
+	className: H("border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors", "hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground", e),
 	...t
-}), qn = ({ className: e, ...t }) => /* @__PURE__ */ q(ue, {
-	className: U(e),
+}), Zn = ({ className: e, ...t }) => /* @__PURE__ */ K(de, {
+	className: H(e),
 	...t
-}), Jn = ({ className: e, ...t }) => /* @__PURE__ */ q(de, {
-	className: U(e),
+}), Qn = ({ className: e, ...t }) => /* @__PURE__ */ K(fe, {
+	className: H(e),
 	...t
-}), Yn = ({ className: e, ...t }) => /* @__PURE__ */ q(pe, {
-	className: U(e),
+}), $n = ({ className: e, ...t }) => /* @__PURE__ */ K(me, {
+	className: H(e),
 	...t
-}), Xn = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ q(R, {
+}), er = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ K(R, {
 	closeDelay: t,
 	openDelay: e,
 	...n
-}), Zn = (e) => /* @__PURE__ */ q(z, { ...e }), Qn = ({ align: e = "start", ...t }) => /* @__PURE__ */ q(ae, {
+}), tr = (e) => /* @__PURE__ */ K(oe, { ...e }), nr = ({ align: e = "start", ...t }) => /* @__PURE__ */ K(ae, {
 	align: e,
 	...t
-}), $n = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
-	className: U(e),
+}), rr = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
+	className: H(e),
 	...t
-}), er = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
-	className: U(e),
+}), ir = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
+	className: H(e),
 	...t
-}), tr = ({ className: e, ...t }) => /* @__PURE__ */ q("h3", {
-	className: U("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
+}), ar = ({ className: e, ...t }) => /* @__PURE__ */ K("h3", {
+	className: H("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
 	...t
-}), nr = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
-	className: U("space-y-1", e),
+}), or = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
+	className: H("space-y-1", e),
 	...t
-}), rr = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
-	className: U("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
+}), sr = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
+	className: H("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
 	...t
-}), ir = ({ className: e, ...t }) => /* @__PURE__ */ q(D, {
-	className: U(e),
+}), cr = ({ className: e, ...t }) => /* @__PURE__ */ K(D, {
+	className: H(e),
 	...t
-}), ar = ({ className: e, ...t }) => /* @__PURE__ */ q(A, {
-	className: U(e),
+}), lr = ({ className: e, ...t }) => /* @__PURE__ */ K(A, {
+	className: H(e),
 	...t
-}), or = ({ className: e, ...t }) => /* @__PURE__ */ q(M, {
-	className: U(e),
+}), ur = ({ className: e, ...t }) => /* @__PURE__ */ K(M, {
+	className: H(e),
 	...t
-}), sr = ({ className: e, ...t }) => /* @__PURE__ */ q(O, {
-	className: U(e),
+}), dr = ({ className: e, ...t }) => /* @__PURE__ */ K(O, {
+	className: H(e),
 	...t
-}), cr = ({ className: e, ...t }) => /* @__PURE__ */ q(k, {
-	className: U(e),
+}), fr = ({ className: e, ...t }) => /* @__PURE__ */ K(k, {
+	className: H(e),
 	...t
-}), lr = ({ className: e, ...t }) => /* @__PURE__ */ q(j, {
-	className: U(e),
+}), pr = ({ className: e, ...t }) => /* @__PURE__ */ K(j, {
+	className: H(e),
 	...t
-}), ur = ({ className: e, ...t }) => /* @__PURE__ */ q(N, {
-	className: U(e),
+}), mr = ({ className: e, ...t }) => /* @__PURE__ */ K(N, {
+	className: H(e),
 	...t
-}), dr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ J(se, {
+}), hr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ q(ce, {
 	className: "w-full overflow-x-auto whitespace-nowrap",
 	...n,
-	children: [/* @__PURE__ */ q("div", {
-		className: U("flex w-max flex-nowrap items-center gap-2", e),
+	children: [/* @__PURE__ */ K("div", {
+		className: H("flex w-max flex-nowrap items-center gap-2", e),
 		children: t
-	}), /* @__PURE__ */ q(ce, {
+	}), /* @__PURE__ */ K(le, {
 		className: "hidden",
 		orientation: "horizontal"
 	})]
-}), fr = ({ suggestion: e, onClick: t, className: n, variant: r = "outline", size: i = "sm", children: a, ...o }) => /* @__PURE__ */ q(v, {
-	className: U("cursor-pointer rounded-full px-4", n),
+}), gr = ({ suggestion: e, onClick: t, className: n, variant: r = "outline", size: i = "sm", children: a, ...o }) => /* @__PURE__ */ K(v, {
+	className: H("cursor-pointer rounded-full px-4", n),
 	onClick: () => {
 		t?.(e);
 	},
@@ -1211,7 +1262,7 @@ var jn = ({ label: e = "Add photos or files", ...t }) => {
 	variant: r,
 	...o,
 	children: a || e
-}), pr = r({ code: "" }), mr = {
+}), _r = r({ code: "" }), vr = {
 	name: "line-numbers",
 	line(e, t) {
 		e.children.unshift({
@@ -1232,13 +1283,13 @@ var jn = ({ label: e = "Add photos or files", ...t }) => {
 		});
 	}
 };
-async function hr(e, t, n = !1) {
-	let r = n ? [mr] : [];
-	return await Promise.all([Ct(e, {
+async function yr(e, t, n = !1) {
+	let r = n ? [vr] : [];
+	return await Promise.all([wt(e, {
 		lang: t,
 		theme: "one-light",
 		transformers: r
-	}), Ct(e, {
+	}), wt(e, {
 		lang: t,
 		theme: "one-dark-pro",
 		transformers: r
@@ -1246,7 +1297,7 @@ async function hr(e, t, n = !1) {
 }
 var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children: i, ...a }) => {
 	let [o, s] = d(""), [l, f] = d(""), p = u(!1);
-	return c(() => (hr(e, t, n).then(([e, t]) => {
+	return c(() => (yr(e, t, n).then(([e, t]) => {
 		p.current ||= (s(e), f(t), !0);
 	}), () => {
 		p.current = !1;
@@ -1254,23 +1305,23 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		e,
 		t,
 		n
-	]), /* @__PURE__ */ q(pr.Provider, {
+	]), /* @__PURE__ */ K(_r.Provider, {
 		value: { code: e },
-		children: /* @__PURE__ */ q("div", {
-			className: U("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
+		children: /* @__PURE__ */ K("div", {
+			className: H("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
 			...a,
-			children: /* @__PURE__ */ J("div", {
+			children: /* @__PURE__ */ q("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ K("div", {
 						className: "overflow-auto dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
 						dangerouslySetInnerHTML: { __html: o }
 					}),
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ K("div", {
 						className: "hidden overflow-auto dark:block [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
 						dangerouslySetInnerHTML: { __html: l }
 					}),
-					i && /* @__PURE__ */ q("div", {
+					i && /* @__PURE__ */ K("div", {
 						className: "absolute top-2 right-2 flex items-center gap-2",
 						children: i
 					})
@@ -1278,8 +1329,8 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 			})
 		})
 	});
-}, gr = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
-	let [o, c] = d(!1), { code: l } = s(pr), u = async () => {
+}, br = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
+	let [o, c] = d(!1), { code: l } = s(_r), u = async () => {
 		if (typeof window > "u" || !navigator?.clipboard?.writeText) {
 			t?.(/* @__PURE__ */ Error("Clipboard API not available"));
 			return;
@@ -1289,29 +1340,29 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		} catch (e) {
 			t?.(e);
 		}
-	}, f = o ? Ve : Ye;
-	return /* @__PURE__ */ q(v, {
-		className: U("shrink-0", i),
+	}, f = o ? He : Xe;
+	return /* @__PURE__ */ K(v, {
+		className: H("shrink-0", i),
 		onClick: u,
 		size: "icon",
 		variant: "ghost",
 		...a,
-		children: r ?? /* @__PURE__ */ q(f, { size: 14 })
+		children: r ?? /* @__PURE__ */ K(f, { size: 14 })
 	});
-}, _r = ({ className: e, ...t }) => /* @__PURE__ */ q(w, {
-	className: U("not-prose mb-4 w-full rounded-md border", e),
+}, xr = ({ className: e, ...t }) => /* @__PURE__ */ K(w, {
+	className: H("not-prose mb-4 w-full rounded-md border", e),
 	...t
-}), vr = (e) => /* @__PURE__ */ J(_, {
+}), Sr = (e) => /* @__PURE__ */ q(_, {
 	className: "gap-1.5 rounded-full text-xs",
 	variant: "secondary",
 	children: [{
-		"input-streaming": /* @__PURE__ */ q(Ge, { className: "size-4" }),
-		"input-available": /* @__PURE__ */ q(qe, { className: "size-4 animate-pulse" }),
-		"approval-requested": /* @__PURE__ */ q(qe, { className: "size-4 text-yellow-600" }),
-		"approval-responded": /* @__PURE__ */ q(Be, { className: "size-4 text-blue-600" }),
-		"output-available": /* @__PURE__ */ q(Be, { className: "size-4 text-green-600" }),
-		"output-error": /* @__PURE__ */ q(ft, { className: "size-4 text-red-600" }),
-		"output-denied": /* @__PURE__ */ q(ft, { className: "size-4 text-orange-600" })
+		"input-streaming": /* @__PURE__ */ K(Ke, { className: "size-4" }),
+		"input-available": /* @__PURE__ */ K(Je, { className: "size-4 animate-pulse" }),
+		"approval-requested": /* @__PURE__ */ K(Je, { className: "size-4 text-yellow-600" }),
+		"approval-responded": /* @__PURE__ */ K(Ve, { className: "size-4 text-blue-600" }),
+		"output-available": /* @__PURE__ */ K(Ve, { className: "size-4 text-green-600" }),
+		"output-error": /* @__PURE__ */ K(pt, { className: "size-4 text-red-600" }),
+		"output-denied": /* @__PURE__ */ K(pt, { className: "size-4 text-orange-600" })
 	}[e], {
 		"input-streaming": "Pending",
 		"input-available": "Running",
@@ -1321,61 +1372,61 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		"output-error": "Error",
 		"output-denied": "Denied"
 	}[e]]
-}), yr = ({ className: e, title: t, type: n, state: r, ...i }) => /* @__PURE__ */ J(E, {
-	className: U("flex w-full items-center justify-between gap-4 p-3", e),
+}), Cr = ({ className: e, title: t, type: n, state: r, ...i }) => /* @__PURE__ */ q(E, {
+	className: H("flex w-full items-center justify-between gap-4 p-3", e),
 	...i,
-	children: [/* @__PURE__ */ J("div", {
+	children: [/* @__PURE__ */ q("div", {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ q(ut, { className: "size-4 text-muted-foreground" }),
-			/* @__PURE__ */ q("span", {
+			/* @__PURE__ */ K(dt, { className: "size-4 text-muted-foreground" }),
+			/* @__PURE__ */ K("span", {
 				className: "font-medium text-sm",
 				children: t ?? n.split("-").slice(1).join("-")
 			}),
-			vr(r)
+			Sr(r)
 		]
-	}), /* @__PURE__ */ q(He, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
-}), br = ({ className: e, ...t }) => /* @__PURE__ */ q(T, {
-	className: U("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+	}), /* @__PURE__ */ K(Ue, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
+}), wr = ({ className: e, ...t }) => /* @__PURE__ */ K(T, {
+	className: H("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
 	...t
-}), xr = ({ className: e, input: t, ...n }) => /* @__PURE__ */ J("div", {
-	className: U("space-y-2 overflow-hidden p-4", e),
+}), Tr = ({ className: e, input: t, ...n }) => /* @__PURE__ */ q("div", {
+	className: H("space-y-2 overflow-hidden p-4", e),
 	...n,
-	children: [/* @__PURE__ */ q("h4", {
+	children: [/* @__PURE__ */ K("h4", {
 		className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 		children: "Parameters"
-	}), /* @__PURE__ */ q("div", {
+	}), /* @__PURE__ */ K("div", {
 		className: "rounded-md bg-muted/50",
-		children: /* @__PURE__ */ q(Q, {
+		children: /* @__PURE__ */ K(Q, {
 			code: JSON.stringify(t, null, 2),
 			language: "json"
 		})
 	})]
-}), Sr = ({ className: e, output: t, errorText: n, ...r }) => {
+}), Er = ({ className: e, output: t, errorText: n, ...r }) => {
 	if (!(t || n)) return null;
-	let a = /* @__PURE__ */ q("div", { children: t });
-	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ q(Q, {
+	let a = /* @__PURE__ */ K("div", { children: t });
+	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ K(Q, {
 		code: JSON.stringify(t, null, 2),
 		language: "json"
-	}) : typeof t == "string" && (a = /* @__PURE__ */ q(Q, {
+	}) : typeof t == "string" && (a = /* @__PURE__ */ K(Q, {
 		code: t,
 		language: "json"
-	})), /* @__PURE__ */ J("div", {
-		className: U("space-y-2 p-4", e),
+	})), /* @__PURE__ */ q("div", {
+		className: H("space-y-2 p-4", e),
 		...r,
-		children: [/* @__PURE__ */ q("h4", {
+		children: [/* @__PURE__ */ K("h4", {
 			className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 			children: n ? "Error" : "Result"
-		}), /* @__PURE__ */ J("div", {
-			className: U("overflow-x-auto rounded-md text-xs [&_table]:w-full", n ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
-			children: [n && /* @__PURE__ */ q("div", { children: n }), a]
+		}), /* @__PURE__ */ q("div", {
+			className: H("overflow-x-auto rounded-md text-xs [&_table]:w-full", n ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
+			children: [n && /* @__PURE__ */ K("div", { children: n }), a]
 		})]
 	});
-}, Cr = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
-	let a = Tt.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
-	return /* @__PURE__ */ q(a, {
+}, Dr = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
+	let a = Et.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
+	return /* @__PURE__ */ K(a, {
 		animate: { backgroundPosition: "0% center" },
-		className: U("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", n),
+		className: H("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", n),
 		initial: { backgroundPosition: "100% center" },
 		style: {
 			"--spread": `${o}px`,
@@ -1388,21 +1439,21 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		},
 		children: e
 	});
-}), wr = r(null), Tr = () => {
-	let e = s(wr);
+}), Or = r(null), kr = () => {
+	let e = s(Or);
 	if (!e) throw Error("Reasoning components must be used within Reasoning");
 	return e;
-}, Er = 1e3, Dr = 1e3, Or = a(({ className: e, isStreaming: t = !1, open: n, defaultOpen: r = !0, onOpenChange: i, duration: a, children: o, ...s }) => {
-	let [l, u] = wt({
+}, Ar = 1e3, jr = 1e3, Mr = a(({ className: e, isStreaming: t = !1, open: n, defaultOpen: r = !0, onOpenChange: i, duration: a, children: o, ...s }) => {
+	let [l, u] = Tt({
 		prop: n,
 		defaultProp: r,
 		onChange: i
-	}), [f, p] = wt({
+	}), [f, p] = Tt({
 		prop: a,
 		defaultProp: void 0
 	}), [m, h] = d(!1), [g, _] = d(null);
 	return c(() => {
-		t ? g === null && _(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / Dr)), _(null));
+		t ? g === null && _(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / jr)), _(null));
 	}, [
 		t,
 		g,
@@ -1411,7 +1462,7 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		if (r && !t && l && !m) {
 			let e = setTimeout(() => {
 				u(!1), h(!0);
-			}, Er);
+			}, Ar);
 			return () => clearTimeout(e);
 		}
 	}, [
@@ -1420,15 +1471,15 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		r,
 		u,
 		m
-	]), /* @__PURE__ */ q(wr.Provider, {
+	]), /* @__PURE__ */ K(Or.Provider, {
 		value: {
 			isStreaming: t,
 			isOpen: l,
 			setIsOpen: u,
 			duration: f
 		},
-		children: /* @__PURE__ */ q(w, {
-			className: U("not-prose mb-4", e),
+		children: /* @__PURE__ */ K(w, {
+			className: H("not-prose mb-4", e),
 			onOpenChange: (e) => {
 				u(e);
 			},
@@ -1437,73 +1488,70 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 			children: o
 		})
 	});
-}), kr = (e, t) => e || t === 0 ? /* @__PURE__ */ q(Cr, {
+}), Nr = (e, t) => e || t === 0 ? /* @__PURE__ */ K(Dr, {
 	duration: 1,
 	children: "Thinking..."
-}) : t === void 0 ? /* @__PURE__ */ q("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ J("p", { children: [
+}) : t === void 0 ? /* @__PURE__ */ K("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ q("p", { children: [
 	"Thought for ",
 	t,
 	" seconds"
-] }), Ar = a(({ className: e, children: t, getThinkingMessage: n = kr, ...r }) => {
-	let { isStreaming: i, isOpen: a, duration: o } = Tr();
-	return /* @__PURE__ */ q(E, {
-		className: U("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
+] }), Pr = a(({ className: e, children: t, getThinkingMessage: n = Nr, ...r }) => {
+	let { isStreaming: i, isOpen: a, duration: o } = kr();
+	return /* @__PURE__ */ K(E, {
+		className: H("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
 		...r,
-		children: t ?? /* @__PURE__ */ J(K, { children: [
-			/* @__PURE__ */ q(Le, { className: "size-4" }),
+		children: t ?? /* @__PURE__ */ q(G, { children: [
+			/* @__PURE__ */ K(Re, { className: "size-4" }),
 			n(i, o),
-			/* @__PURE__ */ q(He, { className: U("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
+			/* @__PURE__ */ K(Ue, { className: H("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
 		] })
 	});
-}), jr = a(({ className: e, children: t, ...n }) => /* @__PURE__ */ q(T, {
-	className: U("mt-4 text-sm", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+}), Fr = a(({ className: e, children: t, ...n }) => /* @__PURE__ */ K(T, {
+	className: H("mt-4 text-sm", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
 	...n,
-	children: /* @__PURE__ */ q(xt, {
-		...n,
-		children: t
-	})
+	children: /* @__PURE__ */ K(St, { children: t })
 }));
-Or.displayName = "Reasoning", Ar.displayName = "ReasoningTrigger", jr.displayName = "ReasoningContent";
+Mr.displayName = "Reasoning", Pr.displayName = "ReasoningTrigger", Fr.displayName = "ReasoningContent";
 //#endregion
 //#region src/elements/sources.tsx
-var Mr = ({ className: e, ...t }) => /* @__PURE__ */ q(w, {
-	className: U("not-prose mb-4 text-primary text-xs", e),
+var Ir = ({ className: e, ...t }) => /* @__PURE__ */ K(w, {
+	className: H("not-prose mb-4 text-primary text-xs", e),
 	...t
-}), Nr = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ q(E, {
-	className: U("flex items-center gap-2", e),
+}), Lr = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ K(E, {
+	className: H("flex items-center gap-2", e),
 	...r,
-	children: n ?? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J("p", {
+	children: n ?? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q("p", {
 		className: "font-medium",
 		children: [
 			"Used ",
 			t,
 			" sources"
 		]
-	}), /* @__PURE__ */ q(He, { className: "h-4 w-4" })] })
-}), Pr = ({ className: e, ...t }) => /* @__PURE__ */ q(T, {
-	className: U("mt-3 flex w-fit flex-col gap-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+	}), /* @__PURE__ */ K(Ue, { className: "h-4 w-4" })] })
+}), Rr = ({ className: e, ...t }) => /* @__PURE__ */ K(T, {
+	className: H("mt-3 flex w-fit flex-col gap-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
 	...t
-}), Fr = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ q("a", {
+}), zr = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ K("a", {
 	className: "flex items-center gap-2",
 	href: e,
 	rel: "noreferrer",
 	target: "_blank",
 	...r,
-	children: n ?? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(Fe, { className: "h-4 w-4" }), /* @__PURE__ */ q("span", {
+	children: n ?? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(Ie, { className: "h-4 w-4" }), /* @__PURE__ */ K("span", {
 		className: "block font-medium",
 		children: t
 	})] })
 });
 //#endregion
 //#region src/ChatbotEnhanced.tsx
-function Ir(e, t) {
+function Br(e, t) {
 	return t ? "error" : e ? "streaming" : "ready";
 }
-function Lr(e) {
+function Vr(e) {
 	return e === "user" ? "user" : "assistant";
 }
 var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, onClear: a, onStop: o, onReload: s, disabled: c = !1, isLoading: l = !1, error: u, showTimestamp: d = !1, userAvatarUrl: f, userAvatarFallback: p = "You", assistantAvatarUrl: m, assistantAvatarFallback: h = "AI", maxHeight: g = "500px", enableMarkdown: _ = !0, enableFileUpload: v = !1, acceptedFileTypes: y = "image/*,.pdf,.doc,.docx,.txt", maxFileSize: b = 10 * 1024 * 1024, suggestions: x, models: S, selectedModelId: C, onModelChange: w, headerSlot: T, promptOverlaySlot: E, onInputChange: D, onToolApprove: O, toolApproveLabel: k = "Approve", toolDenyLabel: A = "Deny", toolDenyReason: j = "User denied the operation", toolDecisions: M, ...N }, P) => {
-	let F = Ir(l, u), [I, L] = e.useState(null), ee = e.useCallback((e) => {
+	let F = Br(l, u), [I, L] = e.useState(null), ee = e.useCallback((e) => {
 		let t = !!e.text?.trim(), n = e.files?.map((e) => e.file).filter(Boolean), r = !!(n && n.length > 0);
 		(t || r) && i?.(e.text?.trim() ?? "", n);
 	}, [i]), te = e.useCallback((e) => {
@@ -1511,85 +1559,91 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 	}, [i]), ne = e.useCallback((e) => {
 		navigator.clipboard?.writeText(e.content), L(e.id), window.setTimeout(() => L((t) => t === e.id ? null : t), 1500);
 	}, []);
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ q("div", {
 		ref: P,
-		className: U("flex flex-col border rounded-lg bg-background overflow-hidden", t),
+		className: H("flex flex-col border rounded-lg bg-background overflow-hidden", t),
 		style: { maxHeight: g },
 		...N,
 		children: [
-			a && n.length > 0 && /* @__PURE__ */ J("div", {
+			a && n.length > 0 && /* @__PURE__ */ q("div", {
 				className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30",
-				children: [/* @__PURE__ */ J("span", {
+				children: [/* @__PURE__ */ q("span", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
 						" message",
 						n.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ q("button", {
+				}), /* @__PURE__ */ K("button", {
 					type: "button",
 					onClick: a,
 					className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
 					children: "Clear"
 				})]
 			}),
-			T ? /* @__PURE__ */ q("div", {
+			T ? /* @__PURE__ */ K("div", {
 				className: "shrink-0 border-b bg-background/50",
 				children: T
 			}) : null,
-			/* @__PURE__ */ J(Kt, {
+			/* @__PURE__ */ q(Xt, {
 				className: "flex-1 min-h-0",
-				children: [/* @__PURE__ */ q(qt, {
+				children: [/* @__PURE__ */ K(Zt, {
 					className: "space-y-4 px-4 py-3",
-					children: n.length === 0 ? /* @__PURE__ */ q(Jt, {
+					children: n.length === 0 ? /* @__PURE__ */ K(Qt, {
 						title: "Start a conversation",
 						description: "Ask anything — the assistant has access to your current app context.",
-						children: x && x.length > 0 ? /* @__PURE__ */ q(dr, {
+						children: x && x.length > 0 ? /* @__PURE__ */ K(hr, {
 							className: "justify-center pt-2",
-							children: x.map((e) => /* @__PURE__ */ q(fr, {
+							children: x.map((e) => /* @__PURE__ */ K(gr, {
 								suggestion: e,
 								onClick: te
 							}, e))
 						}) : null
 					}) : n.map((e) => {
 						let t = e.role === "user", n = e.toolInvocations ?? [], r = e.reasoning?.trim(), i = e.sources ?? [];
-						return /* @__PURE__ */ J($t, {
-							from: Lr(e.role),
-							children: [/* @__PURE__ */ J(en, { children: [
-								!t && r ? /* @__PURE__ */ J(Or, {
+						return /* @__PURE__ */ q(rn, {
+							from: Vr(e.role),
+							children: [/* @__PURE__ */ q(an, { children: [
+								!t && r ? /* @__PURE__ */ q(Mr, {
 									isStreaming: !!e.streaming && !e.content,
 									className: "mb-2",
-									children: [/* @__PURE__ */ q(Ar, {}), /* @__PURE__ */ q(jr, { children: r })]
+									children: [/* @__PURE__ */ K(Pr, {}), /* @__PURE__ */ K(Fr, { children: r })]
 								}) : null,
 								!t && n.length > 0 ? n.map((e) => {
-									let t = e.state ?? (e.errorText ? "output-error" : e.result === void 0 ? "input-available" : "output-available"), n = `tool-${e.toolName}`, r = M?.[e.toolCallId], i = t === "approval-requested" && !!O && !r, a = t === "approval-requested" && !!e.pendingActionId;
-									return /* @__PURE__ */ J(_r, {
+									let t = e.state ?? (e.errorText ? "output-error" : e.result === void 0 ? "input-available" : "output-available"), n = `tool-${e.toolName}`, r = M?.[e.toolCallId], i = t === "approval-requested" && !!O && !r, a = t === "approval-requested" && !!e.pendingActionId, o = qt(e.toolName), s = Jt(e.result), c = /* @__PURE__ */ q("span", {
+										className: "inline-flex items-center gap-2",
+										children: [/* @__PURE__ */ K("span", { children: o || e.toolName }), o && o.toLowerCase() !== e.toolName.toLowerCase() ? /* @__PURE__ */ K("code", {
+											className: "rounded bg-muted px-1 py-px text-[10px] font-mono text-muted-foreground",
+											children: e.toolName
+										}) : null]
+									});
+									return /* @__PURE__ */ q(xr, {
 										defaultOpen: t !== "output-available",
-										children: [/* @__PURE__ */ q(yr, {
+										children: [/* @__PURE__ */ K(Cr, {
 											type: n,
 											state: t,
-											title: e.toolName
-										}), /* @__PURE__ */ J(br, { children: [
-											e.args === void 0 ? null : /* @__PURE__ */ q(xr, { input: e.args }),
-											a ? null : /* @__PURE__ */ q(Sr, {
-												output: e.result,
+											title: c
+										}), /* @__PURE__ */ q(wr, { children: [
+											e.args === void 0 ? null : /* @__PURE__ */ K(Tr, { input: e.args }),
+											a ? null : /* @__PURE__ */ K(Er, {
+												output: s,
 												errorText: e.errorText
 											}),
-											r ? /* @__PURE__ */ J("div", {
+											r ? /* @__PURE__ */ q("div", {
 												className: "flex items-center gap-2 p-3 border-t text-xs " + (r.state === "error" ? "bg-destructive/10 text-destructive" : r.state === "success" ? "bg-emerald-500/10 text-emerald-700 dark:text-emerald-400" : "bg-muted/30 text-muted-foreground"),
-												children: [/* @__PURE__ */ q("span", {
+												children: [/* @__PURE__ */ K("span", {
 													"aria-hidden": "true",
 													children: r.state === "pending" ? "⏳" : r.state === "success" ? "✓" : "✗"
-												}), /* @__PURE__ */ q("span", { children: r.message ?? (r.state === "pending" ? "Submitting decision…" : r.state === "success" ? "Action approved and executed." : "Decision failed.") })]
+												}), /* @__PURE__ */ K("span", { children: r.message ?? (r.state === "pending" ? "Submitting decision…" : r.state === "success" ? "Action approved and executed." : "Decision failed.") })]
 											}) : null,
-											i ? /* @__PURE__ */ J("div", {
+											i ? /* @__PURE__ */ q("div", {
 												className: "flex gap-2 p-3 border-t bg-muted/30",
-												children: [/* @__PURE__ */ q("button", {
+												children: [/* @__PURE__ */ K("button", {
 													type: "button",
 													onClick: () => O?.(e.toolCallId, !0),
 													className: "inline-flex h-7 items-center rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90",
 													children: k
-												}), /* @__PURE__ */ q("button", {
+												}), /* @__PURE__ */ K("button", {
 													type: "button",
 													onClick: () => O?.(e.toolCallId, !1, j),
 													className: "inline-flex h-7 items-center rounded-md border bg-background px-3 text-xs font-medium hover:bg-accent",
@@ -1600,32 +1654,32 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 									}, e.toolCallId);
 								}) : null,
 								e.content,
-								e.streaming ? /* @__PURE__ */ q("span", {
+								e.streaming ? /* @__PURE__ */ K("span", {
 									"aria-hidden": !0,
 									className: "ml-0.5 inline-block w-[2px] h-4 align-middle bg-current animate-pulse"
 								}) : null,
-								!t && i.length > 0 ? /* @__PURE__ */ J(Mr, { children: [/* @__PURE__ */ q(Nr, { count: i.length }), /* @__PURE__ */ q(Pr, { children: i.map((e, t) => /* @__PURE__ */ q(Fr, {
+								!t && i.length > 0 ? /* @__PURE__ */ q(Ir, { children: [/* @__PURE__ */ K(Lr, { count: i.length }), /* @__PURE__ */ K(Rr, { children: i.map((e, t) => /* @__PURE__ */ K(zr, {
 									href: e.url,
 									title: e.title ?? e.url
 								}, e.id ?? e.url ?? t)) })] }) : null,
-								d && e.timestamp ? /* @__PURE__ */ q("div", {
+								d && e.timestamp ? /* @__PURE__ */ K("div", {
 									className: "text-[10px] opacity-70 mt-1",
 									children: e.timestamp
 								}) : null
-							] }), t ? null : /* @__PURE__ */ J(tn, { children: [
-								/* @__PURE__ */ q(nn, {
+							] }), t ? null : /* @__PURE__ */ q(on, { children: [
+								/* @__PURE__ */ K(sn, {
 									label: "Copy",
 									tooltip: "Copy",
 									onClick: () => ne(e),
-									children: I === e.id ? /* @__PURE__ */ q(Re, { className: "size-3.5" }) : /* @__PURE__ */ q(Je, { className: "size-3.5" })
+									children: I === e.id ? /* @__PURE__ */ K(ze, { className: "size-3.5" }) : /* @__PURE__ */ K(Ye, { className: "size-3.5" })
 								}),
-								s ? /* @__PURE__ */ q(nn, {
+								s ? /* @__PURE__ */ K(sn, {
 									label: "Regenerate",
 									tooltip: "Regenerate",
 									onClick: s,
-									children: /* @__PURE__ */ q(st, { className: "size-3.5" })
+									children: /* @__PURE__ */ K(ct, { className: "size-3.5" })
 								}) : null,
-								e.traceId ? /* @__PURE__ */ q("a", {
+								e.traceId ? /* @__PURE__ */ K("a", {
 									href: `#trace/${e.traceId}`,
 									"data-trace-id": e.traceId,
 									className: "text-[10px] text-muted-foreground hover:text-foreground ml-1 underline",
@@ -1635,31 +1689,18 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 							] })]
 						}, e.id);
 					})
-				}), /* @__PURE__ */ q(Yt, {})]
+				}), /* @__PURE__ */ K($t, {})]
 			}),
-			u ? /* @__PURE__ */ J("div", {
-				className: "flex items-center gap-2 px-4 py-2 border-t bg-destructive/10 text-destructive text-sm",
-				role: "alert",
-				children: [
-					/* @__PURE__ */ q(Ne, { className: "h-4 w-4 shrink-0" }),
-					/* @__PURE__ */ q("span", {
-						className: "flex-1 truncate",
-						children: u.message || "An error occurred"
-					}),
-					s ? /* @__PURE__ */ q("button", {
-						type: "button",
-						onClick: s,
-						className: "text-xs underline hover:no-underline",
-						children: "Retry"
-					}) : null
-				]
+			u ? /* @__PURE__ */ K(Hr, {
+				error: u,
+				onReload: s
 			}) : null,
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ q("div", {
 				className: "relative",
-				children: [E ? /* @__PURE__ */ q("div", {
+				children: [E ? /* @__PURE__ */ K("div", {
 					className: "absolute bottom-full left-0 right-0 z-10 px-3 pb-1",
 					children: E
-				}) : null, /* @__PURE__ */ J(Mn, {
+				}) : null, /* @__PURE__ */ q(In, {
 					accept: y,
 					maxFileSize: b,
 					onSubmit: ee,
@@ -1667,22 +1708,40 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 						console.warn("[plugin-chatbot] prompt-input error", e);
 					},
 					children: [
-						v ? /* @__PURE__ */ q(Nn, { children: /* @__PURE__ */ q(An, { children: (e) => /* @__PURE__ */ q(kn, { data: e }) }) }) : null,
-						/* @__PURE__ */ q(Pn, {
+						v ? /* @__PURE__ */ K(Ln, { children: /* @__PURE__ */ K(Pn, { children: (e) => /* @__PURE__ */ K(Nn, { data: e }) }) }) : null,
+						/* @__PURE__ */ K(Rn, {
 							placeholder: r,
 							disabled: c || F === "streaming",
 							onChange: D ? (e) => D(e.currentTarget.value) : void 0
 						}),
-						/* @__PURE__ */ J(In, { children: [/* @__PURE__ */ J(Ln, { children: [v ? /* @__PURE__ */ J(zn, { children: [/* @__PURE__ */ q(Bn, {}), /* @__PURE__ */ q(Vn, { children: /* @__PURE__ */ q(jn, {}) })] }) : null, S && S.length > 0 ? /* @__PURE__ */ q("select", {
-							"aria-label": "Model",
-							value: C ?? S[0].id,
-							onChange: (e) => w?.(e.target.value),
-							className: "h-7 rounded-md border bg-background px-2 text-xs text-muted-foreground hover:text-foreground focus:outline-none focus:ring-1 focus:ring-ring",
-							children: S.map((e) => /* @__PURE__ */ J("option", {
-								value: e.id,
-								children: [e.label ?? e.id, e.provider ? ` · ${e.provider}` : ""]
-							}, e.id))
-						}) : null] }), /* @__PURE__ */ q(Un, {
+						/* @__PURE__ */ q(Bn, { children: [/* @__PURE__ */ q(Vn, { children: [
+							v ? /* @__PURE__ */ q(Un, { children: [/* @__PURE__ */ K(Wn, {}), /* @__PURE__ */ K(Gn, { children: /* @__PURE__ */ K(Fn, {}) })] }) : null,
+							S && S.length > 0 ? /* @__PURE__ */ K("select", {
+								"aria-label": "Model",
+								value: C ?? S[0].id,
+								onChange: (e) => w?.(e.target.value),
+								className: "h-7 rounded-md border bg-background px-2 text-xs text-muted-foreground hover:text-foreground focus:outline-none focus:ring-1 focus:ring-ring",
+								children: S.map((e) => /* @__PURE__ */ q("option", {
+									value: e.id,
+									children: [e.label ?? e.id, e.provider ? ` · ${e.provider}` : ""]
+								}, e.id))
+							}) : null,
+							/* @__PURE__ */ q("span", {
+								className: "hidden items-center gap-1 text-[10px] text-muted-foreground sm:inline-flex",
+								"aria-hidden": "true",
+								children: [
+									/* @__PURE__ */ K("kbd", {
+										className: "inline-flex h-4 items-center rounded border bg-muted px-1 font-mono text-[10px] leading-none",
+										children: "⌘"
+									}),
+									/* @__PURE__ */ K(Ze, { className: "h-3 w-3" }),
+									/* @__PURE__ */ K("span", {
+										className: "opacity-70",
+										children: "to send"
+									})
+								]
+							})
+						] }), /* @__PURE__ */ K(qn, {
 							status: F,
 							disabled: c,
 							onClick: F === "streaming" ? o : void 0
@@ -1690,7 +1749,7 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 					]
 				})]
 			}),
-			/* @__PURE__ */ q("span", {
+			/* @__PURE__ */ K("span", {
 				hidden: !0,
 				"data-avatar-user": f ?? p,
 				"data-avatar-assistant": m ?? h
@@ -1699,9 +1758,42 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 	});
 });
 $.displayName = "ChatbotEnhanced";
+function Hr({ error: t, onReload: n }) {
+	let { summary: r, details: i } = e.useMemo(() => Yt(t), [t]), [a, o] = e.useState(!1);
+	return /* @__PURE__ */ q("div", {
+		className: "flex flex-col gap-1 border-t bg-destructive/10 px-4 py-2 text-destructive text-sm",
+		role: "alert",
+		children: [/* @__PURE__ */ q("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ K(Pe, { className: "h-4 w-4 shrink-0" }),
+				/* @__PURE__ */ K("span", {
+					className: "flex-1 leading-snug",
+					children: r || "An error occurred"
+				}),
+				i ? /* @__PURE__ */ K("button", {
+					type: "button",
+					onClick: () => o((e) => !e),
+					className: "text-xs underline hover:no-underline",
+					"aria-expanded": a,
+					children: a ? "Hide details" : "Details"
+				}) : null,
+				n ? /* @__PURE__ */ q("button", {
+					type: "button",
+					onClick: n,
+					className: "inline-flex h-7 items-center rounded-md border border-destructive/30 bg-destructive/10 px-2 text-xs font-medium hover:bg-destructive/20",
+					children: [/* @__PURE__ */ K(ct, { className: "mr-1 h-3 w-3" }), "Retry"]
+				}) : null
+			]
+		}), a && i ? /* @__PURE__ */ K("pre", {
+			className: "max-h-32 overflow-auto whitespace-pre-wrap break-words rounded bg-destructive/5 px-2 py-1 font-mono text-[11px] leading-snug text-destructive/90",
+			children: i
+		}) : null]
+	});
+}
 //#endregion
 //#region src/FloatingChatbot.tsx
-function Rr({ floatingConfig: t, headerExtra: n, ...r }) {
+function Ur({ floatingConfig: t, headerExtra: n, ...r }) {
 	let { position: i = "bottom-right", defaultOpen: a = !1, panelWidth: o = 400, panelHeight: s = 520, title: c = "Chat", triggerSize: l = 56 } = t ?? {}, [u, d] = e.useState(null);
 	e.useEffect(() => {
 		let e = document.getElementById("floating-chatbot-portal");
@@ -1709,27 +1801,27 @@ function Rr({ floatingConfig: t, headerExtra: n, ...r }) {
 			e && e.parentNode && !e.hasChildNodes() && e.parentNode.removeChild(e);
 		};
 	}, []);
-	let f = /* @__PURE__ */ J(Vt, {
+	let f = /* @__PURE__ */ q(Vt, {
 		defaultOpen: a,
-		children: [/* @__PURE__ */ q(Wt, {
+		children: [/* @__PURE__ */ K(Wt, {
 			position: i,
 			size: l
-		}), /* @__PURE__ */ q(Gt, {
+		}), /* @__PURE__ */ K(Gt, {
 			title: c,
 			position: i,
 			width: o,
 			height: s,
 			headerExtra: n,
-			children: /* @__PURE__ */ q($, {
+			children: /* @__PURE__ */ K($, {
 				...r,
 				maxHeight: "100%",
 				className: "h-full border-0 rounded-none"
 			})
 		})]
 	});
-	return u ? ht.createPortal(f, u) : f;
+	return u ? gt.createPortal(f, u) : f;
 }
-Et.register("chatbot", ({ schema: e, className: t, ...n }) => {
+J.register("chatbot", ({ schema: e, className: t, ...n }) => {
 	let { messages: r, isLoading: i, sendMessage: a } = Y({
 		api: e.api,
 		initialMessages: e.messages,
@@ -1747,7 +1839,7 @@ Et.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ q(ai, {
+	return /* @__PURE__ */ K(ui, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e) => {
@@ -1895,7 +1987,7 @@ Et.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), Et.register("chatbot-enhanced", ({ schema: e, className: t, ...n }) => {
+}), J.register("chatbot-enhanced", ({ schema: e, className: t, ...n }) => {
 	let { messages: r, isLoading: i, error: a, sendMessage: o, stop: s, reload: c, clear: l, isApiMode: u } = Y({
 		api: e.api,
 		initialMessages: e.messages,
@@ -1913,7 +2005,7 @@ Et.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ q($, {
+	return /* @__PURE__ */ K($, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e, t) => {
@@ -2075,7 +2167,7 @@ Et.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), Et.register("chatbot-floating", ({ schema: e, className: t, ...n }) => {
+}), J.register("chatbot-floating", ({ schema: e, className: t, ...n }) => {
 	let { messages: r, isLoading: i, error: a, sendMessage: o, stop: s, reload: c, clear: l, isApiMode: u } = Y({
 		api: e.api,
 		initialMessages: e.messages,
@@ -2093,7 +2185,7 @@ Et.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ q(Rr, {
+	return /* @__PURE__ */ K(Ur, {
 		floatingConfig: e.floatingConfig,
 		messages: r,
 		placeholder: e.placeholder,
@@ -2265,71 +2357,71 @@ Et.register("chatbot", ({ schema: e, className: t, ...n }) => {
 });
 //#endregion
 //#region src/elements/loader.tsx
-var zr = ({ size: e = 16 }) => /* @__PURE__ */ J("svg", {
+var Wr = ({ size: e = 16 }) => /* @__PURE__ */ q("svg", {
 	height: e,
 	strokeLinejoin: "round",
 	style: { color: "currentcolor" },
 	viewBox: "0 0 16 16",
 	width: e,
 	children: [
-		/* @__PURE__ */ q("title", { children: "Loader" }),
-		/* @__PURE__ */ J("g", {
+		/* @__PURE__ */ K("title", { children: "Loader" }),
+		/* @__PURE__ */ q("g", {
 			clipPath: "url(#clip0_2393_1490)",
 			children: [
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M8 0V4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M8 16V12",
 					opacity: "0.5",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M3.29773 1.52783L5.64887 4.7639",
 					opacity: "0.9",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M12.7023 1.52783L10.3511 4.7639",
 					opacity: "0.1",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M12.7023 14.472L10.3511 11.236",
 					opacity: "0.4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M3.29773 14.472L5.64887 11.236",
 					opacity: "0.6",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M15.6085 5.52783L11.8043 6.7639",
 					opacity: "0.2",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M0.391602 10.472L4.19583 9.23598",
 					opacity: "0.7",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M15.6085 10.4722L11.8043 9.2361",
 					opacity: "0.3",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ q("path", {
+				/* @__PURE__ */ K("path", {
 					d: "M0.391602 5.52783L4.19583 6.7639",
 					opacity: "0.8",
 					stroke: "currentColor",
@@ -2337,106 +2429,106 @@ var zr = ({ size: e = 16 }) => /* @__PURE__ */ J("svg", {
 				})
 			]
 		}),
-		/* @__PURE__ */ q("defs", { children: /* @__PURE__ */ q("clipPath", {
+		/* @__PURE__ */ K("defs", { children: /* @__PURE__ */ K("clipPath", {
 			id: "clip0_2393_1490",
-			children: /* @__PURE__ */ q("rect", {
+			children: /* @__PURE__ */ K("rect", {
 				fill: "white",
 				height: "16",
 				width: "16"
 			})
 		}) })
 	]
-}), Br = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ q("div", {
-	className: U("inline-flex animate-spin items-center justify-center", e),
+}), Gr = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ K("div", {
+	className: H("inline-flex animate-spin items-center justify-center", e),
 	...n,
-	children: /* @__PURE__ */ q(zr, { size: t })
-}), Vr = /* @__PURE__ */ Ot({
+	children: /* @__PURE__ */ K(Wr, { size: t })
+}), Kr = /* @__PURE__ */ Ot({
 	CodeBlock: () => Q,
-	CodeBlockCopyButton: () => gr,
-	Conversation: () => Kt,
-	ConversationContent: () => qt,
-	ConversationEmptyState: () => Jt,
-	ConversationScrollButton: () => Yt,
-	Loader: () => Br,
-	Message: () => $t,
-	MessageAction: () => nn,
-	MessageActions: () => tn,
-	MessageAttachment: () => fn,
-	MessageAttachments: () => pn,
-	MessageBranch: () => an,
-	MessageBranchContent: () => on,
-	MessageBranchNext: () => ln,
-	MessageBranchPage: () => un,
-	MessageBranchPrevious: () => cn,
-	MessageBranchSelector: () => sn,
-	MessageContent: () => en,
-	MessageResponse: () => dn,
-	MessageToolbar: () => mn,
-	PromptInput: () => Mn,
-	PromptInputActionAddAttachments: () => jn,
-	PromptInputActionMenu: () => zn,
-	PromptInputActionMenuContent: () => Vn,
-	PromptInputActionMenuItem: () => Hn,
-	PromptInputActionMenuTrigger: () => Bn,
-	PromptInputAttachment: () => kn,
-	PromptInputAttachments: () => An,
-	PromptInputBody: () => Nn,
-	PromptInputButton: () => Rn,
-	PromptInputCommand: () => ir,
-	PromptInputCommandEmpty: () => sr,
-	PromptInputCommandGroup: () => cr,
-	PromptInputCommandInput: () => ar,
-	PromptInputCommandItem: () => lr,
-	PromptInputCommandList: () => or,
-	PromptInputCommandSeparator: () => ur,
-	PromptInputFooter: () => In,
-	PromptInputHeader: () => Fn,
-	PromptInputHoverCard: () => Xn,
-	PromptInputHoverCardContent: () => Qn,
-	PromptInputHoverCardTrigger: () => Zn,
-	PromptInputProvider: () => Dn,
-	PromptInputSelect: () => Gn,
-	PromptInputSelectContent: () => qn,
-	PromptInputSelectItem: () => Jn,
-	PromptInputSelectTrigger: () => Kn,
-	PromptInputSelectValue: () => Yn,
-	PromptInputSpeechButton: () => Wn,
-	PromptInputSubmit: () => Un,
-	PromptInputTab: () => er,
-	PromptInputTabBody: () => nr,
-	PromptInputTabItem: () => rr,
-	PromptInputTabLabel: () => tr,
-	PromptInputTabsList: () => $n,
-	PromptInputTextarea: () => Pn,
-	PromptInputTools: () => Ln,
-	Reasoning: () => Or,
-	ReasoningContent: () => jr,
-	ReasoningTrigger: () => Ar,
-	Shimmer: () => Cr,
-	Source: () => Fr,
-	Sources: () => Mr,
-	SourcesContent: () => Pr,
-	SourcesTrigger: () => Nr,
-	Suggestion: () => fr,
-	Suggestions: () => dr,
-	Tool: () => _r,
-	ToolContent: () => br,
-	ToolHeader: () => yr,
-	ToolInput: () => xr,
-	ToolOutput: () => Sr,
-	highlightCode: () => hr,
+	CodeBlockCopyButton: () => br,
+	Conversation: () => Xt,
+	ConversationContent: () => Zt,
+	ConversationEmptyState: () => Qt,
+	ConversationScrollButton: () => $t,
+	Loader: () => Gr,
+	Message: () => rn,
+	MessageAction: () => sn,
+	MessageActions: () => on,
+	MessageAttachment: () => gn,
+	MessageAttachments: () => _n,
+	MessageBranch: () => ln,
+	MessageBranchContent: () => un,
+	MessageBranchNext: () => pn,
+	MessageBranchPage: () => mn,
+	MessageBranchPrevious: () => fn,
+	MessageBranchSelector: () => dn,
+	MessageContent: () => an,
+	MessageResponse: () => hn,
+	MessageToolbar: () => vn,
+	PromptInput: () => In,
+	PromptInputActionAddAttachments: () => Fn,
+	PromptInputActionMenu: () => Un,
+	PromptInputActionMenuContent: () => Gn,
+	PromptInputActionMenuItem: () => Kn,
+	PromptInputActionMenuTrigger: () => Wn,
+	PromptInputAttachment: () => Nn,
+	PromptInputAttachments: () => Pn,
+	PromptInputBody: () => Ln,
+	PromptInputButton: () => Hn,
+	PromptInputCommand: () => cr,
+	PromptInputCommandEmpty: () => dr,
+	PromptInputCommandGroup: () => fr,
+	PromptInputCommandInput: () => lr,
+	PromptInputCommandItem: () => pr,
+	PromptInputCommandList: () => ur,
+	PromptInputCommandSeparator: () => mr,
+	PromptInputFooter: () => Bn,
+	PromptInputHeader: () => zn,
+	PromptInputHoverCard: () => er,
+	PromptInputHoverCardContent: () => nr,
+	PromptInputHoverCardTrigger: () => tr,
+	PromptInputProvider: () => jn,
+	PromptInputSelect: () => Yn,
+	PromptInputSelectContent: () => Zn,
+	PromptInputSelectItem: () => Qn,
+	PromptInputSelectTrigger: () => Xn,
+	PromptInputSelectValue: () => $n,
+	PromptInputSpeechButton: () => Jn,
+	PromptInputSubmit: () => qn,
+	PromptInputTab: () => ir,
+	PromptInputTabBody: () => or,
+	PromptInputTabItem: () => sr,
+	PromptInputTabLabel: () => ar,
+	PromptInputTabsList: () => rr,
+	PromptInputTextarea: () => Rn,
+	PromptInputTools: () => Vn,
+	Reasoning: () => Mr,
+	ReasoningContent: () => Fr,
+	ReasoningTrigger: () => Pr,
+	Shimmer: () => Dr,
+	Source: () => zr,
+	Sources: () => Ir,
+	SourcesContent: () => Rr,
+	SourcesTrigger: () => Lr,
+	Suggestion: () => gr,
+	Suggestions: () => hr,
+	Tool: () => xr,
+	ToolContent: () => wr,
+	ToolHeader: () => Cr,
+	ToolInput: () => Tr,
+	ToolOutput: () => Er,
+	highlightCode: () => yr,
 	usePromptInputAttachments: () => Z,
-	usePromptInputController: () => Cn,
-	useProviderAttachments: () => Tn,
-	useReasoning: () => Tr
-}), Hr = "/api/v1/ai";
-function Ur(e, t, n) {
+	usePromptInputController: () => Dn,
+	useProviderAttachments: () => kn,
+	useReasoning: () => kr
+}), qr = "/api/v1/ai";
+function Jr(e, t, n) {
 	let r = e.replace(/\/$/, ""), i = new URLSearchParams();
 	if (n) for (let [e, t] of Object.entries(n)) t == null || t === "" || i.set(e, String(t));
 	let a = i.toString();
 	return `${r}${t}${a ? `?${a}` : ""}`;
 }
-async function Wr(e, t, n) {
+async function Yr(e, t, n) {
 	let r = await fetch(e, {
 		credentials: "include",
 		...t,
@@ -2456,8 +2548,8 @@ async function Wr(e, t, n) {
 	}
 	return i;
 }
-function Gr(t = {}) {
-	let { apiBase: n = Hr, status: r = "pending", conversationId: i, limit: a, headers: o, pollInterval: s = 5e3, enabled: c = !0 } = t, [l, u] = e.useState([]), [d, f] = e.useState(0), [p, m] = e.useState(!1), [h, g] = e.useState(void 0), _ = e.useRef({
+function Xr(t = {}) {
+	let { apiBase: n = qr, status: r = "pending", conversationId: i, limit: a, headers: o, pollInterval: s = 5e3, enabled: c = !0 } = t, [l, u] = e.useState([]), [d, f] = e.useState(0), [p, m] = e.useState(!1), [h, g] = e.useState(void 0), _ = e.useRef({
 		apiBase: n,
 		status: r,
 		conversationId: i,
@@ -2475,7 +2567,7 @@ function Gr(t = {}) {
 		let { apiBase: e, status: t, conversationId: n, limit: r, headers: i } = _.current;
 		m(!0), g(void 0);
 		try {
-			let a = await Wr(Ur(e, "/pending-actions", {
+			let a = await Yr(Jr(e, "/pending-actions", {
 				status: t && t !== "all" ? t : void 0,
 				conversationId: n,
 				limit: r
@@ -2487,9 +2579,9 @@ function Gr(t = {}) {
 			m(!1);
 		}
 	}, []), y = e.useCallback(async (e) => {
-		let { apiBase: t, headers: n } = _.current, r = Ur(t, `/pending-actions/${encodeURIComponent(e)}/approve`);
+		let { apiBase: t, headers: n } = _.current, r = Jr(t, `/pending-actions/${encodeURIComponent(e)}/approve`);
 		try {
-			return await Wr(r, {
+			return await Yr(r, {
 				method: "POST",
 				body: "{}"
 			}, n);
@@ -2497,9 +2589,9 @@ function Gr(t = {}) {
 			v();
 		}
 	}, [v]), b = e.useCallback(async (e, t) => {
-		let { apiBase: n, headers: r } = _.current, i = Ur(n, `/pending-actions/${encodeURIComponent(e)}/reject`);
+		let { apiBase: n, headers: r } = _.current, i = Jr(n, `/pending-actions/${encodeURIComponent(e)}/reject`);
 		try {
-			return await Wr(i, {
+			return await Yr(i, {
 				method: "POST",
 				body: JSON.stringify(t ? { reason: t } : {})
 			}, r);
@@ -2533,7 +2625,7 @@ function Gr(t = {}) {
 }
 //#endregion
 //#region src/AiPendingActionsInbox.tsx
-var Kr = {
+var Zr = {
 	pending: {
 		variant: "secondary",
 		label: "Pending"
@@ -2555,17 +2647,17 @@ var Kr = {
 		label: "Rejected"
 	}
 };
-function qr({ status: e }) {
-	let t = Kr[e] ?? {
+function Qr({ status: e }) {
+	let t = Zr[e] ?? {
 		variant: "outline",
 		label: e
 	};
-	return /* @__PURE__ */ q(_, {
+	return /* @__PURE__ */ K(_, {
 		variant: t.variant,
 		children: t.label
 	});
 }
-function Jr(e) {
+function $r(e) {
 	if (!e) return "—";
 	let t = Date.parse(e);
 	if (Number.isNaN(t)) return e;
@@ -2583,7 +2675,7 @@ function Jr(e) {
 		return e;
 	}
 }
-function Yr(e) {
+function ei(e) {
 	if (!e) return null;
 	try {
 		return JSON.parse(e);
@@ -2591,31 +2683,31 @@ function Yr(e) {
 		return e;
 	}
 }
-function Xr({ value: e, max: t = 320 }) {
+function ti({ value: e, max: t = 320 }) {
 	let n = typeof e == "string" ? e : JSON.stringify(e, null, 2);
-	return n == null || n === "" ? /* @__PURE__ */ q("span", {
+	return n == null || n === "" ? /* @__PURE__ */ K("span", {
 		className: "text-muted-foreground text-xs",
 		children: "—"
-	}) : /* @__PURE__ */ q("pre", {
+	}) : /* @__PURE__ */ K("pre", {
 		className: "bg-muted/40 rounded text-xs p-2 overflow-auto whitespace-pre-wrap break-all",
 		style: { maxHeight: t },
 		children: n
 	});
 }
-function Zr(e) {
+function ni(e) {
 	switch (e) {
 		case "pending": return "pending";
 		case "all": return "all";
 		case "decided": return "all";
 	}
 }
-function Qr({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i, variant: a = "card", title: o = "AI Approvals", description: s = "Actions an AI agent proposed that need a human review before execution.", className: c }) {
-	let [l, u] = e.useState("pending"), [d, m] = e.useState(null), [h, g] = e.useState(null), [_, w] = e.useState(""), [T, E] = e.useState(null), [D, O] = e.useState(null), [k, A] = e.useState(null), { items: j, isLoading: M, error: N, refresh: P, approve: F, reject: I } = Gr({
+function ri({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i, variant: a = "card", title: o = "AI Approvals", description: s = "Actions an AI agent proposed that need a human review before execution.", className: c }) {
+	let [l, u] = e.useState("pending"), [d, m] = e.useState(null), [h, g] = e.useState(null), [_, w] = e.useState(""), [T, E] = e.useState(null), [D, O] = e.useState(null), [k, A] = e.useState(null), { items: j, isLoading: M, error: N, refresh: P, approve: F, reject: I } = Xr({
 		apiBase: t,
 		headers: n,
 		pollInterval: r,
 		conversationId: i,
-		status: Zr(l)
+		status: ni(l)
 	}), L = e.useMemo(() => l === "decided" ? j.filter((e) => e.status !== "pending") : j, [j, l]), R = e.useMemo(() => d ? j.find((e) => e.id === d) ?? null : null, [d, j]), ae = e.useCallback(async (e) => {
 		E(e), O(null);
 		try {
@@ -2637,7 +2729,7 @@ function Qr({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 		} finally {
 			E(null);
 		}
-	}, [F]), z = e.useCallback(async (e, t) => {
+	}, [F]), oe = e.useCallback(async (e, t) => {
 		E(e), O(null);
 		try {
 			await I(e, t.trim() || void 0), A({
@@ -2657,52 +2749,52 @@ function Qr({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 		} finally {
 			E(null);
 		}
-	}, [I]), oe = /* @__PURE__ */ J("div", {
+	}, [I]), se = /* @__PURE__ */ q("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ q("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ q(Te, {
+				children: [/* @__PURE__ */ K(Ee, {
 					value: l,
 					onValueChange: (e) => u(e),
-					children: /* @__PURE__ */ J(Ee, { children: [
-						/* @__PURE__ */ q(De, {
+					children: /* @__PURE__ */ q(De, { children: [
+						/* @__PURE__ */ K(Oe, {
 							value: "pending",
 							children: "Pending"
 						}),
-						/* @__PURE__ */ q(De, {
+						/* @__PURE__ */ K(Oe, {
 							value: "decided",
 							children: "Decided"
 						}),
-						/* @__PURE__ */ q(De, {
+						/* @__PURE__ */ K(Oe, {
 							value: "all",
 							children: "All"
 						})
 					] })
-				}), /* @__PURE__ */ J(v, {
+				}), /* @__PURE__ */ q(v, {
 					variant: "outline",
 					size: "sm",
 					onClick: () => void P(),
 					disabled: M,
 					"data-testid": "ai-inbox-refresh",
-					children: [/* @__PURE__ */ q(st, { className: `h-3.5 w-3.5 mr-1.5 ${M ? "animate-spin" : ""}` }), "Refresh"]
+					children: [/* @__PURE__ */ K(ct, { className: `h-3.5 w-3.5 mr-1.5 ${M ? "animate-spin" : ""}` }), "Refresh"]
 				})]
 			}),
-			N ? /* @__PURE__ */ J(f, {
+			N ? /* @__PURE__ */ q(f, {
 				variant: "destructive",
-				children: [/* @__PURE__ */ q(Ne, { className: "h-4 w-4" }), /* @__PURE__ */ q(p, { children: N.message })]
+				children: [/* @__PURE__ */ K(Pe, { className: "h-4 w-4" }), /* @__PURE__ */ K(p, { children: N.message })]
 			}) : null,
-			D ? /* @__PURE__ */ J(f, {
+			D ? /* @__PURE__ */ q(f, {
 				variant: "destructive",
-				children: [/* @__PURE__ */ q(Ne, { className: "h-4 w-4" }), /* @__PURE__ */ q(p, { children: D })]
+				children: [/* @__PURE__ */ K(Pe, { className: "h-4 w-4" }), /* @__PURE__ */ K(p, { children: D })]
 			}) : null,
-			k && !D ? /* @__PURE__ */ J(f, {
+			k && !D ? /* @__PURE__ */ q(f, {
 				variant: k.ok ? "default" : "destructive",
-				children: [k.ok ? /* @__PURE__ */ q(ze, { className: "h-4 w-4" }) : /* @__PURE__ */ q(W, { className: "h-4 w-4" }), /* @__PURE__ */ J(p, { children: [
+				children: [k.ok ? /* @__PURE__ */ K(Be, { className: "h-4 w-4" }) : /* @__PURE__ */ K(U, { className: "h-4 w-4" }), /* @__PURE__ */ q(p, { children: [
 					k.kind === "approve" ? "Approve" : "Reject",
 					" for",
 					" ",
-					/* @__PURE__ */ J("code", {
+					/* @__PURE__ */ q("code", {
 						className: "text-xs",
 						children: [k.id.slice(0, 8), "…"]
 					}),
@@ -2711,89 +2803,89 @@ function Qr({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 					k.message ?? (k.ok ? "OK" : "Failed")
 				] })]
 			}) : null,
-			M && L.length === 0 ? /* @__PURE__ */ J("div", {
+			M && L.length === 0 ? /* @__PURE__ */ q("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ q(be, { className: "h-10 w-full" }),
-					/* @__PURE__ */ q(be, { className: "h-10 w-full" }),
-					/* @__PURE__ */ q(be, { className: "h-10 w-full" })
+					/* @__PURE__ */ K(xe, { className: "h-10 w-full" }),
+					/* @__PURE__ */ K(xe, { className: "h-10 w-full" }),
+					/* @__PURE__ */ K(xe, { className: "h-10 w-full" })
 				]
-			}) : L.length === 0 ? /* @__PURE__ */ q(ee, { children: /* @__PURE__ */ J(ne, { children: [
-				/* @__PURE__ */ q(re, { children: /* @__PURE__ */ q($e, { className: "h-8 w-8 text-muted-foreground" }) }),
-				/* @__PURE__ */ q(ie, { children: "No actions waiting" }),
-				/* @__PURE__ */ q(te, { children: "When the AI proposes a sensitive action it will appear here for review." })
-			] }) }) : /* @__PURE__ */ q("div", {
+			}) : L.length === 0 ? /* @__PURE__ */ K(ee, { children: /* @__PURE__ */ q(ne, { children: [
+				/* @__PURE__ */ K(re, { children: /* @__PURE__ */ K(tt, { className: "h-8 w-8 text-muted-foreground" }) }),
+				/* @__PURE__ */ K(ie, { children: "No actions waiting" }),
+				/* @__PURE__ */ K(te, { children: "When the AI proposes a sensitive action it will appear here for review." })
+			] }) }) : /* @__PURE__ */ K("div", {
 				className: "rounded-md border",
-				children: /* @__PURE__ */ J(xe, { children: [/* @__PURE__ */ q(Ce, { children: /* @__PURE__ */ J(we, { children: [
-					/* @__PURE__ */ q(H, {
+				children: /* @__PURE__ */ q(Se, { children: [/* @__PURE__ */ K(we, { children: /* @__PURE__ */ q(Te, { children: [
+					/* @__PURE__ */ K(V, {
 						className: "w-[140px]",
 						children: "Tool"
 					}),
-					/* @__PURE__ */ q(H, {
+					/* @__PURE__ */ K(V, {
 						className: "w-[140px]",
 						children: "Action"
 					}),
-					/* @__PURE__ */ q(H, {
+					/* @__PURE__ */ K(V, {
 						className: "w-[120px]",
 						children: "Object"
 					}),
-					/* @__PURE__ */ q(H, {
+					/* @__PURE__ */ K(V, {
 						className: "w-[110px]",
 						children: "Status"
 					}),
-					/* @__PURE__ */ q(H, {
+					/* @__PURE__ */ K(V, {
 						className: "w-[110px]",
 						children: "Proposed"
 					}),
-					/* @__PURE__ */ q(H, {
+					/* @__PURE__ */ K(V, {
 						className: "w-[260px] text-right",
 						children: "Decision"
 					})
-				] }) }), /* @__PURE__ */ q(Se, { children: L.map((e) => {
+				] }) }), /* @__PURE__ */ K(Ce, { children: L.map((e) => {
 					let t = e.status === "pending", n = T === e.id;
-					return /* @__PURE__ */ J(we, { children: [
-						/* @__PURE__ */ q(V, {
+					return /* @__PURE__ */ q(Te, { children: [
+						/* @__PURE__ */ K(B, {
 							className: "font-mono text-xs",
 							children: e.tool_name
 						}),
-						/* @__PURE__ */ q(V, {
+						/* @__PURE__ */ K(B, {
 							className: "text-sm",
 							children: e.action_name
 						}),
-						/* @__PURE__ */ q(V, {
+						/* @__PURE__ */ K(B, {
 							className: "text-sm",
 							children: e.object_name
 						}),
-						/* @__PURE__ */ q(V, { children: /* @__PURE__ */ q(qr, { status: e.status }) }),
-						/* @__PURE__ */ q(V, {
+						/* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(Qr, { status: e.status }) }),
+						/* @__PURE__ */ K(B, {
 							className: "text-xs text-muted-foreground",
-							children: /* @__PURE__ */ J("span", {
+							children: /* @__PURE__ */ q("span", {
 								className: "inline-flex items-center gap-1",
 								children: [
-									/* @__PURE__ */ q(Ke, { className: "h-3 w-3" }),
+									/* @__PURE__ */ K(qe, { className: "h-3 w-3" }),
 									" ",
-									Jr(e.proposed_at)
+									$r(e.proposed_at)
 								]
 							})
 						}),
-						/* @__PURE__ */ q(V, {
+						/* @__PURE__ */ K(B, {
 							className: "text-right",
-							children: /* @__PURE__ */ J("div", {
+							children: /* @__PURE__ */ q("div", {
 								className: "inline-flex gap-1.5",
-								children: [/* @__PURE__ */ J(v, {
+								children: [/* @__PURE__ */ q(v, {
 									size: "sm",
 									variant: "ghost",
 									onClick: () => m(e.id),
 									"data-testid": `ai-inbox-view-${e.id}`,
-									children: [/* @__PURE__ */ q(Ze, { className: "h-3.5 w-3.5 mr-1" }), " View"]
-								}), t ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J(v, {
+									children: [/* @__PURE__ */ K($e, { className: "h-3.5 w-3.5 mr-1" }), " View"]
+								}), t ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q(v, {
 									size: "sm",
 									variant: "default",
 									disabled: n,
 									onClick: () => void ae(e.id),
 									"data-testid": `ai-inbox-approve-${e.id}`,
-									children: [/* @__PURE__ */ q(ze, { className: "h-3.5 w-3.5 mr-1" }), n ? "Working…" : "Approve"]
-								}), /* @__PURE__ */ J(v, {
+									children: [/* @__PURE__ */ K(Be, { className: "h-3.5 w-3.5 mr-1" }), n ? "Working…" : "Approve"]
+								}), /* @__PURE__ */ q(v, {
 									size: "sm",
 									variant: "destructive",
 									disabled: n,
@@ -2801,7 +2893,7 @@ function Qr({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 										g(e.id), w("");
 									},
 									"data-testid": `ai-inbox-reject-${e.id}`,
-									children: [/* @__PURE__ */ q(W, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
+									children: [/* @__PURE__ */ K(U, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
 								})] }) : null]
 							})
 						})
@@ -2810,174 +2902,174 @@ function Qr({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 			})
 		]
 	});
-	return /* @__PURE__ */ J(K, { children: [
-		a === "card" ? /* @__PURE__ */ J(y, {
+	return /* @__PURE__ */ q(G, { children: [
+		a === "card" ? /* @__PURE__ */ q(y, {
 			className: c,
-			children: [/* @__PURE__ */ J(S, {
+			children: [/* @__PURE__ */ q(S, {
 				className: "pb-3",
-				children: [/* @__PURE__ */ J(C, {
+				children: [/* @__PURE__ */ q(C, {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ q(Ie, { className: "h-4 w-4" }),
+						/* @__PURE__ */ K(Le, { className: "h-4 w-4" }),
 						" ",
 						o
 					]
-				}), s ? /* @__PURE__ */ q(x, { children: s }) : null]
-			}), /* @__PURE__ */ q(b, { children: oe })]
-		}) : /* @__PURE__ */ q("div", {
+				}), s ? /* @__PURE__ */ K(x, { children: s }) : null]
+			}), /* @__PURE__ */ K(b, { children: se })]
+		}) : /* @__PURE__ */ K("div", {
 			className: c,
-			children: oe
+			children: se
 		}),
-		/* @__PURE__ */ q(he, {
+		/* @__PURE__ */ K(ge, {
 			open: !!d,
 			onOpenChange: (e) => {
 				e || m(null);
 			},
-			children: /* @__PURE__ */ J(ge, {
+			children: /* @__PURE__ */ q(_e, {
 				className: "sm:max-w-[560px] overflow-y-auto",
-				children: [/* @__PURE__ */ J(ve, { children: [/* @__PURE__ */ J(ye, {
+				children: [/* @__PURE__ */ q(ye, { children: [/* @__PURE__ */ q(be, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ q(Ie, { className: "h-4 w-4" }), R ? R.action_name : "Pending action"]
-				}), /* @__PURE__ */ q(_e, { children: R ? /* @__PURE__ */ J(K, { children: [
+					children: [/* @__PURE__ */ K(Le, { className: "h-4 w-4" }), R ? R.action_name : "Pending action"]
+				}), /* @__PURE__ */ K(ve, { children: R ? /* @__PURE__ */ q(G, { children: [
 					"Tool ",
-					/* @__PURE__ */ q("code", {
+					/* @__PURE__ */ K("code", {
 						className: "text-xs",
 						children: R.tool_name
 					}),
 					" on",
 					" ",
-					/* @__PURE__ */ q("code", {
+					/* @__PURE__ */ K("code", {
 						className: "text-xs",
 						children: R.object_name
 					})
-				] }) : "Loading…" })] }), R ? /* @__PURE__ */ J("div", {
+				] }) : "Loading…" })] }), R ? /* @__PURE__ */ q("div", {
 					className: "px-4 space-y-4 mt-4",
 					children: [
-						/* @__PURE__ */ J("div", {
+						/* @__PURE__ */ q("div", {
 							className: "grid grid-cols-2 gap-3 text-sm",
 							children: [
-								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 									className: "text-xs text-muted-foreground",
 									children: "Status"
-								}), /* @__PURE__ */ q("div", {
+								}), /* @__PURE__ */ K("div", {
 									className: "mt-1",
-									children: /* @__PURE__ */ q(qr, { status: R.status })
+									children: /* @__PURE__ */ K(Qr, { status: R.status })
 								})] }),
-								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 									className: "text-xs text-muted-foreground",
 									children: "Proposed"
-								}), /* @__PURE__ */ q("div", {
+								}), /* @__PURE__ */ K("div", {
 									className: "mt-1 text-xs",
-									children: Jr(R.proposed_at)
+									children: $r(R.proposed_at)
 								})] }),
-								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 									className: "text-xs text-muted-foreground",
 									children: "Proposed by"
-								}), /* @__PURE__ */ q("div", {
+								}), /* @__PURE__ */ K("div", {
 									className: "mt-1 text-xs font-mono break-all",
 									children: R.proposed_by ?? "—"
 								})] }),
-								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 									className: "text-xs text-muted-foreground",
 									children: "Decided by"
-								}), /* @__PURE__ */ q("div", {
+								}), /* @__PURE__ */ K("div", {
 									className: "mt-1 text-xs font-mono break-all",
 									children: R.decided_by ?? "—"
 								})] }),
-								R.conversation_id ? /* @__PURE__ */ J("div", {
+								R.conversation_id ? /* @__PURE__ */ q("div", {
 									className: "col-span-2",
-									children: [/* @__PURE__ */ q(B, {
+									children: [/* @__PURE__ */ K(z, {
 										className: "text-xs text-muted-foreground",
 										children: "Conversation"
-									}), /* @__PURE__ */ q("div", {
+									}), /* @__PURE__ */ K("div", {
 										className: "mt-1 text-xs font-mono break-all",
 										children: R.conversation_id
 									})]
 								}) : null
 							]
 						}),
-						/* @__PURE__ */ q(me, {}),
-						/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+						/* @__PURE__ */ K(he, {}),
+						/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 							className: "text-xs",
 							children: "Tool input"
-						}), /* @__PURE__ */ q("div", {
+						}), /* @__PURE__ */ K("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ q(Xr, { value: Yr(R.tool_input) })
+							children: /* @__PURE__ */ K(ti, { value: ei(R.tool_input) })
 						})] }),
-						R.result ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+						R.result ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 							className: "text-xs",
 							children: "Result"
-						}), /* @__PURE__ */ q("div", {
+						}), /* @__PURE__ */ K("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ q(Xr, { value: Yr(R.result) })
+							children: /* @__PURE__ */ K(ti, { value: ei(R.result) })
 						})] }) : null,
-						R.error ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+						R.error ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 							className: "text-xs text-destructive",
 							children: "Error"
-						}), /* @__PURE__ */ q("div", {
+						}), /* @__PURE__ */ K("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ q(Xr, { value: R.error })
+							children: /* @__PURE__ */ K(ti, { value: R.error })
 						})] }) : null,
-						R.rejection_reason ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+						R.rejection_reason ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 							className: "text-xs",
 							children: "Rejection reason"
-						}), /* @__PURE__ */ q("div", {
+						}), /* @__PURE__ */ K("div", {
 							className: "mt-1.5 text-sm",
 							children: R.rejection_reason
 						})] }) : null,
-						R.status === "pending" ? /* @__PURE__ */ J("div", {
+						R.status === "pending" ? /* @__PURE__ */ q("div", {
 							className: "pt-2 flex gap-2",
-							children: [/* @__PURE__ */ J(v, {
+							children: [/* @__PURE__ */ q(v, {
 								size: "sm",
 								onClick: () => void ae(R.id),
 								disabled: T === R.id,
-								children: [/* @__PURE__ */ q(ze, { className: "h-3.5 w-3.5 mr-1" }), "Approve & Execute"]
-							}), /* @__PURE__ */ J(v, {
+								children: [/* @__PURE__ */ K(Be, { className: "h-3.5 w-3.5 mr-1" }), "Approve & Execute"]
+							}), /* @__PURE__ */ q(v, {
 								size: "sm",
 								variant: "destructive",
 								onClick: () => {
 									g(R.id), w("");
 								},
 								disabled: T === R.id,
-								children: [/* @__PURE__ */ q(W, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
+								children: [/* @__PURE__ */ K(U, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
 							})]
 						}) : null
 					]
 				}) : null]
 			})
 		}),
-		/* @__PURE__ */ q(he, {
+		/* @__PURE__ */ K(ge, {
 			open: !!h,
 			onOpenChange: (e) => {
 				e || (g(null), w(""));
 			},
-			children: /* @__PURE__ */ J(ge, {
+			children: /* @__PURE__ */ q(_e, {
 				side: "bottom",
 				className: "max-h-[40vh]",
-				children: [/* @__PURE__ */ J(ve, { children: [/* @__PURE__ */ q(ye, { children: "Reject this action?" }), /* @__PURE__ */ q(_e, { children: "The reason is shown back to the AI so it can adjust its next response." })] }), /* @__PURE__ */ J("div", {
+				children: [/* @__PURE__ */ q(ye, { children: [/* @__PURE__ */ K(be, { children: "Reject this action?" }), /* @__PURE__ */ K(ve, { children: "The reason is shown back to the AI so it can adjust its next response." })] }), /* @__PURE__ */ q("div", {
 					className: "px-4 mt-3 space-y-3",
-					children: [/* @__PURE__ */ q(Oe, {
+					children: [/* @__PURE__ */ K(ke, {
 						value: _,
 						onChange: (e) => w(e.target.value),
 						placeholder: "Optional reason (e.g. 'Wrong record id — please confirm with the user first.')",
 						rows: 4,
 						"data-testid": "ai-inbox-reject-reason"
-					}), /* @__PURE__ */ J("div", {
+					}), /* @__PURE__ */ q("div", {
 						className: "flex justify-end gap-2",
-						children: [/* @__PURE__ */ q(v, {
+						children: [/* @__PURE__ */ K(v, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => {
 								g(null), w("");
 							},
 							children: "Cancel"
-						}), /* @__PURE__ */ J(v, {
+						}), /* @__PURE__ */ q(v, {
 							variant: "destructive",
 							size: "sm",
-							onClick: () => h && void z(h, _),
+							onClick: () => h && void oe(h, _),
 							disabled: !h || T === h,
 							"data-testid": "ai-inbox-reject-confirm",
-							children: [/* @__PURE__ */ q(W, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
+							children: [/* @__PURE__ */ K(U, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
 						})]
 					})]
 				})]
@@ -2987,14 +3079,14 @@ function Qr({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 }
 //#endregion
 //#region src/useHitlInChat.ts
-function $r(e) {
+function ii(e) {
 	return !e || e.length === 0 ? "/api/v1/ai" : e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function ei(e, t) {
+function ai(e, t) {
 	let n = { ...e ?? {} };
 	return t && (n["Content-Type"] = "application/json"), n;
 }
-async function ti(e) {
+async function oi(e) {
 	let t = await e.text();
 	if (!t) return null;
 	try {
@@ -3003,8 +3095,8 @@ async function ti(e) {
 		return { raw: t };
 	}
 }
-function ni(t) {
-	let { messages: n, apiBase: r, headers: i, onDecided: a, continueConversation: o } = t, s = $r(r), c = e.useMemo(() => {
+function si(t) {
+	let { messages: n, apiBase: r, headers: i, onDecided: a, continueConversation: o } = t, s = ii(r), c = e.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) {
 			let n = t.toolInvocations ?? [];
@@ -3047,9 +3139,9 @@ function ni(t) {
 				let r = `${s}/pending-actions/${encodeURIComponent(l)}/${t ? "approve" : "reject"}`, c = t ? "{}" : JSON.stringify({ reason: n ?? "" }), d = await fetch(r, {
 					method: "POST",
 					credentials: "include",
-					headers: ei(i, !0),
+					headers: ai(i, !0),
 					body: c
-				}), f = await ti(d) ?? {};
+				}), f = await oi(d) ?? {};
 				if (!d.ok) {
 					let t = typeof f.error == "string" ? f.error : `Approval failed: HTTP ${d.status}`;
 					m(e, {
@@ -3076,7 +3168,7 @@ function ni(t) {
 					state: "success",
 					message: `Status: ${p}`
 				}), h = !0), a?.(e, f), h && o) {
-					let r = ri({
+					let r = ci({
 						approved: t,
 						status: p,
 						toolName: u,
@@ -3111,24 +3203,24 @@ function ni(t) {
 		isDeciding: f
 	};
 }
-function ri(e) {
+function ci(e) {
 	let { approved: t, status: n, toolName: r, pendingActionId: i, outcome: a, reason: o } = e, s = `[HITL ${i}]`;
 	if (t && n === "executed") {
 		let e = a.result;
-		return `${s} The operator approved the \`${r}\` call. It executed successfully with result: ${e == null ? "(no payload)" : typeof e == "string" ? e : ii(JSON.stringify(e), 800)}. Acknowledge the outcome concisely and continue the user's task.`;
+		return `${s} The operator approved the \`${r}\` call. It executed successfully with result: ${e == null ? "(no payload)" : typeof e == "string" ? e : li(JSON.stringify(e), 800)}. Acknowledge the outcome concisely and continue the user's task.`;
 	}
 	if (!t && n === "rejected") return `${s} The operator rejected the \`${r}\` call.${o && o.trim().length > 0 ? ` Reason: ${o}.` : ""} Acknowledge the rejection and ask whether to try a different approach.`;
 	if (n === "failed") {
 		let e = a.error;
-		return `${s} The \`${r}\` call was approved but execution failed: ${typeof e == "string" ? e : ii(JSON.stringify(e ?? {}), 400)}. Apologize concisely and offer alternatives.`;
+		return `${s} The \`${r}\` call was approved but execution failed: ${typeof e == "string" ? e : li(JSON.stringify(e ?? {}), 400)}. Apologize concisely and offer alternatives.`;
 	}
 }
-function ii(e, t) {
+function li(e, t) {
 	return e.length <= t ? e : `${e.slice(0, t - 1)}…`;
 }
 //#endregion
 //#region src/index.tsx
-var ai = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, disabled: a = !1, showTimestamp: o = !1, userAvatarUrl: s, userAvatarFallback: c = "You", assistantAvatarUrl: l, assistantAvatarFallback: u = "AI", maxHeight: d = "500px", ...f }, p) => {
+var ui = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, disabled: a = !1, showTimestamp: o = !1, userAvatarUrl: s, userAvatarFallback: c = "You", assistantAvatarUrl: l, assistantAvatarFallback: u = "AI", maxHeight: d = "500px", ...f }, p) => {
 	let [m, h] = e.useState(""), g = e.useRef(null), _ = e.useRef(null);
 	e.useEffect(() => {
 		if (g.current) {
@@ -3141,20 +3233,20 @@ var ai = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 	}, b = (e) => {
 		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), y());
 	};
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ q("div", {
 		ref: p,
-		className: U("flex flex-col border rounded-lg bg-background overflow-hidden", t),
+		className: H("flex flex-col border rounded-lg bg-background overflow-hidden", t),
 		style: { maxHeight: d },
 		...f,
-		children: [/* @__PURE__ */ q(se, {
+		children: [/* @__PURE__ */ K(ce, {
 			ref: g,
 			className: "flex-1 p-4",
-			children: /* @__PURE__ */ q("div", {
+			children: /* @__PURE__ */ K("div", {
 				className: "space-y-4",
-				children: n.length === 0 ? /* @__PURE__ */ q("div", {
+				children: n.length === 0 ? /* @__PURE__ */ K("div", {
 					className: "flex items-center justify-center h-32 text-muted-foreground text-sm",
 					children: "No messages yet. Start a conversation!"
-				}) : n.map((e) => /* @__PURE__ */ q(oi, {
+				}) : n.map((e) => /* @__PURE__ */ K(di, {
 					message: e,
 					showTimestamp: o,
 					userAvatarUrl: s,
@@ -3163,11 +3255,11 @@ var ai = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 					assistantAvatarFallback: u
 				}, e.id))
 			})
-		}), /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ K("div", {
 			className: "border-t p-4",
-			children: /* @__PURE__ */ J("div", {
+			children: /* @__PURE__ */ q("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ q(oe, {
+				children: [/* @__PURE__ */ K(se, {
 					ref: _,
 					value: m,
 					onChange: (e) => h(e.target.value),
@@ -3175,71 +3267,71 @@ var ai = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 					placeholder: r,
 					disabled: a,
 					className: "flex-1"
-				}), /* @__PURE__ */ q(v, {
+				}), /* @__PURE__ */ K(v, {
 					onClick: y,
 					disabled: a || !m.trim(),
 					size: "icon",
-					children: /* @__PURE__ */ q(ct, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ K(lt, { className: "h-4 w-4" })
 				})]
 			})
 		})]
 	});
 });
-ai.displayName = "Chatbot";
-var oi = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
+ui.displayName = "Chatbot";
+var di = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
 	let o = e.role === "user";
-	if (e.role === "system") return /* @__PURE__ */ q("div", {
+	if (e.role === "system") return /* @__PURE__ */ K("div", {
 		className: "flex justify-center",
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: "text-xs text-muted-foreground bg-muted px-3 py-1 rounded-full",
 			children: e.content
 		})
 	});
 	let s = o ? e.avatar || n : e.avatar || i, c = o ? e.avatarFallback || r : e.avatarFallback || a;
-	return /* @__PURE__ */ J("div", {
-		className: U("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
-		children: [/* @__PURE__ */ J(m, {
+	return /* @__PURE__ */ q("div", {
+		className: H("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
+		children: [/* @__PURE__ */ q(m, {
 			className: "h-8 w-8",
-			children: [/* @__PURE__ */ q(g, { src: s }), /* @__PURE__ */ q(h, {
+			children: [/* @__PURE__ */ K(g, { src: s }), /* @__PURE__ */ K(h, {
 				className: "text-xs",
 				children: c
 			})]
-		}), /* @__PURE__ */ J("div", {
-			className: U("flex flex-col gap-1", o ? "items-end" : "items-start"),
-			children: [/* @__PURE__ */ q("div", {
-				className: U("rounded-lg px-4 py-2 max-w-[70%] break-words", o ? "bg-primary text-primary-foreground" : "bg-muted"),
-				children: /* @__PURE__ */ q("p", {
+		}), /* @__PURE__ */ q("div", {
+			className: H("flex flex-col gap-1", o ? "items-end" : "items-start"),
+			children: [/* @__PURE__ */ K("div", {
+				className: H("rounded-lg px-4 py-2 max-w-[70%] break-words", o ? "bg-primary text-primary-foreground" : "bg-muted"),
+				children: /* @__PURE__ */ K("p", {
 					className: "text-sm whitespace-pre-wrap",
 					children: e.content
 				})
-			}), t && e.timestamp && /* @__PURE__ */ q("span", {
+			}), t && e.timestamp && /* @__PURE__ */ K("span", {
 				className: "text-xs text-muted-foreground",
 				children: e.timestamp
 			})]
 		})]
 	});
-}, si = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ J("div", {
+}, fi = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ q("div", {
 	ref: i,
-	className: U("flex gap-3", e),
+	className: H("flex gap-3", e),
 	...r,
-	children: [/* @__PURE__ */ J(m, {
+	children: [/* @__PURE__ */ q(m, {
 		className: "h-8 w-8",
-		children: [/* @__PURE__ */ q(g, { src: t }), /* @__PURE__ */ q(h, {
+		children: [/* @__PURE__ */ K(g, { src: t }), /* @__PURE__ */ K(h, {
 			className: "text-xs",
 			children: n
 		})]
-	}), /* @__PURE__ */ q("div", {
+	}), /* @__PURE__ */ K("div", {
 		className: "flex items-center bg-muted rounded-lg px-4 py-2",
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ q("div", {
 			className: "flex gap-1",
 			children: [
-				/* @__PURE__ */ q("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]" }),
-				/* @__PURE__ */ q("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]" }),
-				/* @__PURE__ */ q("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce" })
+				/* @__PURE__ */ K("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]" }),
+				/* @__PURE__ */ K("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]" }),
+				/* @__PURE__ */ K("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce" })
 			]
 		})
 	})]
 }));
-si.displayName = "TypingIndicator";
+fi.displayName = "TypingIndicator";
 //#endregion
-export { Vr as AIElements, Qr as AiPendingActionsInbox, ai as Chatbot, $ as ChatbotEnhanced, Rr as FloatingChatbot, Gt as FloatingChatbotPanel, Vt as FloatingChatbotProvider, Wt as FloatingChatbotTrigger, si as TypingIndicator, Ft as uiMessageToChatMessage, It as uiMessagesToChatMessages, zt as useAgents, Ht as useFloatingChatbot, ni as useHitlInChat, Y as useObjectChat, Gr as usePendingActions };
+export { Kr as AIElements, ri as AiPendingActionsInbox, ui as Chatbot, $ as ChatbotEnhanced, Ur as FloatingChatbot, Gt as FloatingChatbotPanel, Vt as FloatingChatbotProvider, Wt as FloatingChatbotTrigger, fi as TypingIndicator, qt as humanizeToolName, Yt as summarizeChatError, Ft as uiMessageToChatMessage, It as uiMessagesToChatMessages, Jt as unwrapToolResult, zt as useAgents, Ht as useFloatingChatbot, si as useHitlInChat, Y as useObjectChat, Xr as usePendingActions };