@object-ui/plugin-chatbot 5.4.0 → 5.4.2

package/dist/index.js

@@ -1,38 +1,85 @@
 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 { Avatar as f, AvatarFallback as p, AvatarImage as m, Badge as h, Button as g, Collapsible as _, CollapsibleContent as v, CollapsibleTrigger as y, Command as b, CommandEmpty as x, CommandGroup as S, CommandInput as C, CommandItem as w, CommandList as T, CommandSeparator as E, DropdownMenu as D, DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuTrigger as A, HoverCard as j, HoverCardContent as M, HoverCardTrigger as N, Input as ee, ScrollArea as P, ScrollBar as F, Select as te, SelectContent as ne, SelectItem as re, SelectTrigger as ie, SelectValue as ae, Textarea as oe, Tooltip as se, TooltipContent as ce, TooltipProvider as le, TooltipTrigger as ue, cn as I } from "@object-ui/components";
-import { AlertCircle as de, ArrowDownIcon as fe, BookIcon as pe, BrainIcon as me, Check as he, CheckCircleIcon as ge, CheckIcon as _e, ChevronDownIcon as L, ChevronLeftIcon as ve, ChevronRightIcon as ye, CircleIcon as be, ClockIcon as xe, Copy as Se, CopyIcon as Ce, CornerDownLeftIcon as we, ImageIcon as Te, Loader2Icon as Ee, Maximize2 as De, MessageCircle as Oe, MicIcon as ke, Minimize2 as Ae, PaperclipIcon as je, PlusIcon as Me, RefreshCw as Ne, Send as Pe, SquareIcon as Fe, WrenchIcon as Ie, X as Le, XCircleIcon as Re, XIcon as R } from "lucide-react";
-import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
-import { useChat as ze } from "@ai-sdk/react";
-import { DefaultChatTransport as Be } from "ai";
-import * as Ve from "react-dom";
-import { useObjectTranslation as He } from "@object-ui/react";
-import { StickToBottom as Ue, useStickToBottomContext as We } from "use-stick-to-bottom";
-import { cva as H } from "class-variance-authority";
-import { Slot as Ge } from "@radix-ui/react-slot";
-import { Streamdown as Ke } from "streamdown";
-import { nanoid as qe } from "nanoid";
-import { codeToHtml as Je } from "shiki";
-import { useControllableState as Ye } from "@radix-ui/react-use-controllable-state";
-import { motion as Xe } from "motion/react";
-import { ComponentRegistry as U } from "@object-ui/core";
+import { Avatar as f, AvatarFallback as p, AvatarImage as m, Badge as h, Button as g, Collapsible as _, CollapsibleContent as v, CollapsibleTrigger as y, Command as b, CommandEmpty as x, CommandGroup as S, CommandInput as C, CommandItem as w, CommandList as T, CommandSeparator as E, DropdownMenu as D, DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuTrigger as A, HoverCard as j, HoverCardContent as M, HoverCardTrigger as N, Input as P, ScrollArea as F, ScrollBar as I, Select as ee, SelectContent as te, SelectItem as ne, SelectTrigger as re, SelectValue as ie, Textarea as ae, Tooltip as oe, TooltipContent as se, TooltipProvider as ce, TooltipTrigger as le, cn as L } from "@object-ui/components";
+import { AlertCircle as ue, ArrowDownIcon as de, BookIcon as fe, BrainIcon as pe, Check as me, CheckCircleIcon as he, CheckIcon as ge, ChevronDownIcon as R, ChevronLeftIcon as _e, ChevronRightIcon as ve, CircleIcon as ye, ClockIcon as be, Copy as xe, CopyIcon as Se, CornerDownLeftIcon as Ce, ImageIcon as we, Loader2Icon as Te, Maximize2 as Ee, MessageCircle as De, MicIcon as Oe, Minimize2 as ke, PaperclipIcon as Ae, PlusIcon as je, RefreshCw as Me, Send as Ne, SquareIcon as Pe, WrenchIcon as Fe, X as Ie, XCircleIcon as Le, XIcon as z } from "lucide-react";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { useChat as Re } from "@ai-sdk/react";
+import { DefaultChatTransport as ze } from "ai";
+import * as Be from "react-dom";
+import { useObjectTranslation as Ve } from "@object-ui/react";
+import { StickToBottom as He, useStickToBottomContext as Ue } from "use-stick-to-bottom";
+import { cva as U } from "class-variance-authority";
+import { Slot as We } from "@radix-ui/react-slot";
+import { Streamdown as Ge } from "streamdown";
+import { nanoid as Ke } from "nanoid";
+import { codeToHtml as qe } from "shiki";
+import { useControllableState as Je } from "@radix-ui/react-use-controllable-state";
+import { motion as Ye } from "motion/react";
+import { ComponentRegistry as W } from "@object-ui/core";
 //#region \0rolldown/runtime.js
