@object-ui/plugin-chatbot 5.3.2 → 5.4.0

package/dist/index.js

@@ -1,24 +1,38 @@
 import * as e from "react";
-import { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
-import { Avatar as o, AvatarFallback as s, AvatarImage as c, Button as l, Input as u, ScrollArea as d, cn as f } from "@object-ui/components";
-import { AlertCircle as p, Maximize2 as m, MessageCircle as h, Minimize2 as g, Paperclip as _, RefreshCw as v, Send as y, Square as b, Trash2 as x, X as S } from "lucide-react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useChat as E } from "@ai-sdk/react";
-import { DefaultChatTransport as D } from "ai";
-import * as O from "react-dom";
-import { useObjectTranslation as k } from "@object-ui/react";
-import A from "react-markdown";
-import { Prism as j } from "react-syntax-highlighter";
-import { oneDark as M } from "react-syntax-highlighter/dist/esm/styles/prism";
-import N from "remark-gfm";
-import { ComponentRegistry as P } from "@object-ui/core";
+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";
+//#region \0rolldown/runtime.js
+var Ze = Object.defineProperty, Qe = (e, t) => {
+	let n = {};
+	for (var r in e) Ze(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || Ze(n, Symbol.toStringTag, { value: "Module" }), n;
+};
+//#endregion
 //#region src/utils.ts
-function F(e = "msg") {
+function W(e = "msg") {
 	return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 //#endregion
 //#region src/useObjectChat.ts
-function I(e) {
+function $e(e) {
 	return (e ?? []).map((e, t) => ({
 		id: e.id || `msg-${t}`,
 		role: e.role || "user",
@@ -29,97 +43,111 @@ function I(e) {
 		toolInvocations: e.toolInvocations
 	}));
 }
-function L(e = {}) {
-	let { api: o, initialMessages: s, conversationId: c, systemPrompt: l, model: u, streamingEnabled: d = !0, headers: f, body: p, maxToolRoundtrips: m = 5, onError: h, showTimestamp: g, autoResponse: _, autoResponseText: v, autoResponseDelay: y = 1e3, onSend: b } = e, x = i(o ? "api" : "local").current === "api", S = r(() => I(s).map((e) => ({
+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) => ({
 		id: e.id,
 		role: e.role,
 		parts: [{
 			type: "text",
 			text: e.content ?? ""
 		}]
-	})), []), C = E({
-		transport: r(() => {
-			if (x) return new D({
-				api: o,
+	})), []), C = ze({
+		transport: l(() => {
+			if (x) return new Be({
+				api: t,
 				headers: { ...f },
 				body: {
 					...p,
-					...c ? { conversationId: c } : {},
-					...u ? { model: u } : {},
-					...l ? { systemPrompt: l } : {},
-					...d === void 0 ? {} : { stream: d }
+					...r ? { conversationId: r } : {},
+					...a ? { model: a } : {},
+					...i ? { systemPrompt: i } : {},
+					...s === void 0 ? {} : { stream: s }
 				}
 			});
 		}, [
 			x,
-			o,
+			t,
 			f,
 			p,
-			u,
-			l,
-			d,
-			c
+			a,
+			i,
+			s,
+			r
 		]),
 		messages: x && S.length > 0 ? S : void 0,
 		onError: x ? (e) => {
 			h?.(e);
 		} : void 0
-	}), [w, T] = a(() => I(s)), [O, k] = a(!1), [A, j] = a(""), [M, N] = a(""), P = i(null);
-	if (n(() => () => {
-		P.current &&= (clearTimeout(P.current), null);
+	}), [w, T] = d(() => $e(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: n, error: r, sendMessage: i, regenerate: a, stop: o, setMessages: s } = C, c = n === "submitted" || n === "streaming", l = e.map((t) => {
-			let n = typeof t.content == "string" ? t.content : Array.isArray(t.parts) ? t.parts.filter((e) => e?.type === "text").map((e) => e.text ?? "").join("") : "";
+		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: n,
-				toolInvocations: t.toolInvocations,
+				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"
 			};
 		});
 		return {
 			messages: l,
 			isLoading: c,
-			error: r,
-			sendMessage: t((e) => {
+			error: n,
+			sendMessage: o((e) => {
 				let t = e.trim();
 				if (!t) return;
 				let n = [...l, {
-					id: F("msg"),
+					id: W("msg"),
 					role: "user",
 					content: t
 				}];
-				i({ text: t }), N(""), b?.(t, n);
+				r({ text: t }), j(""), b?.(t, n);
 			}, [
-				i,
+				r,
 				b,
 				l
 			]),
-			stop: o,
-			reload: a,
-			clear: t(() => {
+			stop: a,
+			reload: i,
+			clear: o(() => {
 				s([]);
 			}, [s]),
 			isApiMode: !0,
-			input: M,
-			setInput: N,
-			handleInputChange: t((e) => {
-				N(e.target.value);
+			input: A,
+			setInput: j,
+			handleInputChange: o((e) => {
+				j(e.target.value);
 			}, [])
 		};
 	}
-	let L = t(() => {
-		P.current &&= (clearTimeout(P.current), null), k(!1);
+	let N = o(() => {
+		M.current &&= (clearTimeout(M.current), null), D(!1);
 	}, []);
 	return {
 		messages: w,
-		isLoading: O,
+		isLoading: E,
 		error: void 0,
-		sendMessage: t((e) => {
+		sendMessage: o((e) => {
 			if (!e.trim()) return;
 			let t = {
-				id: F("msg"),
+				id: W("msg"),
 				role: "user",
 				content: e.trim(),
 				timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -127,14 +155,14 @@ function L(e = {}) {
 			T((n) => {
 				let r = [...n, t];
 				return b?.(e.trim(), r), r;
-			}), j(""), _ && (k(!0), P.current = setTimeout(() => {
+			}), k(""), _ && (D(!0), M.current = setTimeout(() => {
 				let e = {
-					id: F("msg"),
+					id: W("msg"),
 					role: "assistant",
 					content: v || "Thank you for your message!",
 					timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
 				};
-				T((t) => [...t, e]), k(!1);
+				T((t) => [...t, e]), D(!1);
 			}, y));
 		}, [
 			g,
@@ -143,22 +171,22 @@ function L(e = {}) {
 			y,
 			b
 		]),
-		stop: L,
-		reload: t(() => {}, []),
-		clear: t(() => {
-			L(), T([]);
-		}, [L]),
+		stop: N,
+		reload: o(() => {}, []),
+		clear: o(() => {
+			N(), T([]);
+		}, [N]),
 		isApiMode: !1,
-		input: A,
-		setInput: j,
-		handleInputChange: t((e) => {
-			j(e.target.value);
+		input: O,
+		setInput: k,
+		handleInputChange: o((e) => {
+			k(e.target.value);
 		}, [])
 	};
 }
 //#endregion
 //#region src/useAgents.ts
-function R(e) {
+function et(e) {
 	return e.filter((e) => typeof e?.name == "string" && e.name.length > 0).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
@@ -167,14 +195,14 @@ function R(e) {
 		active: e.active !== !1
 	}));
 }
-function z(e = {}) {
-	let { apiBase: r, headers: o, enabled: s = !0, fallback: c = [] } = e, [l, u] = a(c), [d, f] = a(!1), [p, m] = a(void 0), [h, g] = a(0), _ = i(o);
-	return _.current = o, n(() => {
-		if (!s || !r) return;
-		let e = new AbortController(), t = !1;
+function tt(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;
+		let e = new AbortController(), n = !1;
 		f(!0), m(void 0);
-		let n = `${r.replace(/\/$/, "")}/agents`;
-		return fetch(n, {
+		let a = `${t.replace(/\/$/, "")}/agents`;
+		return fetch(a, {
 			method: "GET",
 			headers: {
 				Accept: "application/json",
@@ -186,31 +214,31 @@ function z(e = {}) {
 			if (!e.ok) throw Error(`Failed to load agents (${e.status})`);
 			return e.json();
 		}).then((e) => {
-			if (t) return;
-			let n = R(Array.isArray(e) ? e : e?.agents ?? []);
-			u(n.length > 0 ? n : c);
+			if (n) return;
+			let t = et(Array.isArray(e) ? e : e?.agents ?? []);
+			s(t.length > 0 ? t : i);
 		}).catch((e) => {
-			t || e.name === "AbortError" || (m(e), u(c));
+			n || e.name === "AbortError" || (m(e), s(i));
 		}).finally(() => {
-			t || f(!1);
+			n || f(!1);
 		}), () => {
-			t = !0, e.abort();
+			n = !0, e.abort();
 		};
 	}, [
+		t,
 		r,
-		s,
 		h
 	]), {
-		agents: l,
-		isLoading: d,
+		agents: a,
+		isLoading: l,
 		error: p,
-		refetch: t(() => g((e) => e + 1), [])
+		refetch: o(() => g((e) => e + 1), [])
 	};
 }
 //#endregion
 //#region src/FloatingChatbotProvider.tsx
-var B = e.createContext(null);
-function V({ defaultOpen: t = !1, children: n }) {
+var nt = e.createContext(null);
+function rt({ defaultOpen: t = !1, children: n }) {
 	let [r, i] = e.useState(t), [a, o] = e.useState(!1), s = e.useMemo(() => ({
 		isOpen: r,
 		isFullscreen: a,
@@ -221,21 +249,21 @@ function V({ defaultOpen: t = !1, children: n }) {
 		toggle: () => i((e) => !e),
 		toggleFullscreen: () => o((e) => !e)
 	}), [r, a]);
-	return /* @__PURE__ */ w(B.Provider, {
+	return /* @__PURE__ */ B(nt.Provider, {
 		value: s,
 		children: n
 	});
 }
-function H() {
-	let t = e.useContext(B);
+function K() {
+	let t = e.useContext(nt);
 	if (!t) throw Error("useFloatingChatbot must be used within a <FloatingChatbotProvider>");
 	return t;
 }
 //#endregion
 //#region src/FloatingChatbotTrigger.tsx
-function U() {
+function it() {
 	try {
-		let { t: e } = k();
+		let { t: e } = He();
 		return (t, n) => {
 			let r = e(`common.${t}`);
 			return !r || r === `common.${t}` ? n : r;
@@ -244,11 +272,11 @@ function U() {
 		return (e, t) => t;
 	}
 }
-function W({ position: e = "bottom-right", size: t = 56, className: n }) {
-	let { isOpen: r, toggle: i } = H(), a = U();
-	return /* @__PURE__ */ w(l, {
+function at({ position: e = "bottom-right", size: t = 56, className: n }) {
+	let { isOpen: r, toggle: i } = K(), a = it();
+	return /* @__PURE__ */ B(g, {
 		onClick: i,
-		className: f("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: 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),
 		style: {
 			width: t,
 			height: t
@@ -256,15 +284,15 @@ function W({ 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: w(r ? S : h, { className: "h-6 w-6" })
+		children: B(r ? Le : Oe, { className: "h-6 w-6" })
 	});
 }
 //#endregion
 //#region src/FloatingChatbotPanel.tsx
-function G({ 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: u, toggleFullscreen: d } = H();
+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();
 	if (!s) return null;
-	let p = c ? {
+	let d = c ? {
 		inset: 0,
 		width: "100vw",
 		height: "100vh"
@@ -273,323 +301,1321 @@ function G({ title: e = "Chat", position: t = "bottom-right", width: n = 400, he
 		height: r,
 		maxHeight: "calc(100vh - 100px)"
 	};
-	return /* @__PURE__ */ T("div", {
-		className: f("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: p,
+	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),
+		style: d,
 		role: "dialog",
 		"aria-label": e,
 		"data-testid": "floating-chatbot-panel",
-		children: [/* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "flex items-center justify-between gap-2 px-4 py-2 border-b bg-muted/40",
 			children: [
-				/* @__PURE__ */ w("span", {
+				/* @__PURE__ */ B("span", {
 					className: "text-sm font-medium truncate shrink-0",
 					children: e
 				}),
-				o ? /* @__PURE__ */ w("div", {
+				o ? /* @__PURE__ */ B("div", {
 					className: "flex-1 min-w-0 flex items-center justify-end mr-1",
 					"data-testid": "floating-chatbot-header-extra",
 					children: o
 				}) : null,
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flex items-center gap-1 shrink-0",
-					children: [/* @__PURE__ */ w(l, {
+					children: [/* @__PURE__ */ B(g, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-7 w-7",
-						onClick: d,
+						onClick: u,
 						"aria-label": c ? "Exit fullscreen" : "Fullscreen",
 						"data-testid": "floating-chatbot-fullscreen",
-						children: w(c ? g : m, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ w(l, {
+						children: B(c ? Ae : De, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ B(g, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-7 w-7",
-						onClick: u,
+						onClick: l,
 						"aria-label": "Close chat",
 						"data-testid": "floating-chatbot-close",
-						children: /* @__PURE__ */ w(S, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ B(Le, { className: "h-4 w-4" })
 					})]
 				})
 			]
-		}), /* @__PURE__ */ w("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "flex-1 overflow-hidden",
 			children: i
 		})]
 	});
 }
 //#endregion
-//#region src/ChatbotEnhanced.tsx
-function K({ content: e, enableMarkdown: t }) {
-	return t ? /* @__PURE__ */ w("div", {
-		className: "prose prose-sm dark:prose-invert max-w-none",
-		children: /* @__PURE__ */ w(A, {
-			remarkPlugins: [N],
-			components: {
-				code({ node: e, inline: t, className: n, children: r, ...i }) {
-					let a = /language-(\w+)/.exec(n || "");
-					return !t && a ? /* @__PURE__ */ w(j, {
-						style: M,
-						language: a[1],
-						PreTag: "div",
-						className: "rounded-md my-2",
-						...i,
-						children: String(r).replace(/\n$/, "")
-					}) : /* @__PURE__ */ w("code", {
-						className: f("bg-muted px-1 py-0.5 rounded text-sm", n),
-						...i,
-						children: r
-					});
-				},
-				p: ({ children: e }) => /* @__PURE__ */ w("p", {
-					className: "mb-2 last:mb-0",
-					children: e
-				}),
-				ul: ({ children: e }) => /* @__PURE__ */ w("ul", {
-					className: "list-disc pl-4 mb-2",
-					children: e
-				}),
-				ol: ({ children: e }) => /* @__PURE__ */ w("ol", {
-					className: "list-decimal pl-4 mb-2",
-					children: e
-				}),
-				li: ({ children: e }) => /* @__PURE__ */ w("li", {
-					className: "mb-1",
-					children: e
-				}),
-				a: ({ href: e, children: t }) => /* @__PURE__ */ w("a", {
-					href: e,
-					className: "text-primary hover:underline",
-					target: "_blank",
-					rel: "noopener noreferrer",
-					children: t
-				}),
-				blockquote: ({ children: e }) => /* @__PURE__ */ w("blockquote", {
-					className: "border-l-4 border-primary pl-4 italic my-2 text-muted-foreground",
-					children: e
-				}),
-				table: ({ children: e }) => /* @__PURE__ */ w("div", {
-					className: "overflow-x-auto my-2",
-					children: /* @__PURE__ */ w("table", {
-						className: "min-w-full divide-y divide-border",
-						children: e
+//#region src/elements/conversation.tsx
+var st = ({ className: e, ...t }) => /* @__PURE__ */ B(Ue, {
+	className: I("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),
+	...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),
+	...a,
+	children: i ?? /* @__PURE__ */ V(z, { children: [r && /* @__PURE__ */ B("div", {
+		className: "text-muted-foreground",
+		children: r
+	}), /* @__PURE__ */ V("div", {
+		className: "space-y-1",
+		children: [/* @__PURE__ */ B("h3", {
+			className: "font-medium text-sm",
+			children: t
+		}), n && /* @__PURE__ */ B("p", {
+			className: "text-muted-foreground text-sm",
+			children: n
+		})]
+	})] })
+}), ut = ({ className: e, ...t }) => {
+	let { isAtBottom: n, scrollToBottom: r } = We(), i = o(() => {
+		r();
+	}, [r]);
+	return !n && /* @__PURE__ */ B(g, {
+		className: I("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" })
+	});
+}, 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", {
+	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", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": t,
+		className: I(dt({ 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),
+		...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),
+	...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),
+	...n,
+	children: e
+}), gt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ B("div", {
+	className: I("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, {
+		size: i,
+		type: "button",
+		variant: r,
+		...a,
+		children: [t, /* @__PURE__ */ B("span", {
+			className: "sr-only",
+			children: n || e
+		})]
+	});
+	return e ? /* @__PURE__ */ B(le, { children: /* @__PURE__ */ V(se, { children: [/* @__PURE__ */ B(ue, {
+		asChild: !0,
+		children: o
+	}), /* @__PURE__ */ B(ce, { children: /* @__PURE__ */ B("p", { children: e }) })] }) }) : o;
+}, _t = r(null), J = () => {
+	let e = s(_t);
+	if (!e) throw Error("MessageBranch components must be used within MessageBranch");
+	return e;
+}, vt = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
+	let [i, a] = d(e), [o, s] = d([]), c = (e) => {
+		a(e), t?.(e);
+	}, l = {
+		currentBranch: i,
+		totalBranches: o.length,
+		goToPrevious: () => {
+			c(i > 0 ? i - 1 : o.length - 1);
+		},
+		goToNext: () => {
+			c(i < o.length - 1 ? i + 1 : 0);
+		},
+		branches: o,
+		setBranches: s
+	};
+	return /* @__PURE__ */ B(_t.Provider, {
+		value: l,
+		children: /* @__PURE__ */ B("div", {
+			className: I("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];
+	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"),
+		...t,
+		children: e
+	}, e.key));
+}, bt = ({ className: e, from: t, ...n }) => {
+	let { totalBranches: r } = J();
+	return r <= 1 ? null : /* @__PURE__ */ B(ft, {
+		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, {
+		"aria-label": "Previous branch",
+		disabled: r <= 1,
+		onClick: n,
+		size: "icon",
+		type: "button",
+		variant: "ghost",
+		...t,
+		children: e ?? /* @__PURE__ */ B(ve, { size: 14 })
+	});
+}, St = ({ children: e, className: t, ...n }) => {
+	let { goToNext: r, totalBranches: i } = J();
+	return /* @__PURE__ */ B(g, {
+		"aria-label": "Next branch",
+		disabled: i <= 1,
+		onClick: r,
+		size: "icon",
+		type: "button",
+		variant: "ghost",
+		...n,
+		children: e ?? /* @__PURE__ */ B(ye, { 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),
+		...t,
+		children: [
+			n + 1,
+			" of ",
+			r
+		]
+	});
+}, wt = a(({ className: e, ...t }) => /* @__PURE__ */ B(Ke, {
+	className: I("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 }) {
+	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),
+		...r,
+		children: a ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("img", {
+			alt: i || "attachment",
+			className: "size-full object-cover",
+			height: 100,
+			src: e.url,
+			width: 100
+		}), n && /* @__PURE__ */ V(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) => {
+				e.stopPropagation(), n();
+			},
+			type: "button",
+			variant: "ghost",
+			children: [/* @__PURE__ */ B(R, {}), /* @__PURE__ */ B("span", {
+				className: "sr-only",
+				children: "Remove"
+			})]
+		})] }) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V(se, { children: [/* @__PURE__ */ B(ue, {
+			asChild: !0,
+			children: /* @__PURE__ */ B("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" })
+			})
+		}), /* @__PURE__ */ B(ce, { children: /* @__PURE__ */ B("p", { children: o }) })] }), n && /* @__PURE__ */ V(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) => {
+				e.stopPropagation(), n();
+			},
+			type: "button",
+			variant: "ghost",
+			children: [/* @__PURE__ */ B(R, {}), /* @__PURE__ */ B("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),
+		...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),
+	...n,
+	children: t
+});
+//#endregion
+//#region src/elements/ui/input-group.tsx
+function Ot({ className: e, ...t }) {
+	return /* @__PURE__ */ B("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),
+		...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", {
+	variants: { align: {
+		"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+		"inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+		"block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
+		"block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function At({ className: e, align: t = "inline-start", ...n }) {
+	return /* @__PURE__ */ B("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": t,
+		className: I(kt({ 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", {
+	variants: { size: {
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+function Mt({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
+	return /* @__PURE__ */ B(g, {
+		type: t,
+		"data-size": r,
+		variant: n,
+		className: I(jt({ size: r }), e),
+		...i
+	});
+}
+function Nt({ className: e, ...t }) {
+	return /* @__PURE__ */ B(oe, {
+		"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),
+		...t
+	});
+}
+//#endregion
+//#region src/elements/prompt-input.tsx
+var Y = r(null), X = r(null), Pt = () => {
+	let e = s(Y);
+	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
+	return e;
+}, Ft = () => s(Y), It = () => {
+	let e = s(X);
+	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
+	return e;
+}, Lt = () => s(X);
+function Rt({ 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(),
+			type: "file",
+			url: URL.createObjectURL(e),
+			mediaType: e.type,
+			filename: e.name
+		}))));
+	}, []), h = o((e) => {
+		s((t) => {
+			let n = t.find((t) => t.id === e);
+			return n?.url && URL.revokeObjectURL(n.url), t.filter((t) => t.id !== e);
+		});
+	}, []), g = o(() => {
+		s((e) => {
+			for (let t of e) t.url && URL.revokeObjectURL(t.url);
+			return [];
+		});
+	}, []), _ = u(a);
+	_.current = a, c(() => () => {
+		for (let e of _.current) e.url && URL.revokeObjectURL(e.url);
+	}, []);
+	let v = o(() => {
+		p.current?.();
+	}, []), y = l(() => ({
+		files: a,
+		add: m,
+		remove: h,
+		clear: g,
+		openFileDialog: v,
+		fileInputRef: f
+	}), [
+		a,
+		m,
+		h,
+		g,
+		v
+	]), b = o((e, t) => {
+		f.current = e.current, p.current = t;
+	}, []), x = l(() => ({
+		textInput: {
+			value: n,
+			setInput: r,
+			clear: i
+		},
+		attachments: y,
+		__registerFileInput: b
+	}), [
+		n,
+		i,
+		y,
+		b
+	]);
+	return /* @__PURE__ */ B(Y.Provider, {
+		value: x,
+		children: /* @__PURE__ */ B(X.Provider, {
+			value: y,
+			children: t
+		})
+	});
+}
+var zt = r(null), Z = () => {
+	let e = Lt(), t = s(zt), 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 }) {
+	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, {
+		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),
+			...n,
+			children: [/* @__PURE__ */ V("div", {
+				className: "relative size-5 shrink-0",
+				children: [/* @__PURE__ */ B("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", {
+						alt: i || "attachment",
+						className: "size-5 object-cover",
+						height: 20,
+						src: e.url,
+						width: 20
+					}) : /* @__PURE__ */ B("div", {
+						className: "flex size-5 items-center justify-center text-muted-foreground",
+						children: /* @__PURE__ */ B(je, { className: "size-3" })
 					})
-				}),
-				th: ({ children: e }) => /* @__PURE__ */ w("th", {
-					className: "px-3 py-2 text-left text-xs font-medium uppercase tracking-wider bg-muted",
-					children: e
-				}),
-				td: ({ children: e }) => /* @__PURE__ */ w("td", {
-					className: "px-3 py-2 text-sm border-t border-border",
-					children: e
+				}), /* @__PURE__ */ V(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) => {
+						t.stopPropagation(), r.remove(e.id);
+					},
+					type: "button",
+					variant: "ghost",
+					children: [/* @__PURE__ */ B(R, {}), /* @__PURE__ */ B("span", {
+						className: "sr-only",
+						children: "Remove"
+					})]
+				})]
+			}), /* @__PURE__ */ B("span", {
+				className: "flex-1 truncate",
+				children: o
+			})]
+		}, e.id)
+	}), /* @__PURE__ */ B(ln, {
+		className: "w-auto p-2",
+		children: /* @__PURE__ */ V("div", {
+			className: "w-auto space-y-3",
+			children: [a && /* @__PURE__ */ B("div", {
+				className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
+				children: /* @__PURE__ */ B("img", {
+					alt: i || "attachment preview",
+					className: "max-h-full max-w-full object-contain",
+					height: 384,
+					src: e.url,
+					width: 448
 				})
-			},
-			children: e
+			}), /* @__PURE__ */ B("div", {
+				className: "flex items-center gap-2.5",
+				children: /* @__PURE__ */ V("div", {
+					className: "min-w-0 flex-1 space-y-1 px-0.5",
+					children: [/* @__PURE__ */ B("h4", {
+						className: "truncate font-semibold text-sm leading-none",
+						children: i || (a ? "Image" : "Attachment")
+					}), e.mediaType && /* @__PURE__ */ B("p", {
+						className: "truncate font-mono text-muted-foreground text-xs",
+						children: e.mediaType
+					})]
+				})
+			})]
 		})
-	}) : /* @__PURE__ */ w("div", {
-		className: "whitespace-pre-wrap",
-		children: e
+	})] });
+}
+function Vt({ 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),
+		...r,
+		children: i.files.map((t) => /* @__PURE__ */ B(n, { children: e(t) }, t.id))
+	}) : null;
+}
+var Ht = ({ label: e = "Add photos or files", ...t }) => {
+	let n = Z();
+	return /* @__PURE__ */ V(k, {
+		...t,
+		onSelect: (e) => {
+			e.preventDefault(), n.openFileDialog();
+		},
+		children: [
+			/* @__PURE__ */ B(Te, { 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);
+	C.current = S;
+	let w = o(() => {
+		v.current?.click();
+	}, []), T = o((e) => !t || t.trim() === "" ? !0 : t.split(",").map((e) => e.trim()).filter(Boolean).some((t) => {
+		if (t.endsWith("/*")) {
+			let n = t.slice(0, -1);
+			return e.type.startsWith(n);
+		}
+		return e.type === t;
+	}), [t]), E = o((e) => {
+		let t = Array.from(e), n = t.filter((e) => T(e));
+		if (t.length && n.length === 0) {
+			f?.({
+				code: "accept",
+				message: "No files match the accepted types."
+			});
+			return;
+		}
+		let r = n.filter((e) => s ? e.size <= s : !0);
+		if (n.length > 0 && r.length === 0) {
+			f?.({
+				code: "max_file_size",
+				message: "All files exceed the maximum size."
+			});
+			return;
+		}
+		x((e) => {
+			let t = typeof a == "number" ? Math.max(0, a - e.length) : void 0, n = typeof t == "number" ? r.slice(0, t) : r;
+			typeof t == "number" && r.length > t && f?.({
+				code: "max_files",
+				message: "Too many files. Some were not added."
+			});
+			let i = [];
+			for (let e of n) i.push({
+				id: qe(),
+				type: "file",
+				url: URL.createObjectURL(e),
+				mediaType: e.type,
+				filename: e.name
+			});
+			return e.concat(i);
+		});
+	}, [
+		T,
+		a,
+		s,
+		f
+	]), D = o((e) => x((t) => {
+		let n = t.find((t) => t.id === e);
+		return n?.url && URL.revokeObjectURL(n.url), t.filter((t) => t.id !== e);
+	}), []), O = o(() => x((e) => {
+		for (let t of e) t.url && URL.revokeObjectURL(t.url);
+		return [];
+	}), []), k = _ ? g.attachments.add : E, A = _ ? g.attachments.remove : D, j = _ ? g.attachments.clear : O, M = _ ? g.attachments.openFileDialog : w;
+	c(() => {
+		_ && g.__registerFileInput(v, () => v.current?.click());
+	}, [_, g]), c(() => {
+		i && v.current && S.length === 0 && (v.current.value = "");
+	}, [S, i]), c(() => {
+		let e = y.current;
+		if (!e || r) return;
+		let t = (e) => {
+			e.dataTransfer?.types?.includes("Files") && e.preventDefault();
+		}, n = (e) => {
+			e.dataTransfer?.types?.includes("Files") && e.preventDefault(), e.dataTransfer?.files && e.dataTransfer.files.length > 0 && k(e.dataTransfer.files);
+		};
+		return e.addEventListener("dragover", t), e.addEventListener("drop", n), () => {
+			e.removeEventListener("dragover", t), e.removeEventListener("drop", n);
+		};
+	}, [k, r]), c(() => {
+		if (!r) return;
+		let e = (e) => {
+			e.dataTransfer?.types?.includes("Files") && e.preventDefault();
+		}, t = (e) => {
+			e.dataTransfer?.types?.includes("Files") && e.preventDefault(), e.dataTransfer?.files && e.dataTransfer.files.length > 0 && k(e.dataTransfer.files);
+		};
+		return document.addEventListener("dragover", e), document.addEventListener("drop", t), () => {
+			document.removeEventListener("dragover", e), document.removeEventListener("drop", t);
+		};
+	}, [k, r]), c(() => () => {
+		if (!_) for (let e of C.current) e.url && URL.revokeObjectURL(e.url);
+	}, [_]);
+	let N = (e) => {
+		e.currentTarget.files && k(e.currentTarget.files), e.currentTarget.value = "";
+	}, ee = async (e) => {
+		try {
+			let t = await (await fetch(e)).blob();
+			return new Promise((e) => {
+				let n = new FileReader();
+				n.onloadend = () => e(n.result), n.onerror = () => e(null), n.readAsDataURL(t);
+			});
+		} catch {
+			return null;
+		}
+	}, P = l(() => ({
+		files: S.map((e) => ({
+			...e,
+			id: e.id
+		})),
+		add: k,
+		remove: A,
+		clear: j,
+		openFileDialog: M,
+		fileInputRef: v
+	}), [
+		S,
+		k,
+		A,
+		j,
+		M
+	]), F = /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("input", {
+		accept: t,
+		"aria-label": "Upload files",
+		className: "hidden",
+		multiple: n,
+		onChange: N,
+		ref: v,
+		title: "Upload files",
+		type: "file"
+	}), /* @__PURE__ */ B("form", {
+		className: I("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);
+					return {
+						...t,
+						url: e ?? t.url
+					};
+				}
+				return t;
+			})).then((t) => {
+				try {
+					let r = p({
+						text: n,
+						files: t
+					}, e);
+					r instanceof Promise ? r.then(() => {
+						j(), _ && g.textInput.clear();
+					}).catch(() => {}) : (j(), _ && g.textInput.clear());
+				} catch {}
+			}).catch(() => {});
+		},
+		ref: y,
+		...h,
+		children: /* @__PURE__ */ B(Ot, {
+			className: "overflow-hidden",
+			children: m
+		})
+	})] });
+	return _ ? F : /* @__PURE__ */ B(zt.Provider, {
+		value: P,
+		children: F
 	});
+}, Wt = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
+	className: I("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) => {
+		if (e.key === "Enter") {
+			if (o || e.nativeEvent.isComposing || e.shiftKey) return;
+			e.preventDefault();
+			let t = e.currentTarget.form;
+			if (t?.querySelector("button[type=\"submit\"]")?.disabled) return;
+			t?.requestSubmit();
+		}
+		if (e.key === "Backspace" && e.currentTarget.value === "" && a.files.length > 0) {
+			e.preventDefault();
+			let t = a.files[a.files.length - 1];
+			t && a.remove(t.id);
+		}
+	}, l = (e) => {
+		let t = e.clipboardData?.items;
+		if (!t) return;
+		let n = [];
+		for (let e of t) if (e.kind === "file") {
+			let t = e.getAsFile();
+			t && n.push(t);
+		}
+		n.length > 0 && (e.preventDefault(), a.add(n));
+	}, u = i ? {
+		value: i.textInput.value,
+		onChange: (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),
+		name: "message",
+		onCompositionEnd: () => s(!1),
+		onCompositionStart: () => s(!0),
+		onKeyDown: c,
+		onPaste: l,
+		placeholder: n,
+		...r,
+		...u
+	});
+}, Kt = ({ className: e, ...t }) => /* @__PURE__ */ B(At, {
+	align: "block-end",
+	className: I("order-first flex-wrap gap-1", e),
+	...t
+}), qt = ({ className: e, ...t }) => /* @__PURE__ */ B(At, {
+	align: "block-end",
+	className: I("justify-between gap-1", e),
+	...t
+}), Jt = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
+	className: I("flex items-center gap-1", e),
+	...t
+}), Q = ({ 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),
+		size: a,
+		type: "button",
+		variant: e,
+		...i
+	});
+}, Yt = (e) => /* @__PURE__ */ B(D, { ...e }), Xt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ B(A, {
+	asChild: !0,
+	children: /* @__PURE__ */ B(Q, {
+		className: e,
+		...n,
+		children: t ?? /* @__PURE__ */ B(Me, { className: "size-4" })
+	})
+}), Zt = ({ className: e, ...t }) => /* @__PURE__ */ B(O, {
+	align: "start",
+	className: I(e),
+	...t
+}), Qt = ({ className: e, ...t }) => /* @__PURE__ */ B(k, {
+	className: I(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, {
+		"aria-label": "Submit",
+		className: I(e),
+		size: n,
+		type: "submit",
+		variant: t,
+		...a,
+		children: i ?? o
+	});
+}, en = ({ 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)) {
+			let e = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
+			e.continuous = !0, e.interimResults = !0, e.lang = "en-US", e.onstart = () => {
+				a(!0);
+			}, e.onend = () => {
+				a(!1);
+			}, e.onresult = (e) => {
+				let r = "";
+				for (let t = e.resultIndex; t < e.results.length; t++) {
+					let n = e.results[t];
+					n.isFinal && (r += n[0]?.transcript ?? "");
+				}
+				if (r && t?.current) {
+					let e = t.current, i = e.value, a = i + (i ? " " : "") + r;
+					e.value = a, e.dispatchEvent(new Event("input", { bubbles: !0 })), n?.(a);
+				}
+			}, e.onerror = (e) => {
+				console.error("Speech recognition error:", e.error), a(!1);
+			}, f.current = e, l(e);
+		}
+		return () => {
+			f.current && f.current.stop();
+		};
+	}, [t, n]);
+	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),
+		disabled: !s,
+		onClick: p,
+		...r,
+		children: /* @__PURE__ */ B(ke, { 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),
+	...t
+}), rn = ({ className: e, ...t }) => /* @__PURE__ */ B(ne, {
+	className: I(e),
+	...t
+}), an = ({ className: e, ...t }) => /* @__PURE__ */ B(re, {
+	className: I(e),
+	...t
+}), on = ({ className: e, ...t }) => /* @__PURE__ */ B(ae, {
+	className: I(e),
+	...t
+}), sn = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ B(j, {
+	closeDelay: t,
+	openDelay: e,
+	...n
+}), cn = (e) => /* @__PURE__ */ B(N, { ...e }), ln = ({ align: e = "start", ...t }) => /* @__PURE__ */ B(M, {
+	align: e,
+	...t
+}), un = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
+	className: I(e),
+	...t
+}), dn = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
+	className: I(e),
+	...t
+}), fn = ({ className: e, ...t }) => /* @__PURE__ */ B("h3", {
+	className: I("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),
+	...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),
+	...t
+}), hn = ({ className: e, ...t }) => /* @__PURE__ */ B(b, {
+	className: I(e),
+	...t
+}), gn = ({ className: e, ...t }) => /* @__PURE__ */ B(C, {
+	className: I(e),
+	...t
+}), _n = ({ className: e, ...t }) => /* @__PURE__ */ B(T, {
+	className: I(e),
+	...t
+}), vn = ({ className: e, ...t }) => /* @__PURE__ */ B(x, {
+	className: I(e),
+	...t
+}), yn = ({ className: e, ...t }) => /* @__PURE__ */ B(S, {
+	className: I(e),
+	...t
+}), bn = ({ className: e, ...t }) => /* @__PURE__ */ B(w, {
+	className: I(e),
+	...t
+}), xn = ({ className: e, ...t }) => /* @__PURE__ */ B(E, {
+	className: I(e),
+	...t
+}), Sn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ V(P, {
+	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: t
+	}), /* @__PURE__ */ B(F, {
+		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),
+	onClick: () => {
+		t?.(e);
+	},
+	size: i,
+	type: "button",
+	variant: r,
+	...o,
+	children: a || e
+}), wn = r({ code: "" }), Tn = {
+	name: "line-numbers",
+	line(e, t) {
+		e.children.unshift({
+			type: "element",
+			tagName: "span",
+			properties: { className: [
+				"inline-block",
+				"min-w-10",
+				"mr-4",
+				"text-right",
+				"select-none",
+				"text-muted-foreground"
+			] },
+			children: [{
+				type: "text",
+				value: String(t)
+			}]
+		});
+	}
+};
+async function En(e, t, n = !1) {
+	let r = n ? [Tn] : [];
+	return await Promise.all([Je(e, {
+		lang: t,
+		theme: "one-light",
+		transformers: r
+	}), Je(e, {
+		lang: t,
+		theme: "one-dark-pro",
+		transformers: r
+	})]);
 }
-var q = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, onClear: a, onStop: m, onReload: h, disabled: g = !1, isLoading: E = !1, error: D, showTimestamp: O = !1, userAvatarUrl: k, userAvatarFallback: A = "You", assistantAvatarUrl: j, assistantAvatarFallback: M = "AI", maxHeight: N = "500px", enableMarkdown: P = !0, enableFileUpload: F = !1, acceptedFileTypes: I = "image/*,.pdf,.doc,.docx,.txt", maxFileSize: L = 10 * 1024 * 1024, ...R }, z) => {
-	let [B, V] = e.useState(""), [H, U] = e.useState([]), W = e.useRef(null), G = e.useRef(null), q = e.useRef(null);
-	e.useEffect(() => {
-		if (W.current) {
-			let e = W.current.querySelector("[data-radix-scroll-area-viewport]");
-			e && (e.scrollTop = e.scrollHeight);
+var $ = ({ 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]) => {
+		p.current ||= (s(e), f(t), !0);
+	}), () => {
+		p.current = !1;
+	}), [
+		e,
+		t,
+		n
+	]), /* @__PURE__ */ B(wn.Provider, {
+		value: { code: e },
+		children: /* @__PURE__ */ B("div", {
+			className: I("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
+			...a,
+			children: /* @__PURE__ */ V("div", {
+				className: "relative",
+				children: [
+					/* @__PURE__ */ B("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", {
+						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", {
+						className: "absolute top-2 right-2 flex items-center gap-2",
+						children: i
+					})
+				]
+			})
+		})
+	});
+}, Dn = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
+	let [o, c] = d(!1), { code: l } = s(wn), u = async () => {
+		if (typeof window > "u" || !navigator?.clipboard?.writeText) {
+			t?.(/* @__PURE__ */ Error("Clipboard API not available"));
+			return;
 		}
-	}, [n]);
-	let J = () => {
-		(B.trim() || H.length > 0) && i && (i(B.trim(), H), V(""), U([]), G.current?.focus());
-	}, Y = g || E, X = Y || !B.trim() && H.length === 0, Z = (e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), J());
-	}, Q = (e) => {
-		let t = Array.from(e.target.files || []), n = t.filter((e) => e.size > L ? (console.warn(`File ${e.name} exceeds ${L / 1024 / 1024}MB limit`), !1) : I.split(",").map((e) => e.trim()).some((t) => {
-			if (t.startsWith(".")) return e.name.toLowerCase().endsWith(t.toLowerCase());
-			if (t.endsWith("/*")) {
-				let n = t.split("/")[0];
-				return e.type.startsWith(n + "/");
-			}
-			return e.type === t;
-		}) ? !0 : (console.warn(`File ${e.name} type ${e.type} not accepted`), !1));
-		n.length < t.length && console.warn(`${t.length - n.length} file(s) were rejected`), U((e) => [...e, ...n]);
-	}, $ = (e) => {
-		U((t) => t.filter((t, n) => n !== e));
-	}, ee = () => {
-		a && a();
-	};
-	return /* @__PURE__ */ T("div", {
-		ref: z,
-		className: f("flex flex-col border rounded-lg bg-background overflow-hidden", t),
-		style: { maxHeight: N },
-		...R,
+		try {
+			await navigator.clipboard.writeText(l), c(!0), e?.(), setTimeout(() => c(!1), n);
+		} catch (e) {
+			t?.(e);
+		}
+	}, f = o ? _e : Ce;
+	return /* @__PURE__ */ B(g, {
+		className: I("shrink-0", i),
+		onClick: u,
+		size: "icon",
+		variant: "ghost",
+		...a,
+		children: r ?? /* @__PURE__ */ B(f, { size: 14 })
+	});
+}, On = ({ className: e, ...t }) => /* @__PURE__ */ B(_, {
+	className: I("not-prose mb-4 w-full rounded-md border", e),
+	...t
+}), kn = (e) => /* @__PURE__ */ V(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" })
+	}[e], {
+		"input-streaming": "Pending",
+		"input-available": "Running",
+		"approval-requested": "Awaiting Approval",
+		"approval-responded": "Responded",
+		"output-available": "Completed",
+		"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),
+	...i,
+	children: [/* @__PURE__ */ V("div", {
+		className: "flex items-center gap-2",
 		children: [
-			a && n.length > 0 && /* @__PURE__ */ T("div", {
+			/* @__PURE__ */ B(Ie, { className: "size-4 text-muted-foreground" }),
+			/* @__PURE__ */ B("span", {
+				className: "font-medium text-sm",
+				children: t ?? n.split("-").slice(1).join("-")
+			}),
+			kn(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),
+	...t
+}), Mn = ({ className: e, input: t, ...n }) => /* @__PURE__ */ V("div", {
+	className: I("space-y-2 overflow-hidden p-4", e),
+	...n,
+	children: [/* @__PURE__ */ B("h4", {
+		className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
+		children: "Parameters"
+	}), /* @__PURE__ */ B("div", {
+		className: "rounded-md bg-muted/50",
+		children: /* @__PURE__ */ B($, {
+			code: JSON.stringify(t, null, 2),
+			language: "json"
+		})
+	})]
+}), Nn = ({ 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($, {
+		code: JSON.stringify(t, null, 2),
+		language: "json"
+	}) : typeof t == "string" && (a = /* @__PURE__ */ B($, {
+		code: t,
+		language: "json"
+	})), /* @__PURE__ */ V("div", {
+		className: I("space-y-2 p-4", e),
+		...r,
+		children: [/* @__PURE__ */ B("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]
+		})]
+	});
+}, 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, {
+		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),
+		initial: { backgroundPosition: "100% center" },
+		style: {
+			"--spread": `${o}px`,
+			backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
+		},
+		transition: {
+			repeat: Infinity,
+			duration: r,
+			ease: "linear"
+		},
+		children: e
+	});
+}), Fn = r(null), In = () => {
+	let e = s(Fn);
+	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({
+		prop: n,
+		defaultProp: r,
+		onChange: i
+	}), [f, p] = Ye({
+		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,
+		p
+	]), c(() => {
+		if (r && !t && l && !m) {
+			let e = setTimeout(() => {
+				u(!1), h(!0);
+			}, Ln);
+			return () => clearTimeout(e);
+		}
+	}, [
+		t,
+		l,
+		r,
+		u,
+		m
+	]), /* @__PURE__ */ B(Fn.Provider, {
+		value: {
+			isStreaming: t,
+			isOpen: l,
+			setIsOpen: u,
+			duration: f
+		},
+		children: /* @__PURE__ */ B(_, {
+			className: I("not-prose mb-4", e),
+			onOpenChange: (e) => {
+				u(e);
+			},
+			open: l,
+			...s,
+			children: o
+		})
+	});
+}), Bn = (e, t) => e || t === 0 ? /* @__PURE__ */ B(Pn, {
+	duration: 1,
+	children: "Thinking..."
+}) : t === void 0 ? /* @__PURE__ */ B("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ V("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),
+		...r,
+		children: t ?? /* @__PURE__ */ V(z, { children: [
+			/* @__PURE__ */ B(me, { className: "size-4" }),
+			n(i, o),
+			/* @__PURE__ */ B(L, { className: I("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),
+	...n,
+	children: /* @__PURE__ */ B(Ke, {
+		...n,
+		children: t
+	})
+}));
+zn.displayName = "Reasoning", Vn.displayName = "ReasoningTrigger", Hn.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),
+	...t
+}), Wn = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ B(y, {
+	className: I("flex items-center gap-2", e),
+	...r,
+	children: n ?? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("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),
+	...t
+}), Kn = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ B("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", {
+		className: "block font-medium",
+		children: t
+	})] })
+});
+//#endregion
+//#region src/ChatbotEnhanced.tsx
+function qn(e, t) {
+	return t ? "error" : e ? "streaming" : "ready";
+}
+function Jn(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) => {
+		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?.(e);
+	}, [i]), M = e.useCallback((e) => {
+		navigator.clipboard?.writeText(e.content), k(e.id), window.setTimeout(() => k((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),
+		style: { maxHeight: g },
+		...T,
+		children: [
+			a && n.length > 0 && /* @__PURE__ */ V("div", {
 				className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30",
-				children: [/* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ V("span", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
 						" message",
 						n.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ T(l, {
-					variant: "ghost",
-					size: "sm",
-					onClick: ee,
-					className: "h-8 text-xs",
-					children: [/* @__PURE__ */ w(x, { className: "h-3 w-3 mr-1" }), "Clear"]
+				}), /* @__PURE__ */ B("button", {
+					type: "button",
+					onClick: a,
+					className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+					children: "Clear"
 				})]
 			}),
-			/* @__PURE__ */ w(d, {
-				ref: W,
-				className: "flex-1 p-4",
-				children: /* @__PURE__ */ w("div", {
-					className: "space-y-4",
-					children: n.length === 0 ? /* @__PURE__ */ w("div", {
-						className: "flex items-center justify-center h-32 text-muted-foreground text-sm",
-						children: "Start a conversation..."
-					}) : n.map((e) => /* @__PURE__ */ T("div", {
-						className: f("flex gap-3", e.role === "user" ? "justify-end" : "justify-start"),
-						children: [
-							e.role !== "user" && /* @__PURE__ */ T(o, {
-								className: "h-8 w-8 shrink-0",
-								children: [/* @__PURE__ */ w(c, { src: e.avatar || j }), /* @__PURE__ */ w(s, { children: e.avatarFallback || M })]
-							}),
-							/* @__PURE__ */ T("div", {
-								className: f("rounded-lg px-4 py-2 max-w-[80%]", e.role === "user" ? "bg-primary text-primary-foreground" : "bg-muted"),
-								children: [
-									/* @__PURE__ */ w(K, {
-										content: e.content,
-										enableMarkdown: P
-									}),
-									O && e.timestamp && /* @__PURE__ */ w("div", {
-										className: "text-xs opacity-70 mt-1",
-										children: e.timestamp
-									}),
-									e.streaming && /* @__PURE__ */ T("div", {
-										className: "flex gap-1 mt-2",
-										children: [
-											/* @__PURE__ */ w("div", {
-												className: "w-2 h-2 bg-current rounded-full animate-bounce",
-												style: { animationDelay: "0ms" }
-											}),
-											/* @__PURE__ */ w("div", {
-												className: "w-2 h-2 bg-current rounded-full animate-bounce",
-												style: { animationDelay: "150ms" }
-											}),
-											/* @__PURE__ */ w("div", {
-												className: "w-2 h-2 bg-current rounded-full animate-bounce",
-												style: { animationDelay: "300ms" }
-											})
-										]
-									})
-								]
-							}),
-							e.role === "user" && /* @__PURE__ */ T(o, {
-								className: "h-8 w-8 shrink-0",
-								children: [/* @__PURE__ */ w(c, { src: e.avatar || k }), /* @__PURE__ */ w(s, { children: e.avatarFallback || A })]
-							})
-						]
-					}, e.id))
-				})
-			}),
-			H.length > 0 && /* @__PURE__ */ w("div", {
-				className: "px-4 py-2 border-t bg-muted/30",
-				children: /* @__PURE__ */ w("div", {
-					className: "flex flex-wrap gap-2",
-					children: H.map((e, t) => /* @__PURE__ */ T("div", {
-						className: "flex items-center gap-2 bg-background border rounded px-2 py-1 text-xs",
-						children: [
-							/* @__PURE__ */ w(_, { className: "h-3 w-3" }),
-							/* @__PURE__ */ w("span", {
-								className: "max-w-[150px] truncate",
-								children: e.name
-							}),
-							/* @__PURE__ */ w(l, {
-								variant: "ghost",
-								size: "sm",
-								className: "h-4 w-4 p-0",
-								onClick: () => $(t),
-								children: /* @__PURE__ */ w(S, { className: "h-3 w-3" })
-							})
-						]
-					}, t))
-				})
+			/* @__PURE__ */ V(st, {
+				className: "flex-1 min-h-0",
+				children: [/* @__PURE__ */ B(ct, {
+					className: "space-y-4 px-4 py-3",
+					children: n.length === 0 ? /* @__PURE__ */ B(lt, {
+						title: "Start a conversation",
+						description: "Ask anything — the assistant has access to your current app context.",
+						children: x && x.length > 0 ? /* @__PURE__ */ B(Sn, {
+							className: "justify-center pt-2",
+							children: x.map((e) => /* @__PURE__ */ B(Cn, {
+								suggestion: e,
+								onClick: j
+							}, 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, {
+									isStreaming: !!e.streaming && !e.content,
+									className: "mb-2",
+									children: [/* @__PURE__ */ B(Vn, {}), /* @__PURE__ */ B(Hn, { 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, {
+										defaultOpen: t !== "output-available",
+										children: [/* @__PURE__ */ B(An, {
+											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
+										})] })]
+									}, e.toolCallId);
+								}) : null,
+								e.content,
+								e.streaming ? /* @__PURE__ */ B("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, {
+									href: e.url,
+									title: e.title ?? e.url
+								}, e.id ?? e.url ?? t)) })] }) : null,
+								d && e.timestamp ? /* @__PURE__ */ B("div", {
+									className: "text-[10px] opacity-70 mt-1",
+									children: e.timestamp
+								}) : null
+							] }), t ? null : /* @__PURE__ */ V(gt, { children: [
+								/* @__PURE__ */ B(q, {
+									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" })
+								}),
+								s ? /* @__PURE__ */ B(q, {
+									label: "Regenerate",
+									tooltip: "Regenerate",
+									onClick: s,
+									children: /* @__PURE__ */ B(Ne, { className: "size-3.5" })
+								}) : null,
+								e.traceId ? /* @__PURE__ */ B("a", {
+									href: `#trace/${e.traceId}`,
+									"data-trace-id": e.traceId,
+									className: "text-[10px] text-muted-foreground hover:text-foreground ml-1 underline",
+									title: "View trace",
+									children: "trace"
+								}) : null
+							] })]
+						}, e.id);
+					})
+				}), /* @__PURE__ */ B(ut, {})]
 			}),
-			D && /* @__PURE__ */ T("div", {
+			u ? /* @__PURE__ */ V("div", {
 				className: "flex items-center gap-2 px-4 py-2 border-t bg-destructive/10 text-destructive text-sm",
 				role: "alert",
 				children: [
-					/* @__PURE__ */ w(p, { className: "h-4 w-4 shrink-0" }),
-					/* @__PURE__ */ w("span", {
+					/* @__PURE__ */ B(de, { className: "h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ B("span", {
 						className: "flex-1 truncate",
-						children: D.message || "An error occurred"
+						children: u.message || "An error occurred"
 					}),
-					h && /* @__PURE__ */ T(l, {
-						variant: "ghost",
-						size: "sm",
-						onClick: h,
-						className: "h-7 text-xs",
-						"aria-label": "Retry",
-						children: [/* @__PURE__ */ w(v, { className: "h-3 w-3 mr-1" }), "Retry"]
-					})
+					s ? /* @__PURE__ */ B("button", {
+						type: "button",
+						onClick: s,
+						className: "text-xs underline hover:no-underline",
+						children: "Retry"
+					}) : null
 				]
-			}),
-			E && m && /* @__PURE__ */ w("div", {
-				className: "flex items-center justify-center px-4 py-2 border-t",
-				children: /* @__PURE__ */ T(l, {
-					variant: "outline",
-					size: "sm",
-					onClick: m,
-					className: "h-8 text-xs",
-					"aria-label": "Stop generating",
-					children: [/* @__PURE__ */ w(b, { className: "h-3 w-3 mr-1" }), "Stop generating"]
-				})
-			}),
-			/* @__PURE__ */ T("div", {
-				className: "flex items-center gap-2 p-4 border-t",
+			}) : null,
+			/* @__PURE__ */ V(Ut, {
+				accept: y,
+				maxFileSize: b,
+				onSubmit: A,
+				onError: (e) => {
+					console.warn("[plugin-chatbot] prompt-input error", e);
+				},
 				children: [
-					F && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("input", {
-						ref: q,
-						type: "file",
-						multiple: !0,
-						accept: I,
-						onChange: Q,
-						className: "hidden"
-					}), /* @__PURE__ */ w(l, {
-						variant: "ghost",
-						size: "icon",
-						onClick: () => q.current?.click(),
-						disabled: Y,
-						"aria-label": "Attach file",
-						children: /* @__PURE__ */ w(_, { className: "h-4 w-4" })
-					})] }),
-					/* @__PURE__ */ w(u, {
-						ref: G,
-						value: B,
-						onChange: (e) => V(e.target.value),
-						onKeyDown: Z,
+					v ? /* @__PURE__ */ B(Wt, { children: /* @__PURE__ */ B(Vt, { children: (e) => /* @__PURE__ */ B(Bt, { data: e }) }) }) : null,
+					/* @__PURE__ */ B(Gt, {
 						placeholder: r,
-						disabled: Y,
-						className: "flex-1"
+						disabled: c || D === "streaming"
 					}),
-					/* @__PURE__ */ w(l, {
-						onClick: J,
-						disabled: X,
-						size: "icon",
-						"aria-label": "Send message",
-						children: /* @__PURE__ */ w(y, { className: "h-4 w-4" })
-					})
+					/* @__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__ */ B("span", {
+				hidden: !0,
+				"data-avatar-user": f ?? p,
+				"data-avatar-assistant": m ?? h
 			})
 		]
 	});
 });
-q.displayName = "ChatbotEnhanced";
+Yn.displayName = "ChatbotEnhanced";
 //#endregion
 //#region src/FloatingChatbot.tsx
-function J({ floatingConfig: t, headerExtra: n, ...r }) {
+function Xn({ 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");
@@ -597,28 +1623,28 @@ function J({ floatingConfig: t, headerExtra: n, ...r }) {
 			e && e.parentNode && !e.hasChildNodes() && e.parentNode.removeChild(e);
 		};
 	}, []);
-	let f = /* @__PURE__ */ T(V, {
+	let f = /* @__PURE__ */ V(rt, {
 		defaultOpen: a,
-		children: [/* @__PURE__ */ w(W, {
+		children: [/* @__PURE__ */ B(at, {
 			position: i,
 			size: l
-		}), /* @__PURE__ */ w(G, {
+		}), /* @__PURE__ */ B(ot, {
 			title: c,
 			position: i,
 			width: o,
 			height: s,
 			headerExtra: n,
-			children: /* @__PURE__ */ w(q, {
+			children: /* @__PURE__ */ B(Yn, {
 				...r,
 				maxHeight: "100%",
 				className: "h-full border-0 rounded-none"
 			})
 		})]
 	});
-	return u ? O.createPortal(f, u) : f;
+	return u ? Ve.createPortal(f, u) : f;
 }
-P.register("chatbot", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, sendMessage: a } = L({
+U.register("chatbot", ({ schema: e, className: t, ...n }) => {
+	let { messages: r, isLoading: i, sendMessage: a } = G({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -635,7 +1661,7 @@ P.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ w(Y, {
+	return /* @__PURE__ */ B(er, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e) => {
@@ -783,8 +1809,8 @@ P.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), P.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 } = L({
+}), 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({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -801,7 +1827,7 @@ P.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ w(q, {
+	return /* @__PURE__ */ B(Yn, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e, t) => {
@@ -963,8 +1989,8 @@ P.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), P.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 } = L({
+}), 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({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -981,7 +2007,7 @@ P.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ w(J, {
+	return /* @__PURE__ */ B(Xn, {
 		floatingConfig: e.floatingConfig,
 		messages: r,
 		placeholder: e.placeholder,
@@ -1152,119 +2178,283 @@ P.register("chatbot", ({ schema: e, className: t, ...n }) => {
 	}
 });
 //#endregion
-//#region src/index.tsx
-var Y = 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: p, assistantAvatarFallback: m = "AI", maxHeight: h = "500px", ...g }, _) => {
-	let [v, b] = e.useState(""), x = e.useRef(null), S = e.useRef(null);
+//#region src/elements/loader.tsx
+var Zn = ({ size: e = 16 }) => /* @__PURE__ */ V("svg", {
+	height: e,
+	strokeLinejoin: "round",
+	style: { color: "currentcolor" },
+	viewBox: "0 0 16 16",
+	width: e,
+	children: [
+		/* @__PURE__ */ B("title", { children: "Loader" }),
+		/* @__PURE__ */ V("g", {
+			clipPath: "url(#clip0_2393_1490)",
+			children: [
+				/* @__PURE__ */ B("path", {
+					d: "M8 0V4",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ B("path", {
+					d: "M8 16V12",
+					opacity: "0.5",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ B("path", {
+					d: "M3.29773 1.52783L5.64887 4.7639",
+					opacity: "0.9",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ B("path", {
+					d: "M12.7023 1.52783L10.3511 4.7639",
+					opacity: "0.1",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ B("path", {
+					d: "M12.7023 14.472L10.3511 11.236",
+					opacity: "0.4",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ B("path", {
+					d: "M3.29773 14.472L5.64887 11.236",
+					opacity: "0.6",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ B("path", {
+					d: "M15.6085 5.52783L11.8043 6.7639",
+					opacity: "0.2",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ B("path", {
+					d: "M0.391602 10.472L4.19583 9.23598",
+					opacity: "0.7",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ B("path", {
+					d: "M15.6085 10.4722L11.8043 9.2361",
+					opacity: "0.3",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ B("path", {
+					d: "M0.391602 5.52783L4.19583 6.7639",
+					opacity: "0.8",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				})
+			]
+		}),
+		/* @__PURE__ */ B("defs", { children: /* @__PURE__ */ B("clipPath", {
+			id: "clip0_2393_1490",
+			children: /* @__PURE__ */ B("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),
+	...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,
+	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) => {
+	let [m, h] = e.useState(""), _ = e.useRef(null), v = e.useRef(null);
 	e.useEffect(() => {
-		if (x.current) {
-			let e = x.current.querySelector("[data-radix-scroll-area-viewport]");
+		if (_.current) {
+			let e = _.current.querySelector("[data-radix-scroll-area-viewport]");
 			e && (e.scrollTop = e.scrollHeight);
 		}
 	}, [n]);
-	let C = () => {
-		v.trim() && i && (i(v.trim()), b(""), S.current?.focus());
-	}, E = (e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), C());
+	let y = () => {
+		m.trim() && i && (i(m.trim()), h(""), v.current?.focus());
+	}, b = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), y());
 	};
-	return /* @__PURE__ */ T("div", {
-		ref: _,
-		className: f("flex flex-col border rounded-lg bg-background overflow-hidden", t),
-		style: { maxHeight: h },
-		...g,
-		children: [/* @__PURE__ */ w(d, {
-			ref: x,
+	return /* @__PURE__ */ V("div", {
+		ref: p,
+		className: I("flex flex-col border rounded-lg bg-background overflow-hidden", t),
+		style: { maxHeight: d },
+		...f,
+		children: [/* @__PURE__ */ B(P, {
+			ref: _,
 			className: "flex-1 p-4",
-			children: /* @__PURE__ */ w("div", {
+			children: /* @__PURE__ */ B("div", {
 				className: "space-y-4",
-				children: n.length === 0 ? /* @__PURE__ */ w("div", {
+				children: n.length === 0 ? /* @__PURE__ */ B("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__ */ w(X, {
+				}) : n.map((e) => /* @__PURE__ */ B(tr, {
 					message: e,
 					showTimestamp: o,
 					userAvatarUrl: s,
 					userAvatarFallback: c,
-					assistantAvatarUrl: p,
-					assistantAvatarFallback: m
+					assistantAvatarUrl: l,
+					assistantAvatarFallback: u
 				}, e.id))
 			})
-		}), /* @__PURE__ */ w("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "border-t p-4",
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ V("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ w(u, {
-					ref: S,
-					value: v,
-					onChange: (e) => b(e.target.value),
-					onKeyDown: E,
+				children: [/* @__PURE__ */ B(ee, {
+					ref: v,
+					value: m,
+					onChange: (e) => h(e.target.value),
+					onKeyDown: b,
 					placeholder: r,
 					disabled: a,
 					className: "flex-1"
-				}), /* @__PURE__ */ w(l, {
-					onClick: C,
-					disabled: a || !v.trim(),
+				}), /* @__PURE__ */ B(g, {
+					onClick: y,
+					disabled: a || !m.trim(),
 					size: "icon",
-					children: /* @__PURE__ */ w(y, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ B(Pe, { className: "h-4 w-4" })
 				})]
 			})
 		})]
 	});
 });
-Y.displayName = "Chatbot";
-var X = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
-	let l = e.role === "user";
-	if (e.role === "system") return /* @__PURE__ */ w("div", {
+er.displayName = "Chatbot";
+var tr = ({ 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", {
 		className: "flex justify-center",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "text-xs text-muted-foreground bg-muted px-3 py-1 rounded-full",
 			children: e.content
 		})
 	});
-	let u = l ? e.avatar || n : e.avatar || i, d = l ? e.avatarFallback || r : e.avatarFallback || a;
-	return /* @__PURE__ */ T("div", {
-		className: f("flex gap-3", l ? "flex-row-reverse" : "flex-row"),
-		children: [/* @__PURE__ */ T(o, {
+	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, {
 			className: "h-8 w-8",
-			children: [/* @__PURE__ */ w(c, { src: u }), /* @__PURE__ */ w(s, {
+			children: [/* @__PURE__ */ B(m, { src: s }), /* @__PURE__ */ B(p, {
 				className: "text-xs",
-				children: d
+				children: c
 			})]
-		}), /* @__PURE__ */ T("div", {
-			className: f("flex flex-col gap-1", l ? "items-end" : "items-start"),
-			children: [/* @__PURE__ */ w("div", {
-				className: f("rounded-lg px-4 py-2 max-w-[70%] break-words", l ? "bg-primary text-primary-foreground" : "bg-muted"),
-				children: /* @__PURE__ */ w("p", {
+		}), /* @__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", {
 					className: "text-sm whitespace-pre-wrap",
 					children: e.content
 				})
-			}), t && e.timestamp && /* @__PURE__ */ w("span", {
+			}), t && e.timestamp && /* @__PURE__ */ B("span", {
 				className: "text-xs text-muted-foreground",
 				children: e.timestamp
 			})]
 		})]
 	});
-}, Z = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ T("div", {
+}, nr = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ V("div", {
 	ref: i,
-	className: f("flex gap-3", e),
+	className: I("flex gap-3", e),
 	...r,
-	children: [/* @__PURE__ */ T(o, {
+	children: [/* @__PURE__ */ V(f, {
 		className: "h-8 w-8",
-		children: [/* @__PURE__ */ w(c, { src: t }), /* @__PURE__ */ w(s, {
+		children: [/* @__PURE__ */ B(m, { src: t }), /* @__PURE__ */ B(p, {
 			className: "text-xs",
 			children: n
 		})]
-	}), /* @__PURE__ */ w("div", {
+	}), /* @__PURE__ */ B("div", {
 		className: "flex items-center bg-muted rounded-lg px-4 py-2",
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ V("div", {
 			className: "flex gap-1",
 			children: [
-				/* @__PURE__ */ w("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]" }),
-				/* @__PURE__ */ w("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]" }),
-				/* @__PURE__ */ w("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce" })
+				/* @__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" })
 			]
 		})
 	})]
 }));
-Z.displayName = "TypingIndicator";
+nr.displayName = "TypingIndicator";
 //#endregion
-export { Y as Chatbot, J as FloatingChatbot, G as FloatingChatbotPanel, V as FloatingChatbotProvider, W as FloatingChatbotTrigger, Z as TypingIndicator, z as useAgents, H as useFloatingChatbot, L as useObjectChat };
+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 };