-var Ze = Object.defineProperty, Qe = (e, t) => {
+var Xe = Object.defineProperty, Ze = (e, t) => {
 	let n = {};
-	for (var r in e) Ze(n, r, {
+	for (var r in e) Xe(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Ze(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || Xe(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/utils.ts
-function W(e = "msg") {
+function G(e = "msg") {
 	return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 //#endregion
-//#region src/useObjectChat.ts
+//#region src/mapMessages.ts
+function Qe(e, t) {
+	return typeof e.content == "string" ? e.content : t.filter((e) => e.type === "text").map((e) => e.text ?? "").join("");
+}
 function $e(e) {
+	let t = e.filter((e) => e.type === "reasoning" || e.type === "reasoning-delta").map((e) => e.text ?? "").join("\n").trim();
+	return t.length > 0 ? t : void 0;
+}
+function et(e) {
+	return e.filter((e) => e.type === "dynamic-tool" ? !0 : typeof e.type == "string" && e.type.startsWith("tool-")).map((e) => {
+		let t = e.type === "dynamic-tool" ? e.toolName ?? "tool" : typeof e.type == "string" ? e.type.replace(/^tool-/, "") : "tool";
+		return {
+			toolCallId: e.toolCallId ?? e.id ?? `${e.type ?? "tool"}-${Math.random().toString(36).slice(2, 8)}`,
+			toolName: t,
+			args: e.input ?? e.args,
+			result: e.output ?? e.result,
+			errorText: e.errorText,
+			state: e.state
+		};
+	});
+}
+function tt(e) {
+	let t = e.filter((e) => e.type === "source-url" || e.type === "source").map((e) => ({
+		id: e.id,
+		title: e.title,
+		url: e.url ?? e.href
+	})).filter((e) => !!e.url);
+	return t.length > 0 ? t : void 0;
+}
+function nt(e, t = {}) {
+	let n = Array.isArray(e.parts) ? e.parts : [], r = et(n), i = Array.isArray(e.toolInvocations) ? e.toolInvocations : [];
+	return {
+		id: e.id ?? `msg-${Math.random().toString(36).slice(2, 8)}`,
+		role: e.role ?? "assistant",
+		content: Qe(e, n),
+		reasoning: $e(n),
+		toolInvocations: r.length > 0 ? r : i,
+		sources: tt(n),
+		streaming: t.streaming
+	};
+}
+function rt(e, t = {}) {
+	if (!Array.isArray(e) || e.length === 0) return [];
+	let n = e.length - 1;
+	return e.map((e, r) => nt(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
+}
+//#endregion
+//#region src/useObjectChat.ts
+function it(e) {
 	return (e ?? []).map((e, t) => ({
 		id: e.id || `msg-${t}`,
 		role: e.role || "user",
@@ -43,17 +90,17 @@ function $e(e) {
 		toolInvocations: e.toolInvocations
 	}));
 }
-function G(e = {}) {
-	let { api: t, initialMessages: n, conversationId: r, systemPrompt: i, model: a, streamingEnabled: s = !0, headers: f, body: p, maxToolRoundtrips: m = 5, onError: h, showTimestamp: g, autoResponse: _, autoResponseText: v, autoResponseDelay: y = 1e3, onSend: b } = e, x = u(t ? "api" : "local").current === "api", S = l(() => $e(n).map((e) => ({
+function K(e = {}) {
+	let { api: t, initialMessages: n, conversationId: r, systemPrompt: i, model: a, streamingEnabled: s = !0, headers: f, body: p, maxToolRoundtrips: m = 5, onError: h, showTimestamp: g, autoResponse: _, autoResponseText: v, autoResponseDelay: y = 1e3, onSend: b } = e, x = u(t ? "api" : "local").current === "api", S = l(() => it(n).map((e) => ({
 		id: e.id,
 		role: e.role,
 		parts: [{
 			type: "text",
 			text: e.content ?? ""
 		}]
-	})), []), C = ze({
+	})), []), C = Re({
 		transport: l(() => {
-			if (x) return new Be({
+			if (x) return new ze({
 				api: t,
 				headers: { ...f },
 				body: {
@@ -78,34 +125,14 @@ function G(e = {}) {
 		onError: x ? (e) => {
 			h?.(e);
 		} : void 0
-	}), [w, T] = d(() => $e(n)), [E, D] = d(!1), [O, k] = d(""), [A, j] = d(""), M = u(null);
+	}), [w, T] = d(() => it(n)), [E, D] = d(!1), [O, k] = d(""), [A, j] = d(""), M = u(null);
 	if (c(() => () => {
 		M.current &&= (clearTimeout(M.current), null);
 	}, []), x) {
-		let { messages: e, status: t, error: n, sendMessage: r, regenerate: i, stop: a, setMessages: s } = C, c = t === "submitted" || t === "streaming", l = e.map((t) => {
-			let n = Array.isArray(t.parts) ? t.parts : [], r = typeof t.content == "string" ? t.content : n.filter((e) => e?.type === "text").map((e) => e.text ?? "").join(""), i = n.filter((e) => e?.type === "reasoning").map((e) => e.text ?? "").join("\n").trim() || void 0, a = n.filter((e) => typeof e?.type == "string" && e.type.startsWith("tool-")).map((e) => ({
-				toolCallId: e.toolCallId ?? e.id ?? `${e.type}-${Math.random().toString(36).slice(2, 8)}`,
-				toolName: typeof e.type == "string" ? e.type.replace(/^tool-/, "") : "tool",
-				args: e.input ?? e.args,
-				result: e.output ?? e.result,
-				errorText: e.errorText,
-				state: e.state
-			})), o = n.filter((e) => e?.type === "source-url" || e?.type === "source").map((e) => ({
-				id: e.id,
-				title: e.title,
-				url: e.url ?? e.href
-			})).filter((e) => !!e.url), s = Array.isArray(t.toolInvocations) ? t.toolInvocations : [];
-			return {
-				id: t.id,
-				role: t.role,
-				content: r,
-				toolInvocations: a.length > 0 ? a : s,
-				reasoning: i,
-				sources: o.length > 0 ? o : void 0,
-				metadata: t.metadata,
-				streaming: c && t.id === e[e.length - 1]?.id && t.role === "assistant"
-			};
-		});
+		let { messages: e, status: t, error: n, sendMessage: r, regenerate: i, stop: a, setMessages: s } = C, c = t === "submitted" || t === "streaming", l = rt(e, { isStreaming: c }).map((t, n) => ({
+			...t,
+			metadata: e[n]?.metadata
+		}));
 		return {
 			messages: l,
 			isLoading: c,
@@ -114,7 +141,7 @@ function G(e = {}) {
 				let t = e.trim();
 				if (!t) return;
 				let n = [...l, {
-					id: W("msg"),
+					id: G("msg"),
 					role: "user",
 					content: t
 				}];
@@ -147,7 +174,7 @@ function G(e = {}) {
 		sendMessage: o((e) => {
 			if (!e.trim()) return;
 			let t = {
-				id: W("msg"),
+				id: G("msg"),
 				role: "user",
 				content: e.trim(),
 				timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -157,7 +184,7 @@ function G(e = {}) {
 				return b?.(e.trim(), r), r;
 			}), k(""), _ && (D(!0), M.current = setTimeout(() => {
 				let e = {
-					id: W("msg"),
+					id: G("msg"),
 					role: "assistant",
 					content: v || "Thank you for your message!",
 					timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -186,7 +213,7 @@ function G(e = {}) {
 }
 //#endregion
 //#region src/useAgents.ts
-function et(e) {
+function at(e) {
 	return e.filter((e) => typeof e?.name == "string" && e.name.length > 0).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
@@ -195,7 +222,7 @@ function et(e) {
 		active: e.active !== !1
 	}));
 }
-function tt(e = {}) {
+function ot(e = {}) {
 	let { apiBase: t, headers: n, enabled: r = !0, fallback: i = [] } = e, [a, s] = d(i), [l, f] = d(!1), [p, m] = d(void 0), [h, g] = d(0), _ = u(n);
 	return _.current = n, c(() => {
 		if (!r || !t) return;
@@ -215,7 +242,7 @@ function tt(e = {}) {
 			return e.json();
 		}).then((e) => {
 			if (n) return;
-			let t = et(Array.isArray(e) ? e : e?.agents ?? []);
+			let t = at(Array.isArray(e) ? e : e?.agents ?? []);
 			s(t.length > 0 ? t : i);
 		}).catch((e) => {
 			n || e.name === "AbortError" || (m(e), s(i));
@@ -237,8 +264,8 @@ function tt(e = {}) {
 }
 //#endregion
 //#region src/FloatingChatbotProvider.tsx
-var nt = e.createContext(null);
-function rt({ defaultOpen: t = !1, children: n }) {
+var st = e.createContext(null);
+function ct({ defaultOpen: t = !1, children: n }) {
 	let [r, i] = e.useState(t), [a, o] = e.useState(!1), s = e.useMemo(() => ({
 		isOpen: r,
 		isFullscreen: a,
@@ -249,21 +276,21 @@ function rt({ defaultOpen: t = !1, children: n }) {
 		toggle: () => i((e) => !e),
 		toggleFullscreen: () => o((e) => !e)
 	}), [r, a]);
-	return /* @__PURE__ */ B(nt.Provider, {
+	return /* @__PURE__ */ V(st.Provider, {
 		value: s,
 		children: n
 	});
 }
-function K() {
-	let t = e.useContext(nt);
+function q() {
+	let t = e.useContext(st);
 	if (!t) throw Error("useFloatingChatbot must be used within a <FloatingChatbotProvider>");
 	return t;
 }
 //#endregion
 //#region src/FloatingChatbotTrigger.tsx
-function it() {
+function lt() {
 	try {
-		let { t: e } = He();
+		let { t: e } = Ve();
 		return (t, n) => {
 			let r = e(`common.${t}`);
 			return !r || r === `common.${t}` ? n : r;
@@ -272,11 +299,11 @@ function it() {
 		return (e, t) => t;
 	}
 }
-function at({ position: e = "bottom-right", size: t = 56, className: n }) {
-	let { isOpen: r, toggle: i } = K(), a = it();
-	return /* @__PURE__ */ B(g, {
+function ut({ position: e = "bottom-right", size: t = 56, className: n }) {
+	let { isOpen: r, toggle: i } = q(), a = lt();
+	return /* @__PURE__ */ V(g, {
 		onClick: i,
-		className: I("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: L("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
@@ -284,13 +311,13 @@ function at({ 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: B(r ? Le : Oe, { className: "h-6 w-6" })
+		children: V(r ? Ie : De, { className: "h-6 w-6" })
 	});
 }
 //#endregion
 //#region src/FloatingChatbotPanel.tsx
-function ot({ title: e = "Chat", position: t = "bottom-right", width: n = 400, height: r = 520, children: i, className: a, headerExtra: o }) {
-	let { isOpen: s, isFullscreen: c, close: l, toggleFullscreen: u } = K();
+function dt({ title: e = "Chat", position: t = "bottom-right", width: n = 400, height: r = 520, children: i, className: a, headerExtra: o }) {
+	let { isOpen: s, isFullscreen: c, close: l, toggleFullscreen: u } = q();
 	if (!s) return null;
 	let d = c ? {
 		inset: 0,
@@ -301,46 +328,46 @@ function ot({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 		height: r,
 		maxHeight: "calc(100vh - 100px)"
 	};
-	return /* @__PURE__ */ V("div", {
-		className: I("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__ */ H("div", {
+		className: L("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__ */ V("div", {
+		children: [/* @__PURE__ */ H("div", {
 			className: "flex items-center justify-between gap-2 px-4 py-2 border-b bg-muted/40",
 			children: [
-				/* @__PURE__ */ B("span", {
+				/* @__PURE__ */ V("span", {
 					className: "text-sm font-medium truncate shrink-0",
 					children: e
 				}),
-				o ? /* @__PURE__ */ B("div", {
+				o ? /* @__PURE__ */ V("div", {
 					className: "flex-1 min-w-0 flex items-center justify-end mr-1",
 					"data-testid": "floating-chatbot-header-extra",
 					children: o
 				}) : null,
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex items-center gap-1 shrink-0",
-					children: [/* @__PURE__ */ B(g, {
+					children: [/* @__PURE__ */ V(g, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-7 w-7",
 						onClick: u,
 						"aria-label": c ? "Exit fullscreen" : "Fullscreen",
 						"data-testid": "floating-chatbot-fullscreen",
-						children: B(c ? Ae : De, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ B(g, {
+						children: V(c ? ke : Ee, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ V(g, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-7 w-7",
 						onClick: l,
 						"aria-label": "Close chat",
 						"data-testid": "floating-chatbot-close",
-						children: /* @__PURE__ */ B(Le, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ V(Ie, { className: "h-4 w-4" })
 					})]
 				})
 			]
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ V("div", {
 			className: "flex-1 overflow-hidden",
 			children: i
 		})]
@@ -348,99 +375,99 @@ function ot({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 }
 //#endregion
 //#region src/elements/conversation.tsx
-var st = ({ className: e, ...t }) => /* @__PURE__ */ B(Ue, {
-	className: I("relative flex-1 overflow-y-hidden", e),
+var ft = ({ className: e, ...t }) => /* @__PURE__ */ V(He, {
+	className: L("relative flex-1 overflow-y-hidden", e),
 	initial: "smooth",
 	resize: "smooth",
 	role: "log",
 	...t
-}), ct = ({ className: e, ...t }) => /* @__PURE__ */ B(Ue.Content, {
-	className: I("flex flex-col gap-8 p-4", e),
+}), pt = ({ className: e, ...t }) => /* @__PURE__ */ V(He.Content, {
+	className: L("flex flex-col gap-8 p-4", e),
 	...t
-}), lt = ({ className: e, title: t = "No messages yet", description: n = "Start a conversation to see messages here", icon: r, children: i, ...a }) => /* @__PURE__ */ B("div", {
-	className: I("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", e),
+}), mt = ({ className: e, title: t = "No messages yet", description: n = "Start a conversation to see messages here", icon: r, children: i, ...a }) => /* @__PURE__ */ V("div", {
+	className: L("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", e),
 	...a,
-	children: i ?? /* @__PURE__ */ V(z, { children: [r && /* @__PURE__ */ B("div", {
+	children: i ?? /* @__PURE__ */ H(B, { children: [r && /* @__PURE__ */ V("div", {
 		className: "text-muted-foreground",
 		children: r
-	}), /* @__PURE__ */ V("div", {
+	}), /* @__PURE__ */ H("div", {
 		className: "space-y-1",
-		children: [/* @__PURE__ */ B("h3", {
+		children: [/* @__PURE__ */ V("h3", {
 			className: "font-medium text-sm",
 			children: t
-		}), n && /* @__PURE__ */ B("p", {
+		}), n && /* @__PURE__ */ V("p", {
 			className: "text-muted-foreground text-sm",
 			children: n
 		})]
 	})] })
-}), ut = ({ className: e, ...t }) => {
-	let { isAtBottom: n, scrollToBottom: r } = We(), i = o(() => {
+}), ht = ({ className: e, ...t }) => {
+	let { isAtBottom: n, scrollToBottom: r } = Ue(), i = o(() => {
 		r();
 	}, [r]);
-	return !n && /* @__PURE__ */ B(g, {
-		className: I("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
+	return !n && /* @__PURE__ */ V(g, {
+		className: L("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
 		onClick: i,
 		size: "icon",
 		type: "button",
 		variant: "outline",
 		...t,
-		children: /* @__PURE__ */ B(fe, { className: "size-4" })
+		children: /* @__PURE__ */ V(de, { className: "size-4" })
 	});
-}, dt = H("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", {
+}, gt = U("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 ft({ className: e, orientation: t, ...n }) {
-	return /* @__PURE__ */ B("div", {
+function _t({ className: e, orientation: t, ...n }) {
+	return /* @__PURE__ */ V("div", {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": t,
-		className: I(dt({ orientation: t }), e),
+		className: L(gt({ orientation: t }), e),
 		...n
 	});
 }
-function pt({ className: e, asChild: t = !1, ...n }) {
-	return /* @__PURE__ */ B(t ? Ge : "div", {
-		className: I("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 vt({ className: e, asChild: t = !1, ...n }) {
+	return /* @__PURE__ */ V(t ? We : "div", {
+		className: L("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 mt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ B("div", {
-	className: I("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
+var yt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ V("div", {
+	className: L("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
 	...n
-}), ht = ({ children: e, className: t, ...n }) => /* @__PURE__ */ B("div", {
-	className: I("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),
+}), bt = ({ children: e, className: t, ...n }) => /* @__PURE__ */ V("div", {
+	className: L("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
-}), gt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ B("div", {
-	className: I("flex items-center gap-1", e),
+}), xt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ V("div", {
+	className: L("flex items-center gap-1", e),
 	...n,
 	children: t
-}), q = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
-	let o = /* @__PURE__ */ V(g, {
+}), J = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
+	let o = /* @__PURE__ */ H(g, {
 		size: i,
 		type: "button",
 		variant: r,
 		...a,
-		children: [t, /* @__PURE__ */ B("span", {
+		children: [t, /* @__PURE__ */ V("span", {
 			className: "sr-only",
 			children: n || e
 		})]
 	});
-	return e ? /* @__PURE__ */ B(le, { children: /* @__PURE__ */ V(se, { children: [/* @__PURE__ */ B(ue, {
+	return e ? /* @__PURE__ */ V(ce, { children: /* @__PURE__ */ H(oe, { children: [/* @__PURE__ */ V(le, {
 		asChild: !0,
 		children: o
-	}), /* @__PURE__ */ B(ce, { children: /* @__PURE__ */ B("p", { children: e }) })] }) }) : o;
-}, _t = r(null), J = () => {
-	let e = s(_t);
+	}), /* @__PURE__ */ V(se, { children: /* @__PURE__ */ V("p", { children: e }) })] }) }) : o;
+}, St = r(null), Y = () => {
+	let e = s(St);
 	if (!e) throw Error("MessageBranch components must be used within MessageBranch");
 	return e;
-}, vt = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
+}, Ct = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
 	let [i, a] = d(e), [o, s] = d([]), c = (e) => {
 		a(e), t?.(e);
 	}, l = {
@@ -455,36 +482,36 @@ var mt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ B("div", {
 		branches: o,
 		setBranches: s
 	};
-	return /* @__PURE__ */ B(_t.Provider, {
+	return /* @__PURE__ */ V(St.Provider, {
 		value: l,
-		children: /* @__PURE__ */ B("div", {
-			className: I("grid w-full gap-2 [&>div]:pb-0", n),
+		children: /* @__PURE__ */ V("div", {
+			className: L("grid w-full gap-2 [&>div]:pb-0", n),
 			...r
 		})
 	});
-}, yt = ({ children: e, ...t }) => {
-	let { currentBranch: n, setBranches: r, branches: i } = J(), a = Array.isArray(e) ? e : [e];
+}, wt = ({ children: e, ...t }) => {
+	let { currentBranch: n, setBranches: r, branches: i } = Y(), a = Array.isArray(e) ? e : [e];
 	return c(() => {
 		i.length !== a.length && r(a);
 	}, [
 		a,
 		i,
 		r
-	]), a.map((e, r) => /* @__PURE__ */ B("div", {
-		className: I("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
+	]), a.map((e, r) => /* @__PURE__ */ V("div", {
+		className: L("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
 		...t,
 		children: e
 	}, e.key));
-}, bt = ({ className: e, from: t, ...n }) => {
-	let { totalBranches: r } = J();
-	return r <= 1 ? null : /* @__PURE__ */ B(ft, {
+}, Tt = ({ className: e, from: t, ...n }) => {
+	let { totalBranches: r } = Y();
+	return r <= 1 ? null : /* @__PURE__ */ V(_t, {
 		className: "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
 		orientation: "horizontal",
 		...n
 	});
-}, xt = ({ children: e, ...t }) => {
-	let { goToPrevious: n, totalBranches: r } = J();
-	return /* @__PURE__ */ B(g, {
+}, Et = ({ children: e, ...t }) => {
+	let { goToPrevious: n, totalBranches: r } = Y();
+	return /* @__PURE__ */ V(g, {
 		"aria-label": "Previous branch",
 		disabled: r <= 1,
 		onClick: n,
@@ -492,11 +519,11 @@ var mt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ B("div", {
 		type: "button",
 		variant: "ghost",
 		...t,
-		children: e ?? /* @__PURE__ */ B(ve, { size: 14 })
+		children: e ?? /* @__PURE__ */ V(_e, { size: 14 })
 	});
-}, St = ({ children: e, className: t, ...n }) => {
-	let { goToNext: r, totalBranches: i } = J();
-	return /* @__PURE__ */ B(g, {
+}, Dt = ({ children: e, className: t, ...n }) => {
+	let { goToNext: r, totalBranches: i } = Y();
+	return /* @__PURE__ */ V(g, {
 		"aria-label": "Next branch",
 		disabled: i <= 1,
 		onClick: r,
@@ -504,12 +531,12 @@ var mt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ B("div", {
 		type: "button",
 		variant: "ghost",
 		...n,
-		children: e ?? /* @__PURE__ */ B(ye, { size: 14 })
+		children: e ?? /* @__PURE__ */ V(ve, { size: 14 })
 	});
-}, Ct = ({ className: e, ...t }) => {
-	let { currentBranch: n, totalBranches: r } = J();
-	return /* @__PURE__ */ V(pt, {
-		className: I("border-none bg-transparent text-muted-foreground shadow-none", e),
+}, Ot = ({ className: e, ...t }) => {
+	let { currentBranch: n, totalBranches: r } = Y();
+	return /* @__PURE__ */ H(vt, {
+		className: L("border-none bg-transparent text-muted-foreground shadow-none", e),
 		...t,
 		children: [
 			n + 1,
@@ -517,23 +544,23 @@ var mt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ B("div", {
 			r
 		]
 	});
-}, wt = a(({ className: e, ...t }) => /* @__PURE__ */ B(Ke, {
-	className: I("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
+}, kt = a(({ className: e, ...t }) => /* @__PURE__ */ V(Ge, {
+	className: L("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
 	...t
 }), (e, t) => e.children === t.children);
-wt.displayName = "MessageResponse";
-function Tt({ data: e, className: t, onRemove: n, ...r }) {
+kt.displayName = "MessageResponse";
+function At({ 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__ */ B("div", {
-		className: I("group relative size-24 overflow-hidden rounded-lg", t),
+	return /* @__PURE__ */ V("div", {
+		className: L("group relative size-24 overflow-hidden rounded-lg", t),
 		...r,
-		children: a ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("img", {
+		children: a ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("img", {
 			alt: i || "attachment",
 			className: "size-full object-cover",
 			height: 100,
 			src: e.url,
 			width: 100
-		}), n && /* @__PURE__ */ V(g, {
+		}), n && /* @__PURE__ */ H(g, {
 			"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) => {
@@ -541,17 +568,17 @@ function Tt({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ B(R, {}), /* @__PURE__ */ B("span", {
+			children: [/* @__PURE__ */ V(z, {}), /* @__PURE__ */ V("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
-		})] }) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V(se, { children: [/* @__PURE__ */ B(ue, {
+		})] }) : /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H(oe, { children: [/* @__PURE__ */ V(le, {
 			asChild: !0,
-			children: /* @__PURE__ */ B("div", {
+			children: /* @__PURE__ */ V("div", {
 				className: "flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground",
-				children: /* @__PURE__ */ B(je, { className: "size-4" })
+				children: /* @__PURE__ */ V(Ae, { className: "size-4" })
 			})
-		}), /* @__PURE__ */ B(ce, { children: /* @__PURE__ */ B("p", { children: o }) })] }), n && /* @__PURE__ */ V(g, {
+		}), /* @__PURE__ */ V(se, { children: /* @__PURE__ */ V("p", { children: o }) })] }), n && /* @__PURE__ */ H(g, {
 			"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) => {
@@ -559,36 +586,36 @@ function Tt({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ B(R, {}), /* @__PURE__ */ B("span", {
+			children: [/* @__PURE__ */ V(z, {}), /* @__PURE__ */ V("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
 		})] })
 	});
 }
-function Et({ children: e, className: t, ...n }) {
-	return e ? /* @__PURE__ */ B("div", {
-		className: I("ml-auto flex w-fit flex-wrap items-start gap-2", t),
+function jt({ children: e, className: t, ...n }) {
+	return e ? /* @__PURE__ */ V("div", {
+		className: L("ml-auto flex w-fit flex-wrap items-start gap-2", t),
 		...n,
 		children: e
 	}) : null;
 }
-var Dt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ B("div", {
-	className: I("mt-4 flex w-full items-center justify-between gap-4", e),
+var Mt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ V("div", {
+	className: L("mt-4 flex w-full items-center justify-between gap-4", e),
 	...n,
 	children: t
 });
 //#endregion
 //#region src/elements/ui/input-group.tsx
-function Ot({ className: e, ...t }) {
-	return /* @__PURE__ */ B("div", {
+function Nt({ className: e, ...t }) {
+	return /* @__PURE__ */ V("div", {
 		"data-slot": "input-group",
 		role: "group",
-		className: I("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: L("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 kt = H("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 Pt = U("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]",
@@ -597,19 +624,19 @@ var kt = H("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 tex
 	} },
 	defaultVariants: { align: "inline-start" }
 });
-function At({ className: e, align: t = "inline-start", ...n }) {
-	return /* @__PURE__ */ B("div", {
+function Ft({ className: e, align: t = "inline-start", ...n }) {
+	return /* @__PURE__ */ V("div", {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": t,
-		className: I(kt({ align: t }), e),
+		className: L(Pt({ align: t }), e),
 		onClick: (e) => {
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		},
 		...n
 	});
 }
-var jt = H("flex items-center gap-2 text-sm shadow-none", {
+var It = U("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",
@@ -618,38 +645,38 @@ var jt = H("flex items-center gap-2 text-sm shadow-none", {
 	} },
 	defaultVariants: { size: "xs" }
 });
-function Mt({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
-	return /* @__PURE__ */ B(g, {
+function Lt({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
+	return /* @__PURE__ */ V(g, {
 		type: t,
 		"data-size": r,
 		variant: n,
-		className: I(jt({ size: r }), e),
+		className: L(It({ size: r }), e),
 		...i
 	});
 }
-function Nt({ className: e, ...t }) {
-	return /* @__PURE__ */ B(oe, {
+function Rt({ className: e, ...t }) {
+	return /* @__PURE__ */ V(ae, {
 		"data-slot": "input-group-control",
-		className: I("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", e),
+		className: L("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 Y = r(null), X = r(null), Pt = () => {
-	let e = s(Y);
+var X = r(null), zt = r(null), Bt = () => {
+	let e = s(X);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
 	return e;
-}, Ft = () => s(Y), It = () => {
-	let e = s(X);
+}, Vt = () => s(X), Ht = () => {
+	let e = s(zt);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
 	return e;
-}, Lt = () => s(X);
-function Rt({ initialInput: e = "", children: t }) {
+}, Ut = () => s(zt);
+function Wt({ 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: qe(),
+			id: Ke(),
 			type: "file",
 			url: URL.createObjectURL(e),
 			mediaType: e.type,
@@ -700,41 +727,41 @@ function Rt({ initialInput: e = "", children: t }) {
 		y,
 		b
 	]);
-	return /* @__PURE__ */ B(Y.Provider, {
+	return /* @__PURE__ */ V(X.Provider, {
 		value: x,
-		children: /* @__PURE__ */ B(X.Provider, {
+		children: /* @__PURE__ */ V(zt.Provider, {
 			value: y,
 			children: t
 		})
 	});
 }
-var zt = r(null), Z = () => {
-	let e = Lt(), t = s(zt), n = e ?? t;
+var Gt = r(null), Z = () => {
+	let e = Ut(), t = s(Gt), n = e ?? t;
 	if (!n) throw Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
 	return n;
 };
-function Bt({ data: e, className: t, ...n }) {
+function Kt({ 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__ */ V(sn, { children: [/* @__PURE__ */ B(N, {
+	return /* @__PURE__ */ H(mn, { children: [/* @__PURE__ */ V(N, {
 		asChild: !0,
-		children: /* @__PURE__ */ V("div", {
-			className: I("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__ */ H("div", {
+			className: L("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__ */ V("div", {
+			children: [/* @__PURE__ */ H("div", {
 				className: "relative size-5 shrink-0",
-				children: [/* @__PURE__ */ B("div", {
+				children: [/* @__PURE__ */ V("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__ */ B("img", {
+					children: a ? /* @__PURE__ */ V("img", {
 						alt: i || "attachment",
 						className: "size-5 object-cover",
 						height: 20,
 						src: e.url,
 						width: 20
-					}) : /* @__PURE__ */ B("div", {
+					}) : /* @__PURE__ */ V("div", {
 						className: "flex size-5 items-center justify-center text-muted-foreground",
-						children: /* @__PURE__ */ B(je, { className: "size-3" })
+						children: /* @__PURE__ */ V(Ae, { className: "size-3" })
 					})
-				}), /* @__PURE__ */ V(g, {
+				}), /* @__PURE__ */ H(g, {
 					"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) => {
@@ -742,37 +769,37 @@ function Bt({ data: e, className: t, ...n }) {
 					},
 					type: "button",
 					variant: "ghost",
-					children: [/* @__PURE__ */ B(R, {}), /* @__PURE__ */ B("span", {
+					children: [/* @__PURE__ */ V(z, {}), /* @__PURE__ */ V("span", {
 						className: "sr-only",
 						children: "Remove"
 					})]
 				})]
-			}), /* @__PURE__ */ B("span", {
+			}), /* @__PURE__ */ V("span", {
 				className: "flex-1 truncate",
 				children: o
 			})]
 		}, e.id)
-	}), /* @__PURE__ */ B(ln, {
+	}), /* @__PURE__ */ V(gn, {
 		className: "w-auto p-2",
-		children: /* @__PURE__ */ V("div", {
+		children: /* @__PURE__ */ H("div", {
 			className: "w-auto space-y-3",
-			children: [a && /* @__PURE__ */ B("div", {
+			children: [a && /* @__PURE__ */ V("div", {
 				className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
-				children: /* @__PURE__ */ B("img", {
+				children: /* @__PURE__ */ V("img", {
 					alt: i || "attachment preview",
 					className: "max-h-full max-w-full object-contain",
 					height: 384,
 					src: e.url,
 					width: 448
 				})
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ V("div", {
 				className: "flex items-center gap-2.5",
-				children: /* @__PURE__ */ V("div", {
+				children: /* @__PURE__ */ H("div", {
 					className: "min-w-0 flex-1 space-y-1 px-0.5",
-					children: [/* @__PURE__ */ B("h4", {
+					children: [/* @__PURE__ */ V("h4", {
 						className: "truncate font-semibold text-sm leading-none",
 						children: i || (a ? "Image" : "Attachment")
-					}), e.mediaType && /* @__PURE__ */ B("p", {
+					}), e.mediaType && /* @__PURE__ */ V("p", {
 						className: "truncate font-mono text-muted-foreground text-xs",
 						children: e.mediaType
 					})]
@@ -781,29 +808,29 @@ function Bt({ data: e, className: t, ...n }) {
 		})
 	})] });
 }
-function Vt({ children: e, className: t, ...r }) {
+function qt({ children: e, className: t, ...r }) {
 	let i = Z();
-	return i.files.length ? /* @__PURE__ */ B("div", {
-		className: I("flex flex-wrap items-center gap-2 p-3 w-full", t),
+	return i.files.length ? /* @__PURE__ */ V("div", {
+		className: L("flex flex-wrap items-center gap-2 p-3 w-full", t),
 		...r,
-		children: i.files.map((t) => /* @__PURE__ */ B(n, { children: e(t) }, t.id))
+		children: i.files.map((t) => /* @__PURE__ */ V(n, { children: e(t) }, t.id))
 	}) : null;
 }
-var Ht = ({ label: e = "Add photos or files", ...t }) => {
+var Jt = ({ label: e = "Add photos or files", ...t }) => {
 	let n = Z();
-	return /* @__PURE__ */ V(k, {
+	return /* @__PURE__ */ H(k, {
 		...t,
 		onSelect: (e) => {
 			e.preventDefault(), n.openFileDialog();
 		},
 		children: [
-			/* @__PURE__ */ B(Te, { className: "mr-2 size-4" }),
+			/* @__PURE__ */ V(we, { className: "mr-2 size-4" }),
 			" ",
 			e
 		]
 	});
-}, Ut = ({ className: e, accept: t, multiple: n, globalDrop: r, syncHiddenInput: i, maxFiles: a, maxFileSize: s, onError: f, onSubmit: p, children: m, ...h }) => {
-	let g = Ft(), _ = !!g, v = u(null), y = u(null), [b, x] = d([]), S = _ ? g.attachments.files : b, C = u(S);
+}, Yt = ({ className: e, accept: t, multiple: n, globalDrop: r, syncHiddenInput: i, maxFiles: a, maxFileSize: s, onError: f, onSubmit: p, children: m, ...h }) => {
+	let g = Vt(), _ = !!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();
@@ -838,7 +865,7 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 			});
 			let i = [];
 			for (let e of n) i.push({
-				id: qe(),
+				id: Ke(),
 				type: "file",
 				url: URL.createObjectURL(e),
 				mediaType: e.type,
@@ -888,7 +915,7 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 	}, [_]);
 	let N = (e) => {
 		e.currentTarget.files && k(e.currentTarget.files), e.currentTarget.value = "";
-	}, ee = async (e) => {
+	}, P = async (e) => {
 		try {
 			let t = await (await fetch(e)).blob();
 			return new Promise((e) => {
@@ -898,7 +925,7 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 		} catch {
 			return null;
 		}
-	}, P = l(() => ({
+	}, F = l(() => ({
 		files: S.map((e) => ({
 			...e,
 			id: e.id
@@ -914,7 +941,7 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 		A,
 		j,
 		M
-	]), F = /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("input", {
+	]), I = /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("input", {
 		accept: t,
 		"aria-label": "Upload files",
 		className: "hidden",
@@ -923,14 +950,14 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 		ref: v,
 		title: "Upload files",
 		type: "file"
-	}), /* @__PURE__ */ B("form", {
-		className: I("w-full", e),
+	}), /* @__PURE__ */ V("form", {
+		className: L("w-full", e),
 		onSubmit: (e) => {
 			e.preventDefault();
 			let t = e.currentTarget, n = _ ? g.textInput.value : new FormData(t).get("message") || "";
 			_ || t.reset(), Promise.all(S.map(async ({ id: e, ...t }) => {
 				if (t.url && t.url.startsWith("blob:")) {
-					let e = await ee(t.url);
+					let e = await P(t.url);
 					return {
 						...t,
 						url: e ?? t.url
@@ -951,20 +978,20 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 		},
 		ref: y,
 		...h,
-		children: /* @__PURE__ */ B(Ot, {
+		children: /* @__PURE__ */ V(Nt, {
 			className: "overflow-hidden",
 			children: m
 		})
 	})] });
-	return _ ? F : /* @__PURE__ */ B(zt.Provider, {
-		value: P,
-		children: F
+	return _ ? I : /* @__PURE__ */ V(Gt.Provider, {
+		value: F,
+		children: I
 	});
-}, Wt = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I("contents", e),
+}, Xt = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
+	className: L("contents", e),
 	...t
-}), Gt = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
-	let i = Ft(), a = Z(), [o, s] = d(!1), c = (e) => {
+}), Zt = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
+	let i = Vt(), a = Z(), [o, s] = d(!1), c = (e) => {
 		if (e.key === "Enter") {
 			if (o || e.nativeEvent.isComposing || e.shiftKey) return;
 			e.preventDefault();
@@ -992,8 +1019,8 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 			i.textInput.setInput(t.currentTarget.value), e?.(t);
 		}
 	} : { onChange: e };
-	return /* @__PURE__ */ B(Nt, {
-		className: I("field-sizing-content max-h-48 min-h-16", t),
+	return /* @__PURE__ */ V(Rt, {
+		className: L("field-sizing-content max-h-48 min-h-16", t),
 		name: "message",
 		onCompositionEnd: () => s(!1),
 		onCompositionStart: () => s(!0),
@@ -1003,52 +1030,52 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 		...r,
 		...u
 	});
-}, Kt = ({ className: e, ...t }) => /* @__PURE__ */ B(At, {
+}, Qt = ({ className: e, ...t }) => /* @__PURE__ */ V(Ft, {
 	align: "block-end",
-	className: I("order-first flex-wrap gap-1", e),
+	className: L("order-first flex-wrap gap-1", e),
 	...t
-}), qt = ({ className: e, ...t }) => /* @__PURE__ */ B(At, {
+}), $t = ({ className: e, ...t }) => /* @__PURE__ */ V(Ft, {
 	align: "block-end",
-	className: I("justify-between gap-1", e),
+	className: L("justify-between gap-1", e),
 	...t
-}), Jt = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I("flex items-center gap-1", e),
+}), en = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
+	className: L("flex items-center gap-1", e),
 	...t
-}), Q = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
+}), tn = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
 	let a = r ?? (t.count(i.children) > 1 ? "sm" : "icon-sm");
-	return /* @__PURE__ */ B(Mt, {
-		className: I(n),
+	return /* @__PURE__ */ V(Lt, {
+		className: L(n),
 		size: a,
 		type: "button",
 		variant: e,
 		...i
 	});
-}, Yt = (e) => /* @__PURE__ */ B(D, { ...e }), Xt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ B(A, {
+}, nn = (e) => /* @__PURE__ */ V(D, { ...e }), rn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ V(A, {
 	asChild: !0,
-	children: /* @__PURE__ */ B(Q, {
+	children: /* @__PURE__ */ V(tn, {
 		className: e,
 		...n,
-		children: t ?? /* @__PURE__ */ B(Me, { className: "size-4" })
+		children: t ?? /* @__PURE__ */ V(je, { className: "size-4" })
 	})
-}), Zt = ({ className: e, ...t }) => /* @__PURE__ */ B(O, {
+}), an = ({ className: e, ...t }) => /* @__PURE__ */ V(O, {
 	align: "start",
-	className: I(e),
+	className: L(e),
 	...t
-}), Qt = ({ className: e, ...t }) => /* @__PURE__ */ B(k, {
-	className: I(e),
+}), on = ({ className: e, ...t }) => /* @__PURE__ */ V(k, {
+	className: L(e),
 	...t
-}), $t = ({ className: e, variant: t = "default", size: n = "icon-sm", status: r, children: i, ...a }) => {
-	let o = /* @__PURE__ */ B(we, { className: "size-4" });
-	return r === "submitted" ? o = /* @__PURE__ */ B(Ee, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ B(Fe, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ B(R, { className: "size-4" })), /* @__PURE__ */ B(Mt, {
+}), sn = ({ className: e, variant: t = "default", size: n = "icon-sm", status: r, children: i, ...a }) => {
+	let o = /* @__PURE__ */ V(Ce, { className: "size-4" });
+	return r === "submitted" ? o = /* @__PURE__ */ V(Te, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ V(Pe, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ V(z, { className: "size-4" })), /* @__PURE__ */ V(Lt, {
 		"aria-label": "Submit",
-		className: I(e),
+		className: L(e),
 		size: n,
 		type: "submit",
 		variant: t,
 		...a,
 		children: i ?? o
 	});
-}, en = ({ className: e, textareaRef: t, onTranscriptionChange: n, ...r }) => {
+}, cn = ({ 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)) {
@@ -1078,80 +1105,80 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 	let p = o(() => {
 		s && (i ? s.stop() : s.start());
 	}, [s, i]);
-	return /* @__PURE__ */ B(Q, {
-		className: I("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
+	return /* @__PURE__ */ V(tn, {
+		className: L("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
 		disabled: !s,
 		onClick: p,
 		...r,
-		children: /* @__PURE__ */ B(ke, { className: "size-4" })
+		children: /* @__PURE__ */ V(Oe, { className: "size-4" })
 	});
-}, tn = (e) => /* @__PURE__ */ B(te, { ...e }), nn = ({ className: e, ...t }) => /* @__PURE__ */ B(ie, {
-	className: I("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),
+}, ln = (e) => /* @__PURE__ */ V(ee, { ...e }), un = ({ className: e, ...t }) => /* @__PURE__ */ V(re, {
+	className: L("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
-}), rn = ({ className: e, ...t }) => /* @__PURE__ */ B(ne, {
-	className: I(e),
+}), dn = ({ className: e, ...t }) => /* @__PURE__ */ V(te, {
+	className: L(e),
 	...t
-}), an = ({ className: e, ...t }) => /* @__PURE__ */ B(re, {
-	className: I(e),
+}), fn = ({ className: e, ...t }) => /* @__PURE__ */ V(ne, {
+	className: L(e),
 	...t
-}), on = ({ className: e, ...t }) => /* @__PURE__ */ B(ae, {
-	className: I(e),
+}), pn = ({ className: e, ...t }) => /* @__PURE__ */ V(ie, {
+	className: L(e),
 	...t
-}), sn = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ B(j, {
+}), mn = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ V(j, {
 	closeDelay: t,
 	openDelay: e,
 	...n
-}), cn = (e) => /* @__PURE__ */ B(N, { ...e }), ln = ({ align: e = "start", ...t }) => /* @__PURE__ */ B(M, {
+}), hn = (e) => /* @__PURE__ */ V(N, { ...e }), gn = ({ align: e = "start", ...t }) => /* @__PURE__ */ V(M, {
 	align: e,
 	...t
-}), un = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I(e),
+}), _n = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
+	className: L(e),
 	...t
-}), dn = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I(e),
+}), vn = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
+	className: L(e),
 	...t
-}), fn = ({ className: e, ...t }) => /* @__PURE__ */ B("h3", {
-	className: I("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
+}), yn = ({ className: e, ...t }) => /* @__PURE__ */ V("h3", {
+	className: L("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
 	...t
-}), pn = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I("space-y-1", e),
+}), bn = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
+	className: L("space-y-1", e),
 	...t
-}), mn = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
+}), xn = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
+	className: L("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
 	...t
-}), hn = ({ className: e, ...t }) => /* @__PURE__ */ B(b, {
-	className: I(e),
+}), Sn = ({ className: e, ...t }) => /* @__PURE__ */ V(b, {
+	className: L(e),
 	...t
-}), gn = ({ className: e, ...t }) => /* @__PURE__ */ B(C, {
-	className: I(e),
+}), Cn = ({ className: e, ...t }) => /* @__PURE__ */ V(C, {
+	className: L(e),
 	...t
-}), _n = ({ className: e, ...t }) => /* @__PURE__ */ B(T, {
-	className: I(e),
+}), wn = ({ className: e, ...t }) => /* @__PURE__ */ V(T, {
+	className: L(e),
 	...t
-}), vn = ({ className: e, ...t }) => /* @__PURE__ */ B(x, {
-	className: I(e),
+}), Tn = ({ className: e, ...t }) => /* @__PURE__ */ V(x, {
+	className: L(e),
 	...t
-}), yn = ({ className: e, ...t }) => /* @__PURE__ */ B(S, {
-	className: I(e),
+}), En = ({ className: e, ...t }) => /* @__PURE__ */ V(S, {
+	className: L(e),
 	...t
-}), bn = ({ className: e, ...t }) => /* @__PURE__ */ B(w, {
-	className: I(e),
+}), Dn = ({ className: e, ...t }) => /* @__PURE__ */ V(w, {
+	className: L(e),
 	...t
-}), xn = ({ className: e, ...t }) => /* @__PURE__ */ B(E, {
-	className: I(e),
+}), On = ({ className: e, ...t }) => /* @__PURE__ */ V(E, {
+	className: L(e),
 	...t
-}), Sn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ V(P, {
+}), kn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ H(F, {
 	className: "w-full overflow-x-auto whitespace-nowrap",
 	...n,
-	children: [/* @__PURE__ */ B("div", {
-		className: I("flex w-max flex-nowrap items-center gap-2", e),
+	children: [/* @__PURE__ */ V("div", {
+		className: L("flex w-max flex-nowrap items-center gap-2", e),
 		children: t
-	}), /* @__PURE__ */ B(F, {
+	}), /* @__PURE__ */ V(I, {
 		className: "hidden",
 		orientation: "horizontal"
 	})]
-}), Cn = ({ suggestion: e, onClick: t, className: n, variant: r = "outline", size: i = "sm", children: a, ...o }) => /* @__PURE__ */ B(g, {
-	className: I("cursor-pointer rounded-full px-4", n),
+}), An = ({ suggestion: e, onClick: t, className: n, variant: r = "outline", size: i = "sm", children: a, ...o }) => /* @__PURE__ */ V(g, {
+	className: L("cursor-pointer rounded-full px-4", n),
 	onClick: () => {
 		t?.(e);
 	},
@@ -1160,7 +1187,7 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 	variant: r,
 	...o,
 	children: a || e
-}), wn = r({ code: "" }), Tn = {
+}), jn = r({ code: "" }), Mn = {
 	name: "line-numbers",
 	line(e, t) {
 		e.children.unshift({
@@ -1181,21 +1208,21 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 		});
 	}
 };
-async function En(e, t, n = !1) {
-	let r = n ? [Tn] : [];
-	return await Promise.all([Je(e, {
+async function Nn(e, t, n = !1) {
+	let r = n ? [Mn] : [];
+	return await Promise.all([qe(e, {
 		lang: t,
 		theme: "one-light",
 		transformers: r
-	}), Je(e, {
+	}), qe(e, {
 		lang: t,
 		theme: "one-dark-pro",
 		transformers: r
 	})]);
 }
-var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children: i, ...a }) => {
+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(() => (En(e, t, n).then(([e, t]) => {
+	return c(() => (Nn(e, t, n).then(([e, t]) => {
 		p.current ||= (s(e), f(t), !0);
 	}), () => {
 		p.current = !1;
@@ -1203,23 +1230,23 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		e,
 		t,
 		n
-	]), /* @__PURE__ */ B(wn.Provider, {
+	]), /* @__PURE__ */ V(jn.Provider, {
 		value: { code: e },
-		children: /* @__PURE__ */ B("div", {
-			className: I("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
+		children: /* @__PURE__ */ V("div", {
+			className: L("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
 			...a,
-			children: /* @__PURE__ */ V("div", {
+			children: /* @__PURE__ */ H("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ V("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__ */ B("div", {
+					/* @__PURE__ */ V("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__ */ B("div", {
+					i && /* @__PURE__ */ V("div", {
 						className: "absolute top-2 right-2 flex items-center gap-2",
 						children: i
 					})
@@ -1227,8 +1254,8 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 			})
 		})
 	});
-}, Dn = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
-	let [o, c] = d(!1), { code: l } = s(wn), u = async () => {
+}, Pn = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
+	let [o, c] = d(!1), { code: l } = s(jn), u = async () => {
 		if (typeof window > "u" || !navigator?.clipboard?.writeText) {
 			t?.(/* @__PURE__ */ Error("Clipboard API not available"));
 			return;
@@ -1238,29 +1265,29 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		} catch (e) {
 			t?.(e);
 		}
-	}, f = o ? _e : Ce;
-	return /* @__PURE__ */ B(g, {
-		className: I("shrink-0", i),
+	}, f = o ? ge : Se;
+	return /* @__PURE__ */ V(g, {
+		className: L("shrink-0", i),
 		onClick: u,
 		size: "icon",
 		variant: "ghost",
 		...a,
-		children: r ?? /* @__PURE__ */ B(f, { size: 14 })
+		children: r ?? /* @__PURE__ */ V(f, { size: 14 })
 	});
-}, On = ({ className: e, ...t }) => /* @__PURE__ */ B(_, {
-	className: I("not-prose mb-4 w-full rounded-md border", e),
+}, Fn = ({ className: e, ...t }) => /* @__PURE__ */ V(_, {
+	className: L("not-prose mb-4 w-full rounded-md border", e),
 	...t
-}), kn = (e) => /* @__PURE__ */ V(h, {
+}), In = (e) => /* @__PURE__ */ H(h, {
 	className: "gap-1.5 rounded-full text-xs",
 	variant: "secondary",
 	children: [{
-		"input-streaming": /* @__PURE__ */ B(be, { className: "size-4" }),
-		"input-available": /* @__PURE__ */ B(xe, { className: "size-4 animate-pulse" }),
-		"approval-requested": /* @__PURE__ */ B(xe, { className: "size-4 text-yellow-600" }),
-		"approval-responded": /* @__PURE__ */ B(ge, { className: "size-4 text-blue-600" }),
-		"output-available": /* @__PURE__ */ B(ge, { className: "size-4 text-green-600" }),
-		"output-error": /* @__PURE__ */ B(Re, { className: "size-4 text-red-600" }),
-		"output-denied": /* @__PURE__ */ B(Re, { className: "size-4 text-orange-600" })
+		"input-streaming": /* @__PURE__ */ V(ye, { className: "size-4" }),
+		"input-available": /* @__PURE__ */ V(be, { className: "size-4 animate-pulse" }),
+		"approval-requested": /* @__PURE__ */ V(be, { className: "size-4 text-yellow-600" }),
+		"approval-responded": /* @__PURE__ */ V(he, { className: "size-4 text-blue-600" }),
+		"output-available": /* @__PURE__ */ V(he, { className: "size-4 text-green-600" }),
+		"output-error": /* @__PURE__ */ V(Le, { className: "size-4 text-red-600" }),
+		"output-denied": /* @__PURE__ */ V(Le, { className: "size-4 text-orange-600" })
 	}[e], {
 		"input-streaming": "Pending",
 		"input-available": "Running",
@@ -1270,61 +1297,61 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		"output-error": "Error",
 		"output-denied": "Denied"
 	}[e]]
-}), An = ({ className: e, title: t, type: n, state: r, ...i }) => /* @__PURE__ */ V(y, {
-	className: I("flex w-full items-center justify-between gap-4 p-3", e),
+}), Ln = ({ className: e, title: t, type: n, state: r, ...i }) => /* @__PURE__ */ H(y, {
+	className: L("flex w-full items-center justify-between gap-4 p-3", e),
 	...i,
-	children: [/* @__PURE__ */ V("div", {
+	children: [/* @__PURE__ */ H("div", {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ B(Ie, { className: "size-4 text-muted-foreground" }),
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ V(Fe, { className: "size-4 text-muted-foreground" }),
+			/* @__PURE__ */ V("span", {
 				className: "font-medium text-sm",
 				children: t ?? n.split("-").slice(1).join("-")
 			}),
-			kn(r)
+			In(r)
 		]
-	}), /* @__PURE__ */ B(L, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
-}), jn = ({ className: e, ...t }) => /* @__PURE__ */ B(v, {
-	className: I("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__ */ V(R, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
+}), Rn = ({ className: e, ...t }) => /* @__PURE__ */ V(v, {
+	className: L("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
-}), Mn = ({ className: e, input: t, ...n }) => /* @__PURE__ */ V("div", {
-	className: I("space-y-2 overflow-hidden p-4", e),
+}), zn = ({ className: e, input: t, ...n }) => /* @__PURE__ */ H("div", {
+	className: L("space-y-2 overflow-hidden p-4", e),
 	...n,
-	children: [/* @__PURE__ */ B("h4", {
+	children: [/* @__PURE__ */ V("h4", {
 		className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 		children: "Parameters"
-	}), /* @__PURE__ */ B("div", {
+	}), /* @__PURE__ */ V("div", {
 		className: "rounded-md bg-muted/50",
-		children: /* @__PURE__ */ B($, {
+		children: /* @__PURE__ */ V(Q, {
 			code: JSON.stringify(t, null, 2),
 			language: "json"
 		})
 	})]
-}), Nn = ({ className: e, output: t, errorText: n, ...r }) => {
+}), Bn = ({ className: e, output: t, errorText: n, ...r }) => {
 	if (!(t || n)) return null;
-	let a = /* @__PURE__ */ B("div", { children: t });
-	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ B($, {
+	let a = /* @__PURE__ */ V("div", { children: t });
+	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ V(Q, {
 		code: JSON.stringify(t, null, 2),
 		language: "json"
-	}) : typeof t == "string" && (a = /* @__PURE__ */ B($, {
+	}) : typeof t == "string" && (a = /* @__PURE__ */ V(Q, {
 		code: t,
 		language: "json"
-	})), /* @__PURE__ */ V("div", {
-		className: I("space-y-2 p-4", e),
+	})), /* @__PURE__ */ H("div", {
+		className: L("space-y-2 p-4", e),
 		...r,
-		children: [/* @__PURE__ */ B("h4", {
+		children: [/* @__PURE__ */ V("h4", {
 			className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 			children: n ? "Error" : "Result"
-		}), /* @__PURE__ */ V("div", {
-			className: I("overflow-x-auto rounded-md text-xs [&_table]:w-full", n ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
-			children: [n && /* @__PURE__ */ B("div", { children: n }), a]
+		}), /* @__PURE__ */ H("div", {
+			className: L("overflow-x-auto rounded-md text-xs [&_table]:w-full", n ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
+			children: [n && /* @__PURE__ */ V("div", { children: n }), a]
 		})]
 	});
-}, Pn = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
-	let a = Xe.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
-	return /* @__PURE__ */ B(a, {
+}, Vn = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
+	let a = Ye.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
+	return /* @__PURE__ */ V(a, {
 		animate: { backgroundPosition: "0% center" },
-		className: I("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: L("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`,
@@ -1337,21 +1364,21 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		},
 		children: e
 	});
-}), Fn = r(null), In = () => {
-	let e = s(Fn);
+}), Hn = r(null), Un = () => {
+	let e = s(Hn);
 	if (!e) throw Error("Reasoning components must be used within Reasoning");
 	return e;
-}, Ln = 1e3, Rn = 1e3, zn = a(({ className: e, isStreaming: t = !1, open: n, defaultOpen: r = !0, onOpenChange: i, duration: a, children: o, ...s }) => {
-	let [l, u] = Ye({
+}, Wn = 1e3, Gn = 1e3, Kn = a(({ className: e, isStreaming: t = !1, open: n, defaultOpen: r = !0, onOpenChange: i, duration: a, children: o, ...s }) => {
+	let [l, u] = Je({
 		prop: n,
 		defaultProp: r,
 		onChange: i
-	}), [f, p] = Ye({
+	}), [f, p] = Je({
 		prop: a,
 		defaultProp: void 0
 	}), [m, h] = d(!1), [g, v] = d(null);
 	return c(() => {
-		t ? g === null && v(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / Rn)), v(null));
+		t ? g === null && v(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / Gn)), v(null));
 	}, [
 		t,
 		g,
@@ -1360,7 +1387,7 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		if (r && !t && l && !m) {
 			let e = setTimeout(() => {
 				u(!1), h(!0);
-			}, Ln);
+			}, Wn);
 			return () => clearTimeout(e);
 		}
 	}, [
@@ -1369,15 +1396,15 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		r,
 		u,
 		m
-	]), /* @__PURE__ */ B(Fn.Provider, {
+	]), /* @__PURE__ */ V(Hn.Provider, {
 		value: {
 			isStreaming: t,
 			isOpen: l,
 			setIsOpen: u,
 			duration: f
 		},
-		children: /* @__PURE__ */ B(_, {
-			className: I("not-prose mb-4", e),
+		children: /* @__PURE__ */ V(_, {
+			className: L("not-prose mb-4", e),
 			onOpenChange: (e) => {
 				u(e);
 			},
@@ -1386,167 +1413,188 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 			children: o
 		})
 	});
-}), Bn = (e, t) => e || t === 0 ? /* @__PURE__ */ B(Pn, {
+}), qn = (e, t) => e || t === 0 ? /* @__PURE__ */ V(Vn, {
 	duration: 1,
 	children: "Thinking..."
-}) : t === void 0 ? /* @__PURE__ */ B("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ V("p", { children: [
+}) : t === void 0 ? /* @__PURE__ */ V("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ H("p", { children: [
 	"Thought for ",
 	t,
 	" seconds"
-] }), Vn = a(({ className: e, children: t, getThinkingMessage: n = Bn, ...r }) => {
-	let { isStreaming: i, isOpen: a, duration: o } = In();
-	return /* @__PURE__ */ B(y, {
-		className: I("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
+] }), Jn = a(({ className: e, children: t, getThinkingMessage: n = qn, ...r }) => {
+	let { isStreaming: i, isOpen: a, duration: o } = Un();
+	return /* @__PURE__ */ V(y, {
+		className: L("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
 		...r,
-		children: t ?? /* @__PURE__ */ V(z, { children: [
-			/* @__PURE__ */ B(me, { className: "size-4" }),
+		children: t ?? /* @__PURE__ */ H(B, { children: [
+			/* @__PURE__ */ V(pe, { className: "size-4" }),
 			n(i, o),
-			/* @__PURE__ */ B(L, { className: I("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
+			/* @__PURE__ */ V(R, { className: L("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
 		] })
 	});
-}), Hn = a(({ className: e, children: t, ...n }) => /* @__PURE__ */ B(v, {
-	className: I("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),
+}), Yn = a(({ className: e, children: t, ...n }) => /* @__PURE__ */ V(v, {
+	className: L("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__ */ B(Ke, {
+	children: /* @__PURE__ */ V(Ge, {
 		...n,
 		children: t
 	})
 }));
-zn.displayName = "Reasoning", Vn.displayName = "ReasoningTrigger", Hn.displayName = "ReasoningContent";
+Kn.displayName = "Reasoning", Jn.displayName = "ReasoningTrigger", Yn.displayName = "ReasoningContent";
 //#endregion
 //#region src/elements/sources.tsx
-var Un = ({ className: e, ...t }) => /* @__PURE__ */ B(_, {
-	className: I("not-prose mb-4 text-primary text-xs", e),
+var Xn = ({ className: e, ...t }) => /* @__PURE__ */ V(_, {
+	className: L("not-prose mb-4 text-primary text-xs", e),
 	...t
-}), Wn = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ B(y, {
-	className: I("flex items-center gap-2", e),
+}), Zn = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ V(y, {
+	className: L("flex items-center gap-2", e),
 	...r,
-	children: n ?? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("p", {
+	children: n ?? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H("p", {
 		className: "font-medium",
 		children: [
 			"Used ",
 			t,
 			" sources"
 		]
-	}), /* @__PURE__ */ B(L, { className: "h-4 w-4" })] })
-}), Gn = ({ className: e, ...t }) => /* @__PURE__ */ B(v, {
-	className: I("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__ */ V(R, { className: "h-4 w-4" })] })
+}), Qn = ({ className: e, ...t }) => /* @__PURE__ */ V(v, {
+	className: L("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
-}), Kn = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ B("a", {
+}), $n = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ V("a", {
 	className: "flex items-center gap-2",
 	href: e,
 	rel: "noreferrer",
 	target: "_blank",
 	...r,
-	children: n ?? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(pe, { className: "h-4 w-4" }), /* @__PURE__ */ B("span", {
+	children: n ?? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(fe, { className: "h-4 w-4" }), /* @__PURE__ */ V("span", {
 		className: "block font-medium",
 		children: t
 	})] })
 });
 //#endregion
 //#region src/ChatbotEnhanced.tsx
-function qn(e, t) {
+function er(e, t) {
 	return t ? "error" : e ? "streaming" : "ready";
 }
-function Jn(e) {
+function tr(e) {
 	return e === "user" ? "user" : "assistant";
 }
-var Yn = 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, ...T }, E) => {
-	let D = qn(l, u), [O, k] = e.useState(null), A = e.useCallback((e) => {
+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", ...M }, N) => {
+	let P = er(l, u), [F, I] = 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]), j = e.useCallback((e) => {
+	}, [i]), te = e.useCallback((e) => {
 		i?.(e);
-	}, [i]), M = e.useCallback((e) => {
-		navigator.clipboard?.writeText(e.content), k(e.id), window.setTimeout(() => k((t) => t === e.id ? null : t), 1500);
+	}, [i]), ne = e.useCallback((e) => {
+		navigator.clipboard?.writeText(e.content), I(e.id), window.setTimeout(() => I((t) => t === e.id ? null : t), 1500);
 	}, []);
-	return /* @__PURE__ */ V("div", {
-		ref: E,
-		className: I("flex flex-col border rounded-lg bg-background overflow-hidden", t),
+	return /* @__PURE__ */ H("div", {
+		ref: N,
+		className: L("flex flex-col border rounded-lg bg-background overflow-hidden", t),
 		style: { maxHeight: g },
-		...T,
+		...M,
 		children: [
-			a && n.length > 0 && /* @__PURE__ */ V("div", {
+			a && n.length > 0 && /* @__PURE__ */ H("div", {
 				className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30",
-				children: [/* @__PURE__ */ V("span", {
+				children: [/* @__PURE__ */ H("span", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
 						" message",
 						n.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ B("button", {
+				}), /* @__PURE__ */ V("button", {
 					type: "button",
 					onClick: a,
 					className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
 					children: "Clear"
 				})]
 			}),
-			/* @__PURE__ */ V(st, {
+			T ? /* @__PURE__ */ V("div", {
+				className: "shrink-0 border-b bg-background/50",
+				children: T
+			}) : null,
+			/* @__PURE__ */ H(ft, {
 				className: "flex-1 min-h-0",
-				children: [/* @__PURE__ */ B(ct, {
+				children: [/* @__PURE__ */ V(pt, {
 					className: "space-y-4 px-4 py-3",
-					children: n.length === 0 ? /* @__PURE__ */ B(lt, {
+					children: n.length === 0 ? /* @__PURE__ */ V(mt, {
 						title: "Start a conversation",
 						description: "Ask anything — the assistant has access to your current app context.",
-						children: x && x.length > 0 ? /* @__PURE__ */ B(Sn, {
+						children: x && x.length > 0 ? /* @__PURE__ */ V(kn, {
 							className: "justify-center pt-2",
-							children: x.map((e) => /* @__PURE__ */ B(Cn, {
+							children: x.map((e) => /* @__PURE__ */ V(An, {
 								suggestion: e,
-								onClick: j
+								onClick: te
 							}, e))
 						}) : null
 					}) : n.map((e) => {
 						let t = e.role === "user", n = e.toolInvocations ?? [], r = e.reasoning?.trim(), i = e.sources ?? [];
-						return /* @__PURE__ */ V(mt, {
-							from: Jn(e.role),
-							children: [/* @__PURE__ */ V(ht, { children: [
-								!t && r ? /* @__PURE__ */ V(zn, {
+						return /* @__PURE__ */ H(yt, {
+							from: tr(e.role),
+							children: [/* @__PURE__ */ H(bt, { children: [
+								!t && r ? /* @__PURE__ */ H(Kn, {
 									isStreaming: !!e.streaming && !e.content,
 									className: "mb-2",
-									children: [/* @__PURE__ */ B(Vn, {}), /* @__PURE__ */ B(Hn, { children: r })]
+									children: [/* @__PURE__ */ V(Jn, {}), /* @__PURE__ */ V(Yn, { 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}`;
-									return /* @__PURE__ */ V(On, {
+									let t = e.state ?? (e.errorText ? "output-error" : e.result === void 0 ? "input-available" : "output-available"), n = `tool-${e.toolName}`, r = t === "approval-requested" && !!O;
+									return /* @__PURE__ */ H(Fn, {
 										defaultOpen: t !== "output-available",
-										children: [/* @__PURE__ */ B(An, {
+										children: [/* @__PURE__ */ V(Ln, {
 											type: n,
 											state: t,
 											title: e.toolName
-										}), /* @__PURE__ */ V(jn, { children: [e.args === void 0 ? null : /* @__PURE__ */ B(Mn, { input: e.args }), /* @__PURE__ */ B(Nn, {
-											output: e.result,
-											errorText: e.errorText
-										})] })]
+										}), /* @__PURE__ */ H(Rn, { children: [
+											e.args === void 0 ? null : /* @__PURE__ */ V(zn, { input: e.args }),
+											/* @__PURE__ */ V(Bn, {
+												output: e.result,
+												errorText: e.errorText
+											}),
+											r ? /* @__PURE__ */ H("div", {
+												className: "flex gap-2 p-3 border-t bg-muted/30",
+												children: [/* @__PURE__ */ V("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__ */ V("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",
+													children: A
+												})]
+											}) : null
+										] })]
 									}, e.toolCallId);
 								}) : null,
 								e.content,
-								e.streaming ? /* @__PURE__ */ B("span", {
+								e.streaming ? /* @__PURE__ */ V("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__ */ V(Un, { children: [/* @__PURE__ */ B(Wn, { count: i.length }), /* @__PURE__ */ B(Gn, { children: i.map((e, t) => /* @__PURE__ */ B(Kn, {
+								!t && i.length > 0 ? /* @__PURE__ */ H(Xn, { children: [/* @__PURE__ */ V(Zn, { count: i.length }), /* @__PURE__ */ V(Qn, { children: i.map((e, t) => /* @__PURE__ */ V($n, {
 									href: e.url,
 									title: e.title ?? e.url
 								}, e.id ?? e.url ?? t)) })] }) : null,
-								d && e.timestamp ? /* @__PURE__ */ B("div", {
+								d && e.timestamp ? /* @__PURE__ */ V("div", {
 									className: "text-[10px] opacity-70 mt-1",
 									children: e.timestamp
 								}) : null
-							] }), t ? null : /* @__PURE__ */ V(gt, { children: [
-								/* @__PURE__ */ B(q, {
+							] }), t ? null : /* @__PURE__ */ H(xt, { children: [
+								/* @__PURE__ */ V(J, {
 									label: "Copy",
 									tooltip: "Copy",
-									onClick: () => M(e),
-									children: O === e.id ? /* @__PURE__ */ B(he, { className: "size-3.5" }) : /* @__PURE__ */ B(Se, { className: "size-3.5" })
+									onClick: () => ne(e),
+									children: F === e.id ? /* @__PURE__ */ V(me, { className: "size-3.5" }) : /* @__PURE__ */ V(xe, { className: "size-3.5" })
 								}),
-								s ? /* @__PURE__ */ B(q, {
+								s ? /* @__PURE__ */ V(J, {
 									label: "Regenerate",
 									tooltip: "Regenerate",
 									onClick: s,
-									children: /* @__PURE__ */ B(Ne, { className: "size-3.5" })
+									children: /* @__PURE__ */ V(Me, { className: "size-3.5" })
 								}) : null,
-								e.traceId ? /* @__PURE__ */ B("a", {
+								e.traceId ? /* @__PURE__ */ V("a", {
 									href: `#trace/${e.traceId}`,
 									"data-trace-id": e.traceId,
 									className: "text-[10px] text-muted-foreground hover:text-foreground ml-1 underline",
@@ -1556,18 +1604,18 @@ var Yn = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 							] })]
 						}, e.id);
 					})
-				}), /* @__PURE__ */ B(ut, {})]
+				}), /* @__PURE__ */ V(ht, {})]
 			}),
-			u ? /* @__PURE__ */ V("div", {
+			u ? /* @__PURE__ */ H("div", {
 				className: "flex items-center gap-2 px-4 py-2 border-t bg-destructive/10 text-destructive text-sm",
 				role: "alert",
 				children: [
-					/* @__PURE__ */ B(de, { className: "h-4 w-4 shrink-0" }),
-					/* @__PURE__ */ B("span", {
+					/* @__PURE__ */ V(ue, { className: "h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ V("span", {
 						className: "flex-1 truncate",
 						children: u.message || "An error occurred"
 					}),
-					s ? /* @__PURE__ */ B("button", {
+					s ? /* @__PURE__ */ V("button", {
 						type: "button",
 						onClick: s,
 						className: "text-xs underline hover:no-underline",
@@ -1575,36 +1623,43 @@ var Yn = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 					}) : null
 				]
 			}) : null,
-			/* @__PURE__ */ V(Ut, {
-				accept: y,
-				maxFileSize: b,
-				onSubmit: A,
-				onError: (e) => {
-					console.warn("[plugin-chatbot] prompt-input error", e);
-				},
-				children: [
-					v ? /* @__PURE__ */ B(Wt, { children: /* @__PURE__ */ B(Vt, { children: (e) => /* @__PURE__ */ B(Bt, { data: e }) }) }) : null,
-					/* @__PURE__ */ B(Gt, {
-						placeholder: r,
-						disabled: c || D === "streaming"
-					}),
-					/* @__PURE__ */ V(qt, { children: [/* @__PURE__ */ V(Jt, { children: [v ? /* @__PURE__ */ V(Yt, { children: [/* @__PURE__ */ B(Xt, {}), /* @__PURE__ */ B(Zt, { children: /* @__PURE__ */ B(Ht, {}) })] }) : null, S && S.length > 0 ? /* @__PURE__ */ B("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__ */ V("option", {
-							value: e.id,
-							children: [e.label ?? e.id, e.provider ? ` · ${e.provider}` : ""]
-						}, e.id))
-					}) : null] }), /* @__PURE__ */ B($t, {
-						status: D,
-						disabled: c,
-						onClick: D === "streaming" ? o : void 0
-					})] })
-				]
+			/* @__PURE__ */ H("div", {
+				className: "relative",
+				children: [E ? /* @__PURE__ */ V("div", {
+					className: "absolute bottom-full left-0 right-0 z-10 px-3 pb-1",
+					children: E
+				}) : null, /* @__PURE__ */ H(Yt, {
+					accept: y,
+					maxFileSize: b,
+					onSubmit: ee,
+					onError: (e) => {
+						console.warn("[plugin-chatbot] prompt-input error", e);
+					},
+					children: [
+						v ? /* @__PURE__ */ V(Xt, { children: /* @__PURE__ */ V(qt, { children: (e) => /* @__PURE__ */ V(Kt, { data: e }) }) }) : null,
+						/* @__PURE__ */ V(Zt, {
+							placeholder: r,
+							disabled: c || P === "streaming",
+							onChange: D ? (e) => D(e.currentTarget.value) : void 0
+						}),
+						/* @__PURE__ */ H($t, { children: [/* @__PURE__ */ H(en, { children: [v ? /* @__PURE__ */ H(nn, { children: [/* @__PURE__ */ V(rn, {}), /* @__PURE__ */ V(an, { children: /* @__PURE__ */ V(Jt, {}) })] }) : null, S && S.length > 0 ? /* @__PURE__ */ V("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__ */ H("option", {
+								value: e.id,
+								children: [e.label ?? e.id, e.provider ? ` · ${e.provider}` : ""]
+							}, e.id))
+						}) : null] }), /* @__PURE__ */ V(sn, {
+							status: P,
+							disabled: c,
+							onClick: P === "streaming" ? o : void 0
+						})] })
+					]
+				})]
 			}),
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ V("span", {
 				hidden: !0,
 				"data-avatar-user": f ?? p,
 				"data-avatar-assistant": m ?? h
@@ -1612,10 +1667,10 @@ var Yn = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 		]
 	});
 });
-Yn.displayName = "ChatbotEnhanced";
+$.displayName = "ChatbotEnhanced";
 //#endregion
 //#region src/FloatingChatbot.tsx
-function Xn({ floatingConfig: t, headerExtra: n, ...r }) {
+function nr({ 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");
@@ -1623,28 +1678,28 @@ function Xn({ floatingConfig: t, headerExtra: n, ...r }) {
 			e && e.parentNode && !e.hasChildNodes() && e.parentNode.removeChild(e);
 		};
 	}, []);
-	let f = /* @__PURE__ */ V(rt, {
+	let f = /* @__PURE__ */ H(ct, {
 		defaultOpen: a,
-		children: [/* @__PURE__ */ B(at, {
+		children: [/* @__PURE__ */ V(ut, {
 			position: i,
 			size: l
-		}), /* @__PURE__ */ B(ot, {
+		}), /* @__PURE__ */ V(dt, {
 			title: c,
 			position: i,
 			width: o,
 			height: s,
 			headerExtra: n,
-			children: /* @__PURE__ */ B(Yn, {
+			children: /* @__PURE__ */ V($, {
 				...r,
 				maxHeight: "100%",
 				className: "h-full border-0 rounded-none"
 			})
 		})]
 	});
-	return u ? Ve.createPortal(f, u) : f;
+	return u ? Be.createPortal(f, u) : f;
 }
-U.register("chatbot", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, sendMessage: a } = G({
+W.register("chatbot", ({ schema: e, className: t, ...n }) => {
+	let { messages: r, isLoading: i, sendMessage: a } = K({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -1661,7 +1716,7 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ B(er, {
+	return /* @__PURE__ */ V(or, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e) => {
@@ -1809,8 +1864,8 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), U.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 } = G({
+}), W.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 } = K({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -1827,7 +1882,7 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ B(Yn, {
+	return /* @__PURE__ */ V($, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e, t) => {
@@ -1989,8 +2044,8 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), U.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 } = G({
+}), W.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 } = K({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -2007,7 +2062,7 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ B(Xn, {
+	return /* @__PURE__ */ V(nr, {
 		floatingConfig: e.floatingConfig,
 		messages: r,
 		placeholder: e.placeholder,
@@ -2179,71 +2234,71 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 });
 //#endregion
 //#region src/elements/loader.tsx
-var Zn = ({ size: e = 16 }) => /* @__PURE__ */ V("svg", {
+var rr = ({ size: e = 16 }) => /* @__PURE__ */ H("svg", {
 	height: e,
 	strokeLinejoin: "round",
 	style: { color: "currentcolor" },
 	viewBox: "0 0 16 16",
 	width: e,
 	children: [
-		/* @__PURE__ */ B("title", { children: "Loader" }),
-		/* @__PURE__ */ V("g", {
+		/* @__PURE__ */ V("title", { children: "Loader" }),
+		/* @__PURE__ */ H("g", {
 			clipPath: "url(#clip0_2393_1490)",
 			children: [
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M8 0V4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M8 16V12",
 					opacity: "0.5",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M3.29773 1.52783L5.64887 4.7639",
 					opacity: "0.9",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M12.7023 1.52783L10.3511 4.7639",
 					opacity: "0.1",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M12.7023 14.472L10.3511 11.236",
 					opacity: "0.4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M3.29773 14.472L5.64887 11.236",
 					opacity: "0.6",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M15.6085 5.52783L11.8043 6.7639",
 					opacity: "0.2",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M0.391602 10.472L4.19583 9.23598",
 					opacity: "0.7",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M15.6085 10.4722L11.8043 9.2361",
 					opacity: "0.3",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ V("path", {
 					d: "M0.391602 5.52783L4.19583 6.7639",
 					opacity: "0.8",
 					stroke: "currentColor",
@@ -2251,99 +2306,99 @@ var Zn = ({ size: e = 16 }) => /* @__PURE__ */ V("svg", {
 				})
 			]
 		}),
-		/* @__PURE__ */ B("defs", { children: /* @__PURE__ */ B("clipPath", {
+		/* @__PURE__ */ V("defs", { children: /* @__PURE__ */ V("clipPath", {
 			id: "clip0_2393_1490",
-			children: /* @__PURE__ */ B("rect", {
+			children: /* @__PURE__ */ V("rect", {
 				fill: "white",
 				height: "16",
 				width: "16"
 			})
 		}) })
 	]
-}), Qn = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ B("div", {
-	className: I("inline-flex animate-spin items-center justify-center", e),
+}), ir = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ V("div", {
+	className: L("inline-flex animate-spin items-center justify-center", e),
 	...n,
-	children: /* @__PURE__ */ B(Zn, { size: t })
-}), $n = /* @__PURE__ */ Qe({
-	CodeBlock: () => $,
-	CodeBlockCopyButton: () => Dn,
-	Conversation: () => st,
-	ConversationContent: () => ct,
-	ConversationEmptyState: () => lt,
-	ConversationScrollButton: () => ut,
-	Loader: () => Qn,
-	Message: () => mt,
-	MessageAction: () => q,
-	MessageActions: () => gt,
-	MessageAttachment: () => Tt,
-	MessageAttachments: () => Et,
-	MessageBranch: () => vt,
-	MessageBranchContent: () => yt,
-	MessageBranchNext: () => St,
-	MessageBranchPage: () => Ct,
-	MessageBranchPrevious: () => xt,
-	MessageBranchSelector: () => bt,
-	MessageContent: () => ht,
-	MessageResponse: () => wt,
-	MessageToolbar: () => Dt,
-	PromptInput: () => Ut,
-	PromptInputActionAddAttachments: () => Ht,
-	PromptInputActionMenu: () => Yt,
-	PromptInputActionMenuContent: () => Zt,
-	PromptInputActionMenuItem: () => Qt,
-	PromptInputActionMenuTrigger: () => Xt,
-	PromptInputAttachment: () => Bt,
-	PromptInputAttachments: () => Vt,
-	PromptInputBody: () => Wt,
-	PromptInputButton: () => Q,
-	PromptInputCommand: () => hn,
-	PromptInputCommandEmpty: () => vn,
-	PromptInputCommandGroup: () => yn,
-	PromptInputCommandInput: () => gn,
-	PromptInputCommandItem: () => bn,
-	PromptInputCommandList: () => _n,
-	PromptInputCommandSeparator: () => xn,
-	PromptInputFooter: () => qt,
-	PromptInputHeader: () => Kt,
-	PromptInputHoverCard: () => sn,
-	PromptInputHoverCardContent: () => ln,
-	PromptInputHoverCardTrigger: () => cn,
-	PromptInputProvider: () => Rt,
-	PromptInputSelect: () => tn,
-	PromptInputSelectContent: () => rn,
-	PromptInputSelectItem: () => an,
-	PromptInputSelectTrigger: () => nn,
-	PromptInputSelectValue: () => on,
-	PromptInputSpeechButton: () => en,
-	PromptInputSubmit: () => $t,
-	PromptInputTab: () => dn,
-	PromptInputTabBody: () => pn,
-	PromptInputTabItem: () => mn,
-	PromptInputTabLabel: () => fn,
-	PromptInputTabsList: () => un,
-	PromptInputTextarea: () => Gt,
-	PromptInputTools: () => Jt,
-	Reasoning: () => zn,
-	ReasoningContent: () => Hn,
-	ReasoningTrigger: () => Vn,
-	Shimmer: () => Pn,
-	Source: () => Kn,
-	Sources: () => Un,
-	SourcesContent: () => Gn,
-	SourcesTrigger: () => Wn,
-	Suggestion: () => Cn,
-	Suggestions: () => Sn,
-	Tool: () => On,
-	ToolContent: () => jn,
-	ToolHeader: () => An,
-	ToolInput: () => Mn,
-	ToolOutput: () => Nn,
-	highlightCode: () => En,
+	children: /* @__PURE__ */ V(rr, { size: t })
+}), ar = /* @__PURE__ */ Ze({
+	CodeBlock: () => Q,
+	CodeBlockCopyButton: () => Pn,
+	Conversation: () => ft,
+	ConversationContent: () => pt,
+	ConversationEmptyState: () => mt,
+	ConversationScrollButton: () => ht,
+	Loader: () => ir,
+	Message: () => yt,
+	MessageAction: () => J,
+	MessageActions: () => xt,
+	MessageAttachment: () => At,
+	MessageAttachments: () => jt,
+	MessageBranch: () => Ct,
+	MessageBranchContent: () => wt,
+	MessageBranchNext: () => Dt,
+	MessageBranchPage: () => Ot,
+	MessageBranchPrevious: () => Et,
+	MessageBranchSelector: () => Tt,
+	MessageContent: () => bt,
+	MessageResponse: () => kt,
+	MessageToolbar: () => Mt,
+	PromptInput: () => Yt,
+	PromptInputActionAddAttachments: () => Jt,
+	PromptInputActionMenu: () => nn,
+	PromptInputActionMenuContent: () => an,
+	PromptInputActionMenuItem: () => on,
+	PromptInputActionMenuTrigger: () => rn,
+	PromptInputAttachment: () => Kt,
+	PromptInputAttachments: () => qt,
+	PromptInputBody: () => Xt,
+	PromptInputButton: () => tn,
+	PromptInputCommand: () => Sn,
+	PromptInputCommandEmpty: () => Tn,
+	PromptInputCommandGroup: () => En,
+	PromptInputCommandInput: () => Cn,
+	PromptInputCommandItem: () => Dn,
+	PromptInputCommandList: () => wn,
+	PromptInputCommandSeparator: () => On,
+	PromptInputFooter: () => $t,
+	PromptInputHeader: () => Qt,
+	PromptInputHoverCard: () => mn,
+	PromptInputHoverCardContent: () => gn,
+	PromptInputHoverCardTrigger: () => hn,
+	PromptInputProvider: () => Wt,
+	PromptInputSelect: () => ln,
+	PromptInputSelectContent: () => dn,
+	PromptInputSelectItem: () => fn,
+	PromptInputSelectTrigger: () => un,
+	PromptInputSelectValue: () => pn,
+	PromptInputSpeechButton: () => cn,
+	PromptInputSubmit: () => sn,
+	PromptInputTab: () => vn,
+	PromptInputTabBody: () => bn,
+	PromptInputTabItem: () => xn,
+	PromptInputTabLabel: () => yn,
+	PromptInputTabsList: () => _n,
+	PromptInputTextarea: () => Zt,
+	PromptInputTools: () => en,
+	Reasoning: () => Kn,
+	ReasoningContent: () => Yn,
+	ReasoningTrigger: () => Jn,
+	Shimmer: () => Vn,
+	Source: () => $n,
+	Sources: () => Xn,
+	SourcesContent: () => Qn,
+	SourcesTrigger: () => Zn,
+	Suggestion: () => An,
+	Suggestions: () => kn,
+	Tool: () => Fn,
+	ToolContent: () => Rn,
+	ToolHeader: () => Ln,
+	ToolInput: () => zn,
+	ToolOutput: () => Bn,
+	highlightCode: () => Nn,
 	usePromptInputAttachments: () => Z,
-	usePromptInputController: () => Pt,
-	useProviderAttachments: () => It,
-	useReasoning: () => In
-}), er = 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) => {
+	usePromptInputController: () => Bt,
+	useProviderAttachments: () => Ht,
+	useReasoning: () => Un
+}), or = 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(""), _ = e.useRef(null), v = e.useRef(null);
 	e.useEffect(() => {
 		if (_.current) {
@@ -2356,20 +2411,20 @@ var Zn = ({ size: e = 16 }) => /* @__PURE__ */ V("svg", {
 	}, b = (e) => {
 		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), y());
 	};
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ H("div", {
 		ref: p,
-		className: I("flex flex-col border rounded-lg bg-background overflow-hidden", t),
+		className: L("flex flex-col border rounded-lg bg-background overflow-hidden", t),
 		style: { maxHeight: d },
 		...f,
-		children: [/* @__PURE__ */ B(P, {
+		children: [/* @__PURE__ */ V(F, {
 			ref: _,
 			className: "flex-1 p-4",
-			children: /* @__PURE__ */ B("div", {
+			children: /* @__PURE__ */ V("div", {
 				className: "space-y-4",
-				children: n.length === 0 ? /* @__PURE__ */ B("div", {
+				children: n.length === 0 ? /* @__PURE__ */ V("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__ */ B(tr, {
+				}) : n.map((e) => /* @__PURE__ */ V(sr, {
 					message: e,
 					showTimestamp: o,
 					userAvatarUrl: s,
@@ -2378,11 +2433,11 @@ var Zn = ({ size: e = 16 }) => /* @__PURE__ */ V("svg", {
 					assistantAvatarFallback: u
 				}, e.id))
 			})
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ V("div", {
 			className: "border-t p-4",
-			children: /* @__PURE__ */ V("div", {
+			children: /* @__PURE__ */ H("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ B(ee, {
+				children: [/* @__PURE__ */ V(P, {
 					ref: v,
 					value: m,
 					onChange: (e) => h(e.target.value),
@@ -2390,71 +2445,71 @@ var Zn = ({ size: e = 16 }) => /* @__PURE__ */ V("svg", {
 					placeholder: r,
 					disabled: a,
 					className: "flex-1"
-				}), /* @__PURE__ */ B(g, {
+				}), /* @__PURE__ */ V(g, {
 					onClick: y,
 					disabled: a || !m.trim(),
 					size: "icon",
-					children: /* @__PURE__ */ B(Pe, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ V(Ne, { className: "h-4 w-4" })
 				})]
 			})
 		})]
 	});
 });
-er.displayName = "Chatbot";
-var tr = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
+or.displayName = "Chatbot";
+var sr = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
 	let o = e.role === "user";
-	if (e.role === "system") return /* @__PURE__ */ B("div", {
+	if (e.role === "system") return /* @__PURE__ */ V("div", {
 		className: "flex justify-center",
-		children: /* @__PURE__ */ B("div", {
+		children: /* @__PURE__ */ V("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__ */ V("div", {
-		className: I("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
-		children: [/* @__PURE__ */ V(f, {
+	return /* @__PURE__ */ H("div", {
+		className: L("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
+		children: [/* @__PURE__ */ H(f, {
 			className: "h-8 w-8",
-			children: [/* @__PURE__ */ B(m, { src: s }), /* @__PURE__ */ B(p, {
+			children: [/* @__PURE__ */ V(m, { src: s }), /* @__PURE__ */ V(p, {
 				className: "text-xs",
 				children: c
 			})]
-		}), /* @__PURE__ */ V("div", {
-			className: I("flex flex-col gap-1", o ? "items-end" : "items-start"),
-			children: [/* @__PURE__ */ B("div", {
-				className: I("rounded-lg px-4 py-2 max-w-[70%] break-words", o ? "bg-primary text-primary-foreground" : "bg-muted"),
-				children: /* @__PURE__ */ B("p", {
+		}), /* @__PURE__ */ H("div", {
+			className: L("flex flex-col gap-1", o ? "items-end" : "items-start"),
+			children: [/* @__PURE__ */ V("div", {
+				className: L("rounded-lg px-4 py-2 max-w-[70%] break-words", o ? "bg-primary text-primary-foreground" : "bg-muted"),
+				children: /* @__PURE__ */ V("p", {
 					className: "text-sm whitespace-pre-wrap",
 					children: e.content
 				})
-			}), t && e.timestamp && /* @__PURE__ */ B("span", {
+			}), t && e.timestamp && /* @__PURE__ */ V("span", {
 				className: "text-xs text-muted-foreground",
 				children: e.timestamp
 			})]
 		})]
 	});
-}, nr = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ V("div", {
+}, cr = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ H("div", {
 	ref: i,
-	className: I("flex gap-3", e),
+	className: L("flex gap-3", e),
 	...r,
-	children: [/* @__PURE__ */ V(f, {
+	children: [/* @__PURE__ */ H(f, {
 		className: "h-8 w-8",
-		children: [/* @__PURE__ */ B(m, { src: t }), /* @__PURE__ */ B(p, {
+		children: [/* @__PURE__ */ V(m, { src: t }), /* @__PURE__ */ V(p, {
 			className: "text-xs",
 			children: n
 		})]
-	}), /* @__PURE__ */ B("div", {
+	}), /* @__PURE__ */ V("div", {
 		className: "flex items-center bg-muted rounded-lg px-4 py-2",
-		children: /* @__PURE__ */ V("div", {
+		children: /* @__PURE__ */ H("div", {
 			className: "flex gap-1",
 			children: [
-				/* @__PURE__ */ B("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]" }),
-				/* @__PURE__ */ B("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]" }),
-				/* @__PURE__ */ B("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce" })
+				/* @__PURE__ */ V("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]" }),
+				/* @__PURE__ */ V("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]" }),
+				/* @__PURE__ */ V("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce" })
 			]
 		})
 	})]
 }));
-nr.displayName = "TypingIndicator";
+cr.displayName = "TypingIndicator";
 //#endregion
-export { $n as AIElements, er as Chatbot, Xn as FloatingChatbot, ot as FloatingChatbotPanel, rt as FloatingChatbotProvider, at as FloatingChatbotTrigger, nr as TypingIndicator, tt as useAgents, K as useFloatingChatbot, G as useObjectChat };
+export { ar as AIElements, or as Chatbot, $ as ChatbotEnhanced, nr as FloatingChatbot, dt as FloatingChatbotPanel, ct as FloatingChatbotProvider, ut as FloatingChatbotTrigger, cr as TypingIndicator, nt as uiMessageToChatMessage, rt as uiMessagesToChatMessages, ot as useAgents, q as useFloatingChatbot, K as useObjectChat };