@object-ui/plugin-chatbot 5.4.1 → 6.0.0

package/dist/index.js

@@ -1,38 +1,109 @@
 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 { Alert as f, AlertDescription as p, Avatar as m, AvatarFallback as h, AvatarImage as g, Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, Collapsible as w, CollapsibleContent as T, CollapsibleTrigger as E, Command as D, CommandEmpty as O, CommandGroup as k, CommandInput as A, CommandItem as j, CommandList as M, CommandSeparator as N, DropdownMenu as P, DropdownMenuContent as F, DropdownMenuItem as I, DropdownMenuTrigger as L, Empty as ee, EmptyDescription as te, EmptyHeader as ne, EmptyMedia as re, EmptyTitle as ie, HoverCard as R, HoverCardContent as ae, HoverCardTrigger as z, Input as oe, Label as B, ScrollArea as se, ScrollBar as ce, Select as le, SelectContent as ue, SelectItem as de, SelectTrigger as fe, SelectValue as pe, Separator as me, Sheet as he, SheetContent as ge, SheetDescription as _e, SheetHeader as ve, SheetTitle as ye, Skeleton as be, Table as xe, TableBody as Se, TableCell as V, TableHead as H, TableHeader as Ce, TableRow as we, Tabs as Te, TabsList as Ee, TabsTrigger as De, Textarea as Oe, Tooltip as ke, TooltipContent as Ae, TooltipProvider as je, TooltipTrigger as Me, cn as U } from "@object-ui/components";
+import { AlertCircle as Ne, ArrowDownIcon as Pe, BookIcon as Fe, Bot as Ie, BrainIcon as Le, Check as Re, CheckCircle2 as ze, CheckCircleIcon as Be, CheckIcon as Ve, ChevronDownIcon as He, ChevronLeftIcon as Ue, ChevronRightIcon as We, CircleIcon as Ge, Clock as Ke, ClockIcon as qe, Copy as Je, CopyIcon as Ye, CornerDownLeftIcon as Xe, Eye as Ze, ImageIcon as Qe, Inbox as $e, Loader2Icon as et, Maximize2 as tt, MessageCircle as nt, MicIcon as rt, Minimize2 as it, PaperclipIcon as at, PlusIcon as ot, RefreshCw as st, Send as ct, SquareIcon as lt, WrenchIcon as ut, X as dt, XCircle as W, XCircleIcon as ft, XIcon as G } from "lucide-react";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { useChat as pt } from "@ai-sdk/react";
+import { DefaultChatTransport as mt } from "ai";
+import * as ht from "react-dom";
+import { useObjectTranslation as gt } from "@object-ui/react";
+import { StickToBottom as _t, useStickToBottomContext as vt } from "use-stick-to-bottom";
+import { cva as yt } from "class-variance-authority";
+import { Slot as bt } from "@radix-ui/react-slot";
+import { Streamdown as xt } from "streamdown";
+import { nanoid as St } from "nanoid";
+import { codeToHtml as Ct } from "shiki";
+import { useControllableState as wt } from "@radix-ui/react-use-controllable-state";
+import { motion as Tt } from "motion/react";
+import { ComponentRegistry as Et } from "@object-ui/core";
 //#region \0rolldown/runtime.js
-var Ze = Object.defineProperty, Qe = (e, t) => {
+var Dt = Object.defineProperty, Ot = (e, t) => {
 	let n = {};
-	for (var r in e) Ze(n, r, {
+	for (var r in e) Dt(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Ze(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || Dt(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/utils.ts
-function W(e = "msg") {
+function kt(e = "msg") {
 	return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 //#endregion
+//#region src/mapMessages.ts
+function At(e, t) {
+	return typeof e.content == "string" ? e.content : t.filter((e) => e.type === "text").map((e) => e.text ?? "").join("");
+}
+function jt(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 Mt(e) {
+	let t = (e) => {
+		if (e && typeof e == "object") return e;
+		if (typeof e != "string") return;
+		let t = e.trim();
+		if (t.startsWith("{")) try {
+			let e = JSON.parse(t);
+			return e && typeof e == "object" ? e : void 0;
+		} catch {
+			return;
+		}
+	}, n = [e];
+	e && typeof e == "object" && "value" in e && n.push(e.value);
+	for (let e of n) {
+		let n = t(e);
+		if (!n) continue;
+		let r = n.status, i = n.pendingActionId;
+		if (r === "pending_approval" && typeof i == "string" && i.length > 0) return {
+			pendingActionId: i,
+			raw: n
+		};
+	}
+}
+function Nt(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", n = e.output ?? e.result, r = Mt(n), i = e.state, a = r && i !== "output-error" ? "approval-requested" : i;
+		return {
+			toolCallId: e.toolCallId ?? e.id ?? `${e.type ?? "tool"}-${Math.random().toString(36).slice(2, 8)}`,
+			toolName: t,
+			args: e.input ?? e.args,
+			result: n,
+			errorText: e.errorText,
+			state: a,
+			pendingActionId: r?.pendingActionId
+		};
+	});
+}
+function Pt(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 Ft(e, t = {}) {
+	let n = Array.isArray(e.parts) ? e.parts : [], r = Nt(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: At(e, n),
+		reasoning: jt(n),
+		toolInvocations: r.length > 0 ? r : i,
+		sources: Pt(n),
+		streaming: t.streaming
+	};
+}
+function It(e, t = {}) {
+	if (!Array.isArray(e) || e.length === 0) return [];
+	let n = e.length - 1;
+	return e.map((e, r) => Ft(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
+}
+//#endregion
 //#region src/useObjectChat.ts
-function $e(e) {
+function Lt(e) {
 	return (e ?? []).map((e, t) => ({
 		id: e.id || `msg-${t}`,
 		role: e.role || "user",
@@ -43,17 +114,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 Y(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(() => Lt(n).map((e) => ({
 		id: e.id,
 		role: e.role,
 		parts: [{
 			type: "text",
 			text: e.content ?? ""
 		}]
-	})), []), C = ze({
+	})), []), C = pt({
 		transport: l(() => {
-			if (x) return new Be({
+			if (x) return new mt({
 				api: t,
 				headers: { ...f },
 				body: {
@@ -78,34 +149,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(() => Lt(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 = It(e, { isStreaming: c }).map((t, n) => ({
+			...t,
+			metadata: e[n]?.metadata
+		}));
 		return {
 			messages: l,
 			isLoading: c,
@@ -114,7 +165,7 @@ function G(e = {}) {
 				let t = e.trim();
 				if (!t) return;
 				let n = [...l, {
-					id: W("msg"),
+					id: kt("msg"),
 					role: "user",
 					content: t
 				}];
@@ -147,7 +198,7 @@ function G(e = {}) {
 		sendMessage: o((e) => {
 			if (!e.trim()) return;
 			let t = {
-				id: W("msg"),
+				id: kt("msg"),
 				role: "user",
 				content: e.trim(),
 				timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -157,7 +208,7 @@ function G(e = {}) {
 				return b?.(e.trim(), r), r;
 			}), k(""), _ && (D(!0), M.current = setTimeout(() => {
 				let e = {
-					id: W("msg"),
+					id: kt("msg"),
 					role: "assistant",
 					content: v || "Thank you for your message!",
 					timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -186,7 +237,7 @@ function G(e = {}) {
 }
 //#endregion
 //#region src/useAgents.ts
-function et(e) {
+function Rt(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 +246,7 @@ function et(e) {
 		active: e.active !== !1
 	}));
 }
-function tt(e = {}) {
+function zt(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 +266,7 @@ function tt(e = {}) {
 			return e.json();
 		}).then((e) => {
 			if (n) return;
-			let t = et(Array.isArray(e) ? e : e?.agents ?? []);
+			let t = Rt(Array.isArray(e) ? e : e?.agents ?? []);
 			s(t.length > 0 ? t : i);
 		}).catch((e) => {
 			n || e.name === "AbortError" || (m(e), s(i));
@@ -237,8 +288,8 @@ function tt(e = {}) {
 }
 //#endregion
 //#region src/FloatingChatbotProvider.tsx
-var nt = e.createContext(null);
-function rt({ defaultOpen: t = !1, children: n }) {
+var Bt = e.createContext(null);
+function Vt({ 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 +300,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__ */ q(Bt.Provider, {
 		value: s,
 		children: n
 	});
 }
-function K() {
-	let t = e.useContext(nt);
+function Ht() {
+	let t = e.useContext(Bt);
 	if (!t) throw Error("useFloatingChatbot must be used within a <FloatingChatbotProvider>");
 	return t;
 }
 //#endregion
 //#region src/FloatingChatbotTrigger.tsx
-function it() {
+function Ut() {
 	try {
-		let { t: e } = He();
+		let { t: e } = gt();
 		return (t, n) => {
 			let r = e(`common.${t}`);
 			return !r || r === `common.${t}` ? n : r;
@@ -272,11 +323,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 Wt({ position: e = "bottom-right", size: t = 56, className: n }) {
+	let { isOpen: r, toggle: i } = Ht(), a = Ut();
+	return /* @__PURE__ */ q(v, {
 		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: U("fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105", e === "bottom-right" ? "right-6 bottom-20 sm:bottom-6" : "left-6 bottom-20 sm:bottom-6", n),
 		style: {
 			width: t,
 			height: t
@@ -284,13 +335,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: q(r ? dt : nt, { 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 Gt({ 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 } = Ht();
 	if (!s) return null;
 	let d = c ? {
 		inset: 0,
@@ -301,46 +352,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__ */ J("div", {
+		className: U("fixed z-50 flex flex-col rounded-lg border bg-background shadow-xl overflow-hidden transition-all", c ? "inset-0 rounded-none" : t === "bottom-right" ? "right-6 bottom-20" : "left-6 bottom-20", a),
 		style: d,
 		role: "dialog",
 		"aria-label": e,
 		"data-testid": "floating-chatbot-panel",
-		children: [/* @__PURE__ */ V("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "flex items-center justify-between gap-2 px-4 py-2 border-b bg-muted/40",
 			children: [
-				/* @__PURE__ */ B("span", {
+				/* @__PURE__ */ q("span", {
 					className: "text-sm font-medium truncate shrink-0",
 					children: e
 				}),
-				o ? /* @__PURE__ */ B("div", {
+				o ? /* @__PURE__ */ q("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__ */ J("div", {
 					className: "flex items-center gap-1 shrink-0",
-					children: [/* @__PURE__ */ B(g, {
+					children: [/* @__PURE__ */ q(v, {
 						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: q(c ? it : tt, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ q(v, {
 						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__ */ q(dt, { className: "h-4 w-4" })
 					})]
 				})
 			]
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "flex-1 overflow-hidden",
 			children: i
 		})]
@@ -348,99 +399,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 Kt = ({ className: e, ...t }) => /* @__PURE__ */ q(_t, {
+	className: U("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),
+}), qt = ({ className: e, ...t }) => /* @__PURE__ */ q(_t.Content, {
+	className: U("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),
+}), Jt = ({ className: e, title: t = "No messages yet", description: n = "Start a conversation to see messages here", icon: r, children: i, ...a }) => /* @__PURE__ */ q("div", {
+	className: U("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", e),
 	...a,
-	children: i ?? /* @__PURE__ */ V(z, { children: [r && /* @__PURE__ */ B("div", {
+	children: i ?? /* @__PURE__ */ J(K, { children: [r && /* @__PURE__ */ q("div", {
 		className: "text-muted-foreground",
 		children: r
-	}), /* @__PURE__ */ V("div", {
+	}), /* @__PURE__ */ J("div", {
 		className: "space-y-1",
-		children: [/* @__PURE__ */ B("h3", {
+		children: [/* @__PURE__ */ q("h3", {
 			className: "font-medium text-sm",
 			children: t
-		}), n && /* @__PURE__ */ B("p", {
+		}), n && /* @__PURE__ */ q("p", {
 			className: "text-muted-foreground text-sm",
 			children: n
 		})]
 	})] })
-}), ut = ({ className: e, ...t }) => {
-	let { isAtBottom: n, scrollToBottom: r } = We(), i = o(() => {
+}), Yt = ({ className: e, ...t }) => {
+	let { isAtBottom: n, scrollToBottom: r } = vt(), 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__ */ q(v, {
+		className: U("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__ */ q(Pe, { 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", {
+}, Xt = yt("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	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 Zt({ className: e, orientation: t, ...n }) {
+	return /* @__PURE__ */ q("div", {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": t,
-		className: I(dt({ orientation: t }), e),
+		className: U(Xt({ 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 Qt({ className: e, asChild: t = !1, ...n }) {
+	return /* @__PURE__ */ q(t ? bt : "div", {
+		className: U("flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", e),
 		...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 $t = ({ className: e, from: t, ...n }) => /* @__PURE__ */ q("div", {
+	className: U("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
 	...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),
+}), en = ({ children: e, className: t, ...n }) => /* @__PURE__ */ q("div", {
+	className: U("is-user:dark flex w-fit max-w-full min-w-0 flex-col gap-2 overflow-hidden text-sm", "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", t),
 	...n,
 	children: e
-}), gt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ B("div", {
-	className: I("flex items-center gap-1", e),
+}), tn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ q("div", {
+	className: U("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, {
+}), nn = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
+	let o = /* @__PURE__ */ J(v, {
 		size: i,
 		type: "button",
 		variant: r,
 		...a,
-		children: [t, /* @__PURE__ */ B("span", {
+		children: [t, /* @__PURE__ */ q("span", {
 			className: "sr-only",
 			children: n || e
 		})]
 	});
-	return e ? /* @__PURE__ */ B(le, { children: /* @__PURE__ */ V(se, { children: [/* @__PURE__ */ B(ue, {
+	return e ? /* @__PURE__ */ q(je, { children: /* @__PURE__ */ J(ke, { children: [/* @__PURE__ */ q(Me, {
 		asChild: !0,
 		children: o
-	}), /* @__PURE__ */ B(ce, { children: /* @__PURE__ */ B("p", { children: e }) })] }) }) : o;
-}, _t = r(null), J = () => {
-	let e = s(_t);
+	}), /* @__PURE__ */ q(Ae, { children: /* @__PURE__ */ q("p", { children: e }) })] }) }) : o;
+}, rn = r(null), X = () => {
+	let e = s(rn);
 	if (!e) throw Error("MessageBranch components must be used within MessageBranch");
 	return e;
-}, vt = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
+}, an = ({ 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 +506,36 @@ var mt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ B("div", {
 		branches: o,
 		setBranches: s
 	};
-	return /* @__PURE__ */ B(_t.Provider, {
+	return /* @__PURE__ */ q(rn.Provider, {
 		value: l,
-		children: /* @__PURE__ */ B("div", {
-			className: I("grid w-full gap-2 [&>div]:pb-0", n),
+		children: /* @__PURE__ */ q("div", {
+			className: U("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];
+}, on = ({ children: e, ...t }) => {
+	let { currentBranch: n, setBranches: r, branches: i } = X(), a = Array.isArray(e) ? e : [e];
 	return c(() => {
 		i.length !== a.length && r(a);
 	}, [
 		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__ */ q("div", {
+		className: U("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, {
+}, sn = ({ className: e, from: t, ...n }) => {
+	let { totalBranches: r } = X();
+	return r <= 1 ? null : /* @__PURE__ */ q(Zt, {
 		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, {
+}, cn = ({ children: e, ...t }) => {
+	let { goToPrevious: n, totalBranches: r } = X();
+	return /* @__PURE__ */ q(v, {
 		"aria-label": "Previous branch",
 		disabled: r <= 1,
 		onClick: n,
@@ -492,11 +543,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__ */ q(Ue, { size: 14 })
 	});
-}, St = ({ children: e, className: t, ...n }) => {
-	let { goToNext: r, totalBranches: i } = J();
-	return /* @__PURE__ */ B(g, {
+}, ln = ({ children: e, className: t, ...n }) => {
+	let { goToNext: r, totalBranches: i } = X();
+	return /* @__PURE__ */ q(v, {
 		"aria-label": "Next branch",
 		disabled: i <= 1,
 		onClick: r,
@@ -504,12 +555,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__ */ q(We, { 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),
+}, un = ({ className: e, ...t }) => {
+	let { currentBranch: n, totalBranches: r } = X();
+	return /* @__PURE__ */ J(Qt, {
+		className: U("border-none bg-transparent text-muted-foreground shadow-none", e),
 		...t,
 		children: [
 			n + 1,
@@ -517,23 +568,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),
+}, dn = a(({ className: e, ...t }) => /* @__PURE__ */ q(xt, {
+	className: U("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 }) {
+dn.displayName = "MessageResponse";
+function fn({ 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__ */ q("div", {
+		className: U("group relative size-24 overflow-hidden rounded-lg", t),
 		...r,
-		children: a ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("img", {
+		children: a ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("img", {
 			alt: i || "attachment",
 			className: "size-full object-cover",
 			height: 100,
 			src: e.url,
 			width: 100
-		}), n && /* @__PURE__ */ V(g, {
+		}), n && /* @__PURE__ */ J(v, {
 			"aria-label": "Remove attachment",
 			className: "absolute top-2 right-2 size-6 rounded-full bg-background/80 p-0 opacity-0 backdrop-blur-sm transition-opacity hover:bg-background group-hover:opacity-100 [&>svg]:size-3",
 			onClick: (e) => {
@@ -541,17 +592,17 @@ function Tt({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ B(R, {}), /* @__PURE__ */ B("span", {
+			children: [/* @__PURE__ */ q(G, {}), /* @__PURE__ */ q("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
-		})] }) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V(se, { children: [/* @__PURE__ */ B(ue, {
+		})] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J(ke, { children: [/* @__PURE__ */ q(Me, {
 			asChild: !0,
-			children: /* @__PURE__ */ B("div", {
+			children: /* @__PURE__ */ q("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__ */ q(at, { className: "size-4" })
 			})
-		}), /* @__PURE__ */ B(ce, { children: /* @__PURE__ */ B("p", { children: o }) })] }), n && /* @__PURE__ */ V(g, {
+		}), /* @__PURE__ */ q(Ae, { children: /* @__PURE__ */ q("p", { children: o }) })] }), n && /* @__PURE__ */ J(v, {
 			"aria-label": "Remove attachment",
 			className: "size-6 shrink-0 rounded-full p-0 opacity-0 transition-opacity hover:bg-accent group-hover:opacity-100 [&>svg]:size-3",
 			onClick: (e) => {
@@ -559,36 +610,36 @@ function Tt({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ B(R, {}), /* @__PURE__ */ B("span", {
+			children: [/* @__PURE__ */ q(G, {}), /* @__PURE__ */ q("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 pn({ children: e, className: t, ...n }) {
+	return e ? /* @__PURE__ */ q("div", {
+		className: U("ml-auto flex w-fit flex-wrap items-start gap-2", t),
 		...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 mn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ q("div", {
+	className: U("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 hn({ className: e, ...t }) {
+	return /* @__PURE__ */ q("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: U("group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", e),
 		...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 gn = yt("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
 	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 +648,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 _n({ className: e, align: t = "inline-start", ...n }) {
+	return /* @__PURE__ */ q("div", {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": t,
-		className: I(kt({ align: t }), e),
+		className: U(gn({ 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 vn = yt("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 +669,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 yn({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
+	return /* @__PURE__ */ q(v, {
 		type: t,
 		"data-size": r,
 		variant: n,
-		className: I(jt({ size: r }), e),
+		className: U(vn({ size: r }), e),
 		...i
 	});
 }
-function Nt({ className: e, ...t }) {
-	return /* @__PURE__ */ B(oe, {
+function bn({ className: e, ...t }) {
+	return /* @__PURE__ */ q(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),
+		className: U("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 xn = r(null), Sn = r(null), Cn = () => {
+	let e = s(xn);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
 	return e;
-}, Ft = () => s(Y), It = () => {
-	let e = s(X);
+}, wn = () => s(xn), Tn = () => {
+	let e = s(Sn);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
 	return e;
-}, Lt = () => s(X);
-function Rt({ initialInput: e = "", children: t }) {
+}, En = () => s(Sn);
+function Dn({ 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: St(),
 			type: "file",
 			url: URL.createObjectURL(e),
 			mediaType: e.type,
@@ -700,41 +751,41 @@ function Rt({ initialInput: e = "", children: t }) {
 		y,
 		b
 	]);
-	return /* @__PURE__ */ B(Y.Provider, {
+	return /* @__PURE__ */ q(xn.Provider, {
 		value: x,
-		children: /* @__PURE__ */ B(X.Provider, {
+		children: /* @__PURE__ */ q(Sn.Provider, {
 			value: y,
 			children: t
 		})
 	});
 }
-var zt = r(null), Z = () => {
-	let e = Lt(), t = s(zt), n = e ?? t;
+var On = r(null), Z = () => {
+	let e = En(), t = s(On), 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 kn({ 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__ */ J(Xn, { children: [/* @__PURE__ */ q(z, {
 		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__ */ J("div", {
+			className: U("group relative flex h-8 cursor-pointer select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", t),
 			...n,
-			children: [/* @__PURE__ */ V("div", {
+			children: [/* @__PURE__ */ J("div", {
 				className: "relative size-5 shrink-0",
-				children: [/* @__PURE__ */ B("div", {
+				children: [/* @__PURE__ */ q("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__ */ q("img", {
 						alt: i || "attachment",
 						className: "size-5 object-cover",
 						height: 20,
 						src: e.url,
 						width: 20
-					}) : /* @__PURE__ */ B("div", {
+					}) : /* @__PURE__ */ q("div", {
 						className: "flex size-5 items-center justify-center text-muted-foreground",
-						children: /* @__PURE__ */ B(je, { className: "size-3" })
+						children: /* @__PURE__ */ q(at, { className: "size-3" })
 					})
-				}), /* @__PURE__ */ V(g, {
+				}), /* @__PURE__ */ J(v, {
 					"aria-label": "Remove attachment",
 					className: "absolute inset-0 size-5 cursor-pointer rounded p-0 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 [&>svg]:size-2.5",
 					onClick: (t) => {
@@ -742,37 +793,37 @@ function Bt({ data: e, className: t, ...n }) {
 					},
 					type: "button",
 					variant: "ghost",
-					children: [/* @__PURE__ */ B(R, {}), /* @__PURE__ */ B("span", {
+					children: [/* @__PURE__ */ q(G, {}), /* @__PURE__ */ q("span", {
 						className: "sr-only",
 						children: "Remove"
 					})]
 				})]
-			}), /* @__PURE__ */ B("span", {
+			}), /* @__PURE__ */ q("span", {
 				className: "flex-1 truncate",
 				children: o
 			})]
 		}, e.id)
-	}), /* @__PURE__ */ B(ln, {
+	}), /* @__PURE__ */ q(Qn, {
 		className: "w-auto p-2",
-		children: /* @__PURE__ */ V("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "w-auto space-y-3",
-			children: [a && /* @__PURE__ */ B("div", {
+			children: [a && /* @__PURE__ */ q("div", {
 				className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
-				children: /* @__PURE__ */ B("img", {
+				children: /* @__PURE__ */ q("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__ */ q("div", {
 				className: "flex items-center gap-2.5",
-				children: /* @__PURE__ */ V("div", {
+				children: /* @__PURE__ */ J("div", {
 					className: "min-w-0 flex-1 space-y-1 px-0.5",
-					children: [/* @__PURE__ */ B("h4", {
+					children: [/* @__PURE__ */ q("h4", {
 						className: "truncate font-semibold text-sm leading-none",
 						children: i || (a ? "Image" : "Attachment")
-					}), e.mediaType && /* @__PURE__ */ B("p", {
+					}), e.mediaType && /* @__PURE__ */ q("p", {
 						className: "truncate font-mono text-muted-foreground text-xs",
 						children: e.mediaType
 					})]
@@ -781,29 +832,29 @@ function Bt({ data: e, className: t, ...n }) {
 		})
 	})] });
 }
-function Vt({ children: e, className: t, ...r }) {
+function An({ 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__ */ q("div", {
+		className: U("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__ */ q(n, { children: e(t) }, t.id))
 	}) : null;
 }
-var Ht = ({ label: e = "Add photos or files", ...t }) => {
+var jn = ({ label: e = "Add photos or files", ...t }) => {
 	let n = Z();
-	return /* @__PURE__ */ V(k, {
+	return /* @__PURE__ */ J(I, {
 		...t,
 		onSelect: (e) => {
 			e.preventDefault(), n.openFileDialog();
 		},
 		children: [
-			/* @__PURE__ */ B(Te, { className: "mr-2 size-4" }),
+			/* @__PURE__ */ q(Qe, { 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);
+}, Mn = ({ className: e, accept: t, multiple: n, globalDrop: r, syncHiddenInput: i, maxFiles: a, maxFileSize: s, onError: f, onSubmit: p, children: m, ...h }) => {
+	let g = wn(), _ = !!g, v = u(null), y = u(null), [b, x] = d([]), S = _ ? g.attachments.files : b, C = u(S);
 	C.current = S;
 	let w = o(() => {
 		v.current?.click();
@@ -838,7 +889,7 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 			});
 			let i = [];
 			for (let e of n) i.push({
-				id: qe(),
+				id: St(),
 				type: "file",
 				url: URL.createObjectURL(e),
 				mediaType: e.type,
@@ -888,7 +939,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 +949,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 +965,7 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 		A,
 		j,
 		M
-	]), F = /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("input", {
+	]), I = /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("input", {
 		accept: t,
 		"aria-label": "Upload files",
 		className: "hidden",
@@ -923,14 +974,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__ */ q("form", {
+		className: U("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 +1002,20 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 		},
 		ref: y,
 		...h,
-		children: /* @__PURE__ */ B(Ot, {
+		children: /* @__PURE__ */ q(hn, {
 			className: "overflow-hidden",
 			children: m
 		})
 	})] });
-	return _ ? F : /* @__PURE__ */ B(zt.Provider, {
-		value: P,
-		children: F
+	return _ ? I : /* @__PURE__ */ q(On.Provider, {
+		value: F,
+		children: I
 	});
-}, Wt = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I("contents", e),
+}, Nn = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U("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) => {
+}), Pn = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
+	let i = wn(), a = Z(), [o, s] = d(!1), c = (e) => {
 		if (e.key === "Enter") {
 			if (o || e.nativeEvent.isComposing || e.shiftKey) return;
 			e.preventDefault();
@@ -992,8 +1043,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__ */ q(bn, {
+		className: U("field-sizing-content max-h-48 min-h-16", t),
 		name: "message",
 		onCompositionEnd: () => s(!1),
 		onCompositionStart: () => s(!0),
@@ -1003,52 +1054,52 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 		...r,
 		...u
 	});
-}, Kt = ({ className: e, ...t }) => /* @__PURE__ */ B(At, {
+}, Fn = ({ className: e, ...t }) => /* @__PURE__ */ q(_n, {
 	align: "block-end",
-	className: I("order-first flex-wrap gap-1", e),
+	className: U("order-first flex-wrap gap-1", e),
 	...t
-}), qt = ({ className: e, ...t }) => /* @__PURE__ */ B(At, {
+}), In = ({ className: e, ...t }) => /* @__PURE__ */ q(_n, {
 	align: "block-end",
-	className: I("justify-between gap-1", e),
+	className: U("justify-between gap-1", e),
 	...t
-}), Jt = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I("flex items-center gap-1", e),
+}), Ln = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U("flex items-center gap-1", e),
 	...t
-}), Q = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
+}), Rn = ({ 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__ */ q(yn, {
+		className: U(n),
 		size: a,
 		type: "button",
 		variant: e,
 		...i
 	});
-}, Yt = (e) => /* @__PURE__ */ B(D, { ...e }), Xt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ B(A, {
+}, zn = (e) => /* @__PURE__ */ q(P, { ...e }), Bn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ q(L, {
 	asChild: !0,
-	children: /* @__PURE__ */ B(Q, {
+	children: /* @__PURE__ */ q(Rn, {
 		className: e,
 		...n,
-		children: t ?? /* @__PURE__ */ B(Me, { className: "size-4" })
+		children: t ?? /* @__PURE__ */ q(ot, { className: "size-4" })
 	})
-}), Zt = ({ className: e, ...t }) => /* @__PURE__ */ B(O, {
+}), Vn = ({ className: e, ...t }) => /* @__PURE__ */ q(F, {
 	align: "start",
-	className: I(e),
+	className: U(e),
 	...t
-}), Qt = ({ className: e, ...t }) => /* @__PURE__ */ B(k, {
-	className: I(e),
+}), Hn = ({ className: e, ...t }) => /* @__PURE__ */ q(I, {
+	className: U(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, {
+}), Un = ({ className: e, variant: t = "default", size: n = "icon-sm", status: r, children: i, ...a }) => {
+	let o = /* @__PURE__ */ q(Xe, { className: "size-4" });
+	return r === "submitted" ? o = /* @__PURE__ */ q(et, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ q(lt, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ q(G, { className: "size-4" })), /* @__PURE__ */ q(yn, {
 		"aria-label": "Submit",
-		className: I(e),
+		className: U(e),
 		size: n,
 		type: "submit",
 		variant: t,
 		...a,
 		children: i ?? o
 	});
-}, en = ({ className: e, textareaRef: t, onTranscriptionChange: n, ...r }) => {
+}, Wn = ({ 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 +1129,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__ */ q(Rn, {
+		className: U("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__ */ q(rt, { 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),
+}, Gn = (e) => /* @__PURE__ */ q(le, { ...e }), Kn = ({ className: e, ...t }) => /* @__PURE__ */ q(fe, {
+	className: U("border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors", "hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground", e),
 	...t
-}), rn = ({ className: e, ...t }) => /* @__PURE__ */ B(ne, {
-	className: I(e),
+}), qn = ({ className: e, ...t }) => /* @__PURE__ */ q(ue, {
+	className: U(e),
 	...t
-}), an = ({ className: e, ...t }) => /* @__PURE__ */ B(re, {
-	className: I(e),
+}), Jn = ({ className: e, ...t }) => /* @__PURE__ */ q(de, {
+	className: U(e),
 	...t
-}), on = ({ className: e, ...t }) => /* @__PURE__ */ B(ae, {
-	className: I(e),
+}), Yn = ({ className: e, ...t }) => /* @__PURE__ */ q(pe, {
+	className: U(e),
 	...t
-}), sn = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ B(j, {
+}), Xn = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ q(R, {
 	closeDelay: t,
 	openDelay: e,
 	...n
-}), cn = (e) => /* @__PURE__ */ B(N, { ...e }), ln = ({ align: e = "start", ...t }) => /* @__PURE__ */ B(M, {
+}), Zn = (e) => /* @__PURE__ */ q(z, { ...e }), Qn = ({ align: e = "start", ...t }) => /* @__PURE__ */ q(ae, {
 	align: e,
 	...t
-}), un = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I(e),
+}), $n = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U(e),
 	...t
-}), dn = ({ className: e, ...t }) => /* @__PURE__ */ B("div", {
-	className: I(e),
+}), er = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U(e),
 	...t
-}), fn = ({ className: e, ...t }) => /* @__PURE__ */ B("h3", {
-	className: I("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
+}), tr = ({ className: e, ...t }) => /* @__PURE__ */ q("h3", {
+	className: U("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),
+}), nr = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U("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),
+}), rr = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U("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),
+}), ir = ({ className: e, ...t }) => /* @__PURE__ */ q(D, {
+	className: U(e),
 	...t
-}), gn = ({ className: e, ...t }) => /* @__PURE__ */ B(C, {
-	className: I(e),
+}), ar = ({ className: e, ...t }) => /* @__PURE__ */ q(A, {
+	className: U(e),
 	...t
-}), _n = ({ className: e, ...t }) => /* @__PURE__ */ B(T, {
-	className: I(e),
+}), or = ({ className: e, ...t }) => /* @__PURE__ */ q(M, {
+	className: U(e),
 	...t
-}), vn = ({ className: e, ...t }) => /* @__PURE__ */ B(x, {
-	className: I(e),
+}), sr = ({ className: e, ...t }) => /* @__PURE__ */ q(O, {
+	className: U(e),
 	...t
-}), yn = ({ className: e, ...t }) => /* @__PURE__ */ B(S, {
-	className: I(e),
+}), cr = ({ className: e, ...t }) => /* @__PURE__ */ q(k, {
+	className: U(e),
 	...t
-}), bn = ({ className: e, ...t }) => /* @__PURE__ */ B(w, {
-	className: I(e),
+}), lr = ({ className: e, ...t }) => /* @__PURE__ */ q(j, {
+	className: U(e),
 	...t
-}), xn = ({ className: e, ...t }) => /* @__PURE__ */ B(E, {
-	className: I(e),
+}), ur = ({ className: e, ...t }) => /* @__PURE__ */ q(N, {
+	className: U(e),
 	...t
-}), Sn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ V(P, {
+}), dr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ J(se, {
 	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__ */ q("div", {
+		className: U("flex w-max flex-nowrap items-center gap-2", e),
 		children: t
-	}), /* @__PURE__ */ B(F, {
+	}), /* @__PURE__ */ q(ce, {
 		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),
+}), fr = ({ suggestion: e, onClick: t, className: n, variant: r = "outline", size: i = "sm", children: a, ...o }) => /* @__PURE__ */ q(v, {
+	className: U("cursor-pointer rounded-full px-4", n),
 	onClick: () => {
 		t?.(e);
 	},
@@ -1160,7 +1211,7 @@ var Ht = ({ label: e = "Add photos or files", ...t }) => {
 	variant: r,
 	...o,
 	children: a || e
-}), wn = r({ code: "" }), Tn = {
+}), pr = r({ code: "" }), mr = {
 	name: "line-numbers",
 	line(e, t) {
 		e.children.unshift({
@@ -1181,21 +1232,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 hr(e, t, n = !1) {
+	let r = n ? [mr] : [];
+	return await Promise.all([Ct(e, {
 		lang: t,
 		theme: "one-light",
 		transformers: r
-	}), Je(e, {
+	}), Ct(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(() => (hr(e, t, n).then(([e, t]) => {
 		p.current ||= (s(e), f(t), !0);
 	}), () => {
 		p.current = !1;
@@ -1203,23 +1254,23 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		e,
 		t,
 		n
-	]), /* @__PURE__ */ B(wn.Provider, {
+	]), /* @__PURE__ */ q(pr.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__ */ q("div", {
+			className: U("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
 			...a,
-			children: /* @__PURE__ */ V("div", {
+			children: /* @__PURE__ */ J("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ q("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__ */ q("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__ */ q("div", {
 						className: "absolute top-2 right-2 flex items-center gap-2",
 						children: i
 					})
@@ -1227,8 +1278,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 () => {
+}, gr = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
+	let [o, c] = d(!1), { code: l } = s(pr), u = async () => {
 		if (typeof window > "u" || !navigator?.clipboard?.writeText) {
 			t?.(/* @__PURE__ */ Error("Clipboard API not available"));
 			return;
@@ -1238,29 +1289,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 ? Ve : Ye;
+	return /* @__PURE__ */ q(v, {
+		className: U("shrink-0", i),
 		onClick: u,
 		size: "icon",
 		variant: "ghost",
 		...a,
-		children: r ?? /* @__PURE__ */ B(f, { size: 14 })
+		children: r ?? /* @__PURE__ */ q(f, { size: 14 })
 	});
-}, On = ({ className: e, ...t }) => /* @__PURE__ */ B(_, {
-	className: I("not-prose mb-4 w-full rounded-md border", e),
+}, _r = ({ className: e, ...t }) => /* @__PURE__ */ q(w, {
+	className: U("not-prose mb-4 w-full rounded-md border", e),
 	...t
-}), kn = (e) => /* @__PURE__ */ V(h, {
+}), vr = (e) => /* @__PURE__ */ J(_, {
 	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__ */ q(Ge, { className: "size-4" }),
+		"input-available": /* @__PURE__ */ q(qe, { className: "size-4 animate-pulse" }),
+		"approval-requested": /* @__PURE__ */ q(qe, { className: "size-4 text-yellow-600" }),
+		"approval-responded": /* @__PURE__ */ q(Be, { className: "size-4 text-blue-600" }),
+		"output-available": /* @__PURE__ */ q(Be, { className: "size-4 text-green-600" }),
+		"output-error": /* @__PURE__ */ q(ft, { className: "size-4 text-red-600" }),
+		"output-denied": /* @__PURE__ */ q(ft, { className: "size-4 text-orange-600" })
 	}[e], {
 		"input-streaming": "Pending",
 		"input-available": "Running",
@@ -1270,61 +1321,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),
+}), yr = ({ className: e, title: t, type: n, state: r, ...i }) => /* @__PURE__ */ J(E, {
+	className: U("flex w-full items-center justify-between gap-4 p-3", e),
 	...i,
-	children: [/* @__PURE__ */ V("div", {
+	children: [/* @__PURE__ */ J("div", {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ B(Ie, { className: "size-4 text-muted-foreground" }),
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ q(ut, { className: "size-4 text-muted-foreground" }),
+			/* @__PURE__ */ q("span", {
 				className: "font-medium text-sm",
 				children: t ?? n.split("-").slice(1).join("-")
 			}),
-			kn(r)
+			vr(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__ */ q(He, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
+}), br = ({ className: e, ...t }) => /* @__PURE__ */ q(T, {
+	className: U("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
 	...t
-}), Mn = ({ className: e, input: t, ...n }) => /* @__PURE__ */ V("div", {
-	className: I("space-y-2 overflow-hidden p-4", e),
+}), xr = ({ className: e, input: t, ...n }) => /* @__PURE__ */ J("div", {
+	className: U("space-y-2 overflow-hidden p-4", e),
 	...n,
-	children: [/* @__PURE__ */ B("h4", {
+	children: [/* @__PURE__ */ q("h4", {
 		className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 		children: "Parameters"
-	}), /* @__PURE__ */ B("div", {
+	}), /* @__PURE__ */ q("div", {
 		className: "rounded-md bg-muted/50",
-		children: /* @__PURE__ */ B($, {
+		children: /* @__PURE__ */ q(Q, {
 			code: JSON.stringify(t, null, 2),
 			language: "json"
 		})
 	})]
-}), Nn = ({ className: e, output: t, errorText: n, ...r }) => {
+}), Sr = ({ 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__ */ q("div", { children: t });
+	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ q(Q, {
 		code: JSON.stringify(t, null, 2),
 		language: "json"
-	}) : typeof t == "string" && (a = /* @__PURE__ */ B($, {
+	}) : typeof t == "string" && (a = /* @__PURE__ */ q(Q, {
 		code: t,
 		language: "json"
-	})), /* @__PURE__ */ V("div", {
-		className: I("space-y-2 p-4", e),
+	})), /* @__PURE__ */ J("div", {
+		className: U("space-y-2 p-4", e),
 		...r,
-		children: [/* @__PURE__ */ B("h4", {
+		children: [/* @__PURE__ */ q("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__ */ J("div", {
+			className: U("overflow-x-auto rounded-md text-xs [&_table]:w-full", n ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
+			children: [n && /* @__PURE__ */ q("div", { children: n }), a]
 		})]
 	});
-}, 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, {
+}, Cr = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
+	let a = Tt.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
+	return /* @__PURE__ */ q(a, {
 		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: U("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", n),
 		initial: { backgroundPosition: "100% center" },
 		style: {
 			"--spread": `${o}px`,
@@ -1337,21 +1388,21 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		},
 		children: e
 	});
-}), Fn = r(null), In = () => {
-	let e = s(Fn);
+}), wr = r(null), Tr = () => {
+	let e = s(wr);
 	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({
+}, Er = 1e3, Dr = 1e3, Or = a(({ className: e, isStreaming: t = !1, open: n, defaultOpen: r = !0, onOpenChange: i, duration: a, children: o, ...s }) => {
+	let [l, u] = wt({
 		prop: n,
 		defaultProp: r,
 		onChange: i
-	}), [f, p] = Ye({
+	}), [f, p] = wt({
 		prop: a,
 		defaultProp: void 0
-	}), [m, h] = d(!1), [g, v] = d(null);
+	}), [m, h] = d(!1), [g, _] = d(null);
 	return c(() => {
-		t ? g === null && v(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / Rn)), v(null));
+		t ? g === null && _(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / Dr)), _(null));
 	}, [
 		t,
 		g,
@@ -1360,7 +1411,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);
+			}, Er);
 			return () => clearTimeout(e);
 		}
 	}, [
@@ -1369,15 +1420,15 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		r,
 		u,
 		m
-	]), /* @__PURE__ */ B(Fn.Provider, {
+	]), /* @__PURE__ */ q(wr.Provider, {
 		value: {
 			isStreaming: t,
 			isOpen: l,
 			setIsOpen: u,
 			duration: f
 		},
-		children: /* @__PURE__ */ B(_, {
-			className: I("not-prose mb-4", e),
+		children: /* @__PURE__ */ q(w, {
+			className: U("not-prose mb-4", e),
 			onOpenChange: (e) => {
 				u(e);
 			},
@@ -1386,167 +1437,195 @@ var $ = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 			children: o
 		})
 	});
-}), Bn = (e, t) => e || t === 0 ? /* @__PURE__ */ B(Pn, {
+}), kr = (e, t) => e || t === 0 ? /* @__PURE__ */ q(Cr, {
 	duration: 1,
 	children: "Thinking..."
-}) : t === void 0 ? /* @__PURE__ */ B("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ V("p", { children: [
+}) : t === void 0 ? /* @__PURE__ */ q("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ J("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),
+] }), Ar = a(({ className: e, children: t, getThinkingMessage: n = kr, ...r }) => {
+	let { isStreaming: i, isOpen: a, duration: o } = Tr();
+	return /* @__PURE__ */ q(E, {
+		className: U("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
 		...r,
-		children: t ?? /* @__PURE__ */ V(z, { children: [
-			/* @__PURE__ */ B(me, { className: "size-4" }),
+		children: t ?? /* @__PURE__ */ J(K, { children: [
+			/* @__PURE__ */ q(Le, { className: "size-4" }),
 			n(i, o),
-			/* @__PURE__ */ B(L, { className: I("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
+			/* @__PURE__ */ q(He, { className: U("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),
+}), jr = a(({ className: e, children: t, ...n }) => /* @__PURE__ */ q(T, {
+	className: U("mt-4 text-sm", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
 	...n,
-	children: /* @__PURE__ */ B(Ke, {
+	children: /* @__PURE__ */ q(xt, {
 		...n,
 		children: t
 	})
 }));
-zn.displayName = "Reasoning", Vn.displayName = "ReasoningTrigger", Hn.displayName = "ReasoningContent";
+Or.displayName = "Reasoning", Ar.displayName = "ReasoningTrigger", jr.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 Mr = ({ className: e, ...t }) => /* @__PURE__ */ q(w, {
+	className: U("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),
+}), Nr = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ q(E, {
+	className: U("flex items-center gap-2", e),
 	...r,
-	children: n ?? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("p", {
+	children: n ?? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J("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__ */ q(He, { className: "h-4 w-4" })] })
+}), Pr = ({ className: e, ...t }) => /* @__PURE__ */ q(T, {
+	className: U("mt-3 flex w-fit flex-col gap-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
 	...t
-}), Kn = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ B("a", {
+}), Fr = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ q("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__ */ J(K, { children: [/* @__PURE__ */ q(Fe, { className: "h-4 w-4" }), /* @__PURE__ */ q("span", {
 		className: "block font-medium",
 		children: t
 	})] })
 });
 //#endregion
 //#region src/ChatbotEnhanced.tsx
-function qn(e, t) {
+function Ir(e, t) {
 	return t ? "error" : e ? "streaming" : "ready";
 }
-function Jn(e) {
+function Lr(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", toolDecisions: M, ...N }, P) => {
+	let F = Ir(l, u), [I, L] = e.useState(null), ee = e.useCallback((e) => {
 		let t = !!e.text?.trim(), n = e.files?.map((e) => e.file).filter(Boolean), r = !!(n && n.length > 0);
 		(t || r) && i?.(e.text?.trim() ?? "", n);
-	}, [i]), 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), L(e.id), window.setTimeout(() => L((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__ */ J("div", {
+		ref: P,
+		className: U("flex flex-col border rounded-lg bg-background overflow-hidden", t),
 		style: { maxHeight: g },
-		...T,
+		...N,
 		children: [
-			a && n.length > 0 && /* @__PURE__ */ V("div", {
+			a && n.length > 0 && /* @__PURE__ */ J("div", {
 				className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30",
-				children: [/* @__PURE__ */ V("span", {
+				children: [/* @__PURE__ */ J("span", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
 						" message",
 						n.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ B("button", {
+				}), /* @__PURE__ */ q("button", {
 					type: "button",
 					onClick: a,
 					className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
 					children: "Clear"
 				})]
 			}),
-			/* @__PURE__ */ V(st, {
+			T ? /* @__PURE__ */ q("div", {
+				className: "shrink-0 border-b bg-background/50",
+				children: T
+			}) : null,
+			/* @__PURE__ */ J(Kt, {
 				className: "flex-1 min-h-0",
-				children: [/* @__PURE__ */ B(ct, {
+				children: [/* @__PURE__ */ q(qt, {
 					className: "space-y-4 px-4 py-3",
-					children: n.length === 0 ? /* @__PURE__ */ B(lt, {
+					children: n.length === 0 ? /* @__PURE__ */ q(Jt, {
 						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__ */ q(dr, {
 							className: "justify-center pt-2",
-							children: x.map((e) => /* @__PURE__ */ B(Cn, {
+							children: x.map((e) => /* @__PURE__ */ q(fr, {
 								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__ */ J($t, {
+							from: Lr(e.role),
+							children: [/* @__PURE__ */ J(en, { children: [
+								!t && r ? /* @__PURE__ */ J(Or, {
 									isStreaming: !!e.streaming && !e.content,
 									className: "mb-2",
-									children: [/* @__PURE__ */ B(Vn, {}), /* @__PURE__ */ B(Hn, { children: r })]
+									children: [/* @__PURE__ */ q(Ar, {}), /* @__PURE__ */ q(jr, { 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 = M?.[e.toolCallId], i = t === "approval-requested" && !!O && !r, a = t === "approval-requested" && !!e.pendingActionId;
+									return /* @__PURE__ */ J(_r, {
 										defaultOpen: t !== "output-available",
-										children: [/* @__PURE__ */ B(An, {
+										children: [/* @__PURE__ */ q(yr, {
 											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__ */ J(br, { children: [
+											e.args === void 0 ? null : /* @__PURE__ */ q(xr, { input: e.args }),
+											a ? null : /* @__PURE__ */ q(Sr, {
+												output: e.result,
+												errorText: e.errorText
+											}),
+											r ? /* @__PURE__ */ J("div", {
+												className: "flex items-center gap-2 p-3 border-t text-xs " + (r.state === "error" ? "bg-destructive/10 text-destructive" : r.state === "success" ? "bg-emerald-500/10 text-emerald-700 dark:text-emerald-400" : "bg-muted/30 text-muted-foreground"),
+												children: [/* @__PURE__ */ q("span", {
+													"aria-hidden": "true",
+													children: r.state === "pending" ? "⏳" : r.state === "success" ? "✓" : "✗"
+												}), /* @__PURE__ */ q("span", { children: r.message ?? (r.state === "pending" ? "Submitting decision…" : r.state === "success" ? "Action approved and executed." : "Decision failed.") })]
+											}) : null,
+											i ? /* @__PURE__ */ J("div", {
+												className: "flex gap-2 p-3 border-t bg-muted/30",
+												children: [/* @__PURE__ */ q("button", {
+													type: "button",
+													onClick: () => O?.(e.toolCallId, !0),
+													className: "inline-flex h-7 items-center rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90",
+													children: k
+												}), /* @__PURE__ */ q("button", {
+													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__ */ q("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__ */ J(Mr, { children: [/* @__PURE__ */ q(Nr, { count: i.length }), /* @__PURE__ */ q(Pr, { children: i.map((e, t) => /* @__PURE__ */ q(Fr, {
 									href: e.url,
 									title: e.title ?? e.url
 								}, e.id ?? e.url ?? t)) })] }) : null,
-								d && e.timestamp ? /* @__PURE__ */ B("div", {
+								d && e.timestamp ? /* @__PURE__ */ q("div", {
 									className: "text-[10px] opacity-70 mt-1",
 									children: e.timestamp
 								}) : null
-							] }), t ? null : /* @__PURE__ */ V(gt, { children: [
-								/* @__PURE__ */ B(q, {
+							] }), t ? null : /* @__PURE__ */ J(tn, { children: [
+								/* @__PURE__ */ q(nn, {
 									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: I === e.id ? /* @__PURE__ */ q(Re, { className: "size-3.5" }) : /* @__PURE__ */ q(Je, { className: "size-3.5" })
 								}),
-								s ? /* @__PURE__ */ B(q, {
+								s ? /* @__PURE__ */ q(nn, {
 									label: "Regenerate",
 									tooltip: "Regenerate",
 									onClick: s,
-									children: /* @__PURE__ */ B(Ne, { className: "size-3.5" })
+									children: /* @__PURE__ */ q(st, { className: "size-3.5" })
 								}) : null,
-								e.traceId ? /* @__PURE__ */ B("a", {
+								e.traceId ? /* @__PURE__ */ q("a", {
 									href: `#trace/${e.traceId}`,
 									"data-trace-id": e.traceId,
 									className: "text-[10px] text-muted-foreground hover:text-foreground ml-1 underline",
@@ -1556,18 +1635,18 @@ var Yn = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 							] })]
 						}, e.id);
 					})
-				}), /* @__PURE__ */ B(ut, {})]
+				}), /* @__PURE__ */ q(Yt, {})]
 			}),
-			u ? /* @__PURE__ */ V("div", {
+			u ? /* @__PURE__ */ J("div", {
 				className: "flex items-center gap-2 px-4 py-2 border-t bg-destructive/10 text-destructive text-sm",
 				role: "alert",
 				children: [
-					/* @__PURE__ */ B(de, { className: "h-4 w-4 shrink-0" }),
-					/* @__PURE__ */ B("span", {
+					/* @__PURE__ */ q(Ne, { className: "h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ q("span", {
 						className: "flex-1 truncate",
 						children: u.message || "An error occurred"
 					}),
-					s ? /* @__PURE__ */ B("button", {
+					s ? /* @__PURE__ */ q("button", {
 						type: "button",
 						onClick: s,
 						className: "text-xs underline hover:no-underline",
@@ -1575,36 +1654,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__ */ J("div", {
+				className: "relative",
+				children: [E ? /* @__PURE__ */ q("div", {
+					className: "absolute bottom-full left-0 right-0 z-10 px-3 pb-1",
+					children: E
+				}) : null, /* @__PURE__ */ J(Mn, {
+					accept: y,
+					maxFileSize: b,
+					onSubmit: ee,
+					onError: (e) => {
+						console.warn("[plugin-chatbot] prompt-input error", e);
+					},
+					children: [
+						v ? /* @__PURE__ */ q(Nn, { children: /* @__PURE__ */ q(An, { children: (e) => /* @__PURE__ */ q(kn, { data: e }) }) }) : null,
+						/* @__PURE__ */ q(Pn, {
+							placeholder: r,
+							disabled: c || F === "streaming",
+							onChange: D ? (e) => D(e.currentTarget.value) : void 0
+						}),
+						/* @__PURE__ */ J(In, { children: [/* @__PURE__ */ J(Ln, { children: [v ? /* @__PURE__ */ J(zn, { children: [/* @__PURE__ */ q(Bn, {}), /* @__PURE__ */ q(Vn, { children: /* @__PURE__ */ q(jn, {}) })] }) : null, S && S.length > 0 ? /* @__PURE__ */ q("select", {
+							"aria-label": "Model",
+							value: C ?? S[0].id,
+							onChange: (e) => w?.(e.target.value),
+							className: "h-7 rounded-md border bg-background px-2 text-xs text-muted-foreground hover:text-foreground focus:outline-none focus:ring-1 focus:ring-ring",
+							children: S.map((e) => /* @__PURE__ */ J("option", {
+								value: e.id,
+								children: [e.label ?? e.id, e.provider ? ` · ${e.provider}` : ""]
+							}, e.id))
+						}) : null] }), /* @__PURE__ */ q(Un, {
+							status: F,
+							disabled: c,
+							onClick: F === "streaming" ? o : void 0
+						})] })
+					]
+				})]
 			}),
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ q("span", {
 				hidden: !0,
 				"data-avatar-user": f ?? p,
 				"data-avatar-assistant": m ?? h
@@ -1612,10 +1698,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 Rr({ 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 +1709,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__ */ J(Vt, {
 		defaultOpen: a,
-		children: [/* @__PURE__ */ B(at, {
+		children: [/* @__PURE__ */ q(Wt, {
 			position: i,
 			size: l
-		}), /* @__PURE__ */ B(ot, {
+		}), /* @__PURE__ */ q(Gt, {
 			title: c,
 			position: i,
 			width: o,
 			height: s,
 			headerExtra: n,
-			children: /* @__PURE__ */ B(Yn, {
+			children: /* @__PURE__ */ q($, {
 				...r,
 				maxHeight: "100%",
 				className: "h-full border-0 rounded-none"
 			})
 		})]
 	});
-	return u ? Ve.createPortal(f, u) : f;
+	return u ? ht.createPortal(f, u) : f;
 }
-U.register("chatbot", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, sendMessage: a } = G({
+Et.register("chatbot", ({ schema: e, className: t, ...n }) => {
+	let { messages: r, isLoading: i, sendMessage: a } = Y({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -1661,7 +1747,7 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ B(er, {
+	return /* @__PURE__ */ q(ai, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e) => {
@@ -1809,8 +1895,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({
+}), Et.register("chatbot-enhanced", ({ schema: e, className: t, ...n }) => {
+	let { messages: r, isLoading: i, error: a, sendMessage: o, stop: s, reload: c, clear: l, isApiMode: u } = Y({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -1827,7 +1913,7 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ B(Yn, {
+	return /* @__PURE__ */ q($, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e, t) => {
@@ -1989,8 +2075,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({
+}), Et.register("chatbot-floating", ({ schema: e, className: t, ...n }) => {
+	let { messages: r, isLoading: i, error: a, sendMessage: o, stop: s, reload: c, clear: l, isApiMode: u } = Y({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -2007,7 +2093,7 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ B(Xn, {
+	return /* @__PURE__ */ q(Rr, {
 		floatingConfig: e.floatingConfig,
 		messages: r,
 		placeholder: e.placeholder,
@@ -2179,71 +2265,71 @@ U.register("chatbot", ({ schema: e, className: t, ...n }) => {
 });
 //#endregion
 //#region src/elements/loader.tsx
-var Zn = ({ size: e = 16 }) => /* @__PURE__ */ V("svg", {
+var zr = ({ size: e = 16 }) => /* @__PURE__ */ J("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__ */ q("title", { children: "Loader" }),
+		/* @__PURE__ */ J("g", {
 			clipPath: "url(#clip0_2393_1490)",
 			children: [
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M8 0V4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M8 16V12",
 					opacity: "0.5",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M3.29773 1.52783L5.64887 4.7639",
 					opacity: "0.9",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M12.7023 1.52783L10.3511 4.7639",
 					opacity: "0.1",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M12.7023 14.472L10.3511 11.236",
 					opacity: "0.4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M3.29773 14.472L5.64887 11.236",
 					opacity: "0.6",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M15.6085 5.52783L11.8043 6.7639",
 					opacity: "0.2",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M0.391602 10.472L4.19583 9.23598",
 					opacity: "0.7",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M15.6085 10.4722L11.8043 9.2361",
 					opacity: "0.3",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ B("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M0.391602 5.52783L4.19583 6.7639",
 					opacity: "0.8",
 					stroke: "currentColor",
@@ -2251,125 +2337,824 @@ var Zn = ({ size: e = 16 }) => /* @__PURE__ */ V("svg", {
 				})
 			]
 		}),
-		/* @__PURE__ */ B("defs", { children: /* @__PURE__ */ B("clipPath", {
+		/* @__PURE__ */ q("defs", { children: /* @__PURE__ */ q("clipPath", {
 			id: "clip0_2393_1490",
-			children: /* @__PURE__ */ B("rect", {
+			children: /* @__PURE__ */ q("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),
+}), Br = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ q("div", {
+	className: U("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__ */ q(zr, { size: t })
+}), Vr = /* @__PURE__ */ Ot({
+	CodeBlock: () => Q,
+	CodeBlockCopyButton: () => gr,
+	Conversation: () => Kt,
+	ConversationContent: () => qt,
+	ConversationEmptyState: () => Jt,
+	ConversationScrollButton: () => Yt,
+	Loader: () => Br,
+	Message: () => $t,
+	MessageAction: () => nn,
+	MessageActions: () => tn,
+	MessageAttachment: () => fn,
+	MessageAttachments: () => pn,
+	MessageBranch: () => an,
+	MessageBranchContent: () => on,
+	MessageBranchNext: () => ln,
+	MessageBranchPage: () => un,
+	MessageBranchPrevious: () => cn,
+	MessageBranchSelector: () => sn,
+	MessageContent: () => en,
+	MessageResponse: () => dn,
+	MessageToolbar: () => mn,
+	PromptInput: () => Mn,
+	PromptInputActionAddAttachments: () => jn,
+	PromptInputActionMenu: () => zn,
+	PromptInputActionMenuContent: () => Vn,
+	PromptInputActionMenuItem: () => Hn,
+	PromptInputActionMenuTrigger: () => Bn,
+	PromptInputAttachment: () => kn,
+	PromptInputAttachments: () => An,
+	PromptInputBody: () => Nn,
+	PromptInputButton: () => Rn,
+	PromptInputCommand: () => ir,
+	PromptInputCommandEmpty: () => sr,
+	PromptInputCommandGroup: () => cr,
+	PromptInputCommandInput: () => ar,
+	PromptInputCommandItem: () => lr,
+	PromptInputCommandList: () => or,
+	PromptInputCommandSeparator: () => ur,
+	PromptInputFooter: () => In,
+	PromptInputHeader: () => Fn,
+	PromptInputHoverCard: () => Xn,
+	PromptInputHoverCardContent: () => Qn,
+	PromptInputHoverCardTrigger: () => Zn,
+	PromptInputProvider: () => Dn,
+	PromptInputSelect: () => Gn,
+	PromptInputSelectContent: () => qn,
+	PromptInputSelectItem: () => Jn,
+	PromptInputSelectTrigger: () => Kn,
+	PromptInputSelectValue: () => Yn,
+	PromptInputSpeechButton: () => Wn,
+	PromptInputSubmit: () => Un,
+	PromptInputTab: () => er,
+	PromptInputTabBody: () => nr,
+	PromptInputTabItem: () => rr,
+	PromptInputTabLabel: () => tr,
+	PromptInputTabsList: () => $n,
+	PromptInputTextarea: () => Pn,
+	PromptInputTools: () => Ln,
+	Reasoning: () => Or,
+	ReasoningContent: () => jr,
+	ReasoningTrigger: () => Ar,
+	Shimmer: () => Cr,
+	Source: () => Fr,
+	Sources: () => Mr,
+	SourcesContent: () => Pr,
+	SourcesTrigger: () => Nr,
+	Suggestion: () => fr,
+	Suggestions: () => dr,
+	Tool: () => _r,
+	ToolContent: () => br,
+	ToolHeader: () => yr,
+	ToolInput: () => xr,
+	ToolOutput: () => Sr,
+	highlightCode: () => hr,
 	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);
+	usePromptInputController: () => Cn,
+	useProviderAttachments: () => Tn,
+	useReasoning: () => Tr
+}), Hr = "/api/v1/ai";
+function Ur(e, t, n) {
+	let r = e.replace(/\/$/, ""), i = new URLSearchParams();
+	if (n) for (let [e, t] of Object.entries(n)) t == null || t === "" || i.set(e, String(t));
+	let a = i.toString();
+	return `${r}${t}${a ? `?${a}` : ""}`;
+}
+async function Wr(e, t, n) {
+	let r = await fetch(e, {
+		credentials: "include",
+		...t,
+		headers: {
+			Accept: "application/json",
+			"Content-Type": "application/json",
+			...n ?? {},
+			...t.headers ?? {}
+		}
+	}), i = null;
+	try {
+		i = await r.json();
+	} catch {}
+	if (!r.ok) {
+		let e = i?.error?.message ?? i?.message ?? i?.error ?? `${r.status} ${r.statusText}`, t = Error(typeof e == "string" ? e : JSON.stringify(e));
+		throw t.status = r.status, t.body = i, t;
+	}
+	return i;
+}
+function Gr(t = {}) {
+	let { apiBase: n = Hr, status: r = "pending", conversationId: i, limit: a, headers: o, pollInterval: s = 5e3, enabled: c = !0 } = t, [l, u] = e.useState([]), [d, f] = e.useState(0), [p, m] = e.useState(!1), [h, g] = e.useState(void 0), _ = e.useRef({
+		apiBase: n,
+		status: r,
+		conversationId: i,
+		limit: a,
+		headers: o
+	});
+	_.current = {
+		apiBase: n,
+		status: r,
+		conversationId: i,
+		limit: a,
+		headers: o
+	};
+	let v = e.useCallback(async () => {
+		let { apiBase: e, status: t, conversationId: n, limit: r, headers: i } = _.current;
+		m(!0), g(void 0);
+		try {
+			let a = await Wr(Ur(e, "/pending-actions", {
+				status: t && t !== "all" ? t : void 0,
+				conversationId: n,
+				limit: r
+			}), { method: "GET" }, i);
+			u(Array.isArray(a.items) ? a.items : []), f(typeof a.total == "number" ? a.total : a.items?.length ?? 0);
+		} catch (e) {
+			g(e instanceof Error ? e : Error(String(e)));
+		} finally {
+			m(!1);
+		}
+	}, []), y = e.useCallback(async (e) => {
+		let { apiBase: t, headers: n } = _.current, r = Ur(t, `/pending-actions/${encodeURIComponent(e)}/approve`);
+		try {
+			return await Wr(r, {
+				method: "POST",
+				body: "{}"
+			}, n);
+		} finally {
+			v();
+		}
+	}, [v]), b = e.useCallback(async (e, t) => {
+		let { apiBase: n, headers: r } = _.current, i = Ur(n, `/pending-actions/${encodeURIComponent(e)}/reject`);
+		try {
+			return await Wr(i, {
+				method: "POST",
+				body: JSON.stringify(t ? { reason: t } : {})
+			}, r);
+		} finally {
+			v();
+		}
+	}, [v]);
+	return e.useEffect(() => {
+		if (!c || (v(), !s || s <= 0)) return;
+		let e = setInterval(() => {
+			v();
+		}, s);
+		return () => clearInterval(e);
+	}, [
+		c,
+		s,
+		v,
+		n,
+		r,
+		i,
+		a
+	]), {
+		items: l,
+		total: d,
+		isLoading: p,
+		error: h,
+		refresh: v,
+		approve: y,
+		reject: b
+	};
+}
+//#endregion
+//#region src/AiPendingActionsInbox.tsx
+var Kr = {
+	pending: {
+		variant: "secondary",
+		label: "Pending"
+	},
+	approved: {
+		variant: "default",
+		label: "Approved"
+	},
+	executed: {
+		variant: "default",
+		label: "Executed"
+	},
+	failed: {
+		variant: "destructive",
+		label: "Failed"
+	},
+	rejected: {
+		variant: "outline",
+		label: "Rejected"
+	}
+};
+function qr({ status: e }) {
+	let t = Kr[e] ?? {
+		variant: "outline",
+		label: e
+	};
+	return /* @__PURE__ */ q(_, {
+		variant: t.variant,
+		children: t.label
+	});
+}
+function Jr(e) {
+	if (!e) return "—";
+	let t = Date.parse(e);
+	if (Number.isNaN(t)) return e;
+	let n = Date.now() - t, r = Math.round(n / 1e3);
+	if (r < 45) return "just now";
+	let i = Math.round(r / 60);
+	if (i < 60) return `${i}m ago`;
+	let a = Math.round(i / 60);
+	if (a < 24) return `${a}h ago`;
+	let o = Math.round(a / 24);
+	if (o < 30) return `${o}d ago`;
+	try {
+		return new Date(e).toLocaleDateString();
+	} catch {
+		return e;
+	}
+}
+function Yr(e) {
+	if (!e) return null;
+	try {
+		return JSON.parse(e);
+	} catch {
+		return e;
+	}
+}
+function Xr({ value: e, max: t = 320 }) {
+	let n = typeof e == "string" ? e : JSON.stringify(e, null, 2);
+	return n == null || n === "" ? /* @__PURE__ */ q("span", {
+		className: "text-muted-foreground text-xs",
+		children: "—"
+	}) : /* @__PURE__ */ q("pre", {
+		className: "bg-muted/40 rounded text-xs p-2 overflow-auto whitespace-pre-wrap break-all",
+		style: { maxHeight: t },
+		children: n
+	});
+}
+function Zr(e) {
+	switch (e) {
+		case "pending": return "pending";
+		case "all": return "all";
+		case "decided": return "all";
+	}
+}
+function Qr({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i, variant: a = "card", title: o = "AI Approvals", description: s = "Actions an AI agent proposed that need a human review before execution.", className: c }) {
+	let [l, u] = e.useState("pending"), [d, m] = e.useState(null), [h, g] = e.useState(null), [_, w] = e.useState(""), [T, E] = e.useState(null), [D, O] = e.useState(null), [k, A] = e.useState(null), { items: j, isLoading: M, error: N, refresh: P, approve: F, reject: I } = Gr({
+		apiBase: t,
+		headers: n,
+		pollInterval: r,
+		conversationId: i,
+		status: Zr(l)
+	}), L = e.useMemo(() => l === "decided" ? j.filter((e) => e.status !== "pending") : j, [j, l]), R = e.useMemo(() => d ? j.find((e) => e.id === d) ?? null : null, [d, j]), ae = e.useCallback(async (e) => {
+		E(e), O(null);
+		try {
+			let t = await F(e), n = t.status === "executed";
+			A({
+				id: e,
+				kind: "approve",
+				ok: n,
+				message: n ? "Executed" : t.error ?? "Action failed during execution"
+			});
+		} catch (t) {
+			let n = t instanceof Error ? t.message : String(t);
+			O(n), A({
+				id: e,
+				kind: "approve",
+				ok: !1,
+				message: n
+			});
+		} finally {
+			E(null);
+		}
+	}, [F]), z = e.useCallback(async (e, t) => {
+		E(e), O(null);
+		try {
+			await I(e, t.trim() || void 0), A({
+				id: e,
+				kind: "reject",
+				ok: !0,
+				message: "Rejected"
+			}), g(null), w("");
+		} catch (t) {
+			let n = t instanceof Error ? t.message : String(t);
+			O(n), A({
+				id: e,
+				kind: "reject",
+				ok: !1,
+				message: n
+			});
+		} finally {
+			E(null);
+		}
+	}, [I]), oe = /* @__PURE__ */ J("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ J("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ q(Te, {
+					value: l,
+					onValueChange: (e) => u(e),
+					children: /* @__PURE__ */ J(Ee, { children: [
+						/* @__PURE__ */ q(De, {
+							value: "pending",
+							children: "Pending"
+						}),
+						/* @__PURE__ */ q(De, {
+							value: "decided",
+							children: "Decided"
+						}),
+						/* @__PURE__ */ q(De, {
+							value: "all",
+							children: "All"
+						})
+					] })
+				}), /* @__PURE__ */ J(v, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => void P(),
+					disabled: M,
+					"data-testid": "ai-inbox-refresh",
+					children: [/* @__PURE__ */ q(st, { className: `h-3.5 w-3.5 mr-1.5 ${M ? "animate-spin" : ""}` }), "Refresh"]
+				})]
+			}),
+			N ? /* @__PURE__ */ J(f, {
+				variant: "destructive",
+				children: [/* @__PURE__ */ q(Ne, { className: "h-4 w-4" }), /* @__PURE__ */ q(p, { children: N.message })]
+			}) : null,
+			D ? /* @__PURE__ */ J(f, {
+				variant: "destructive",
+				children: [/* @__PURE__ */ q(Ne, { className: "h-4 w-4" }), /* @__PURE__ */ q(p, { children: D })]
+			}) : null,
+			k && !D ? /* @__PURE__ */ J(f, {
+				variant: k.ok ? "default" : "destructive",
+				children: [k.ok ? /* @__PURE__ */ q(ze, { className: "h-4 w-4" }) : /* @__PURE__ */ q(W, { className: "h-4 w-4" }), /* @__PURE__ */ J(p, { children: [
+					k.kind === "approve" ? "Approve" : "Reject",
+					" for",
+					" ",
+					/* @__PURE__ */ J("code", {
+						className: "text-xs",
+						children: [k.id.slice(0, 8), "…"]
+					}),
+					":",
+					" ",
+					k.message ?? (k.ok ? "OK" : "Failed")
+				] })]
+			}) : null,
+			M && L.length === 0 ? /* @__PURE__ */ J("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ q(be, { className: "h-10 w-full" }),
+					/* @__PURE__ */ q(be, { className: "h-10 w-full" }),
+					/* @__PURE__ */ q(be, { className: "h-10 w-full" })
+				]
+			}) : L.length === 0 ? /* @__PURE__ */ q(ee, { children: /* @__PURE__ */ J(ne, { children: [
+				/* @__PURE__ */ q(re, { children: /* @__PURE__ */ q($e, { className: "h-8 w-8 text-muted-foreground" }) }),
+				/* @__PURE__ */ q(ie, { children: "No actions waiting" }),
+				/* @__PURE__ */ q(te, { children: "When the AI proposes a sensitive action it will appear here for review." })
+			] }) }) : /* @__PURE__ */ q("div", {
+				className: "rounded-md border",
+				children: /* @__PURE__ */ J(xe, { children: [/* @__PURE__ */ q(Ce, { children: /* @__PURE__ */ J(we, { children: [
+					/* @__PURE__ */ q(H, {
+						className: "w-[140px]",
+						children: "Tool"
+					}),
+					/* @__PURE__ */ q(H, {
+						className: "w-[140px]",
+						children: "Action"
+					}),
+					/* @__PURE__ */ q(H, {
+						className: "w-[120px]",
+						children: "Object"
+					}),
+					/* @__PURE__ */ q(H, {
+						className: "w-[110px]",
+						children: "Status"
+					}),
+					/* @__PURE__ */ q(H, {
+						className: "w-[110px]",
+						children: "Proposed"
+					}),
+					/* @__PURE__ */ q(H, {
+						className: "w-[260px] text-right",
+						children: "Decision"
+					})
+				] }) }), /* @__PURE__ */ q(Se, { children: L.map((e) => {
+					let t = e.status === "pending", n = T === e.id;
+					return /* @__PURE__ */ J(we, { children: [
+						/* @__PURE__ */ q(V, {
+							className: "font-mono text-xs",
+							children: e.tool_name
+						}),
+						/* @__PURE__ */ q(V, {
+							className: "text-sm",
+							children: e.action_name
+						}),
+						/* @__PURE__ */ q(V, {
+							className: "text-sm",
+							children: e.object_name
+						}),
+						/* @__PURE__ */ q(V, { children: /* @__PURE__ */ q(qr, { status: e.status }) }),
+						/* @__PURE__ */ q(V, {
+							className: "text-xs text-muted-foreground",
+							children: /* @__PURE__ */ J("span", {
+								className: "inline-flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ q(Ke, { className: "h-3 w-3" }),
+									" ",
+									Jr(e.proposed_at)
+								]
+							})
+						}),
+						/* @__PURE__ */ q(V, {
+							className: "text-right",
+							children: /* @__PURE__ */ J("div", {
+								className: "inline-flex gap-1.5",
+								children: [/* @__PURE__ */ J(v, {
+									size: "sm",
+									variant: "ghost",
+									onClick: () => m(e.id),
+									"data-testid": `ai-inbox-view-${e.id}`,
+									children: [/* @__PURE__ */ q(Ze, { className: "h-3.5 w-3.5 mr-1" }), " View"]
+								}), t ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J(v, {
+									size: "sm",
+									variant: "default",
+									disabled: n,
+									onClick: () => void ae(e.id),
+									"data-testid": `ai-inbox-approve-${e.id}`,
+									children: [/* @__PURE__ */ q(ze, { className: "h-3.5 w-3.5 mr-1" }), n ? "Working…" : "Approve"]
+								}), /* @__PURE__ */ J(v, {
+									size: "sm",
+									variant: "destructive",
+									disabled: n,
+									onClick: () => {
+										g(e.id), w("");
+									},
+									"data-testid": `ai-inbox-reject-${e.id}`,
+									children: [/* @__PURE__ */ q(W, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
+								})] }) : null]
+							})
+						})
+					] }, e.id);
+				}) })] })
+			})
+		]
+	});
+	return /* @__PURE__ */ J(K, { children: [
+		a === "card" ? /* @__PURE__ */ J(y, {
+			className: c,
+			children: [/* @__PURE__ */ J(S, {
+				className: "pb-3",
+				children: [/* @__PURE__ */ J(C, {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ q(Ie, { className: "h-4 w-4" }),
+						" ",
+						o
+					]
+				}), s ? /* @__PURE__ */ q(x, { children: s }) : null]
+			}), /* @__PURE__ */ q(b, { children: oe })]
+		}) : /* @__PURE__ */ q("div", {
+			className: c,
+			children: oe
+		}),
+		/* @__PURE__ */ q(he, {
+			open: !!d,
+			onOpenChange: (e) => {
+				e || m(null);
+			},
+			children: /* @__PURE__ */ J(ge, {
+				className: "sm:max-w-[560px] overflow-y-auto",
+				children: [/* @__PURE__ */ J(ve, { children: [/* @__PURE__ */ J(ye, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ q(Ie, { className: "h-4 w-4" }), R ? R.action_name : "Pending action"]
+				}), /* @__PURE__ */ q(_e, { children: R ? /* @__PURE__ */ J(K, { children: [
+					"Tool ",
+					/* @__PURE__ */ q("code", {
+						className: "text-xs",
+						children: R.tool_name
+					}),
+					" on",
+					" ",
+					/* @__PURE__ */ q("code", {
+						className: "text-xs",
+						children: R.object_name
+					})
+				] }) : "Loading…" })] }), R ? /* @__PURE__ */ J("div", {
+					className: "px-4 space-y-4 mt-4",
+					children: [
+						/* @__PURE__ */ J("div", {
+							className: "grid grid-cols-2 gap-3 text-sm",
+							children: [
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+									className: "text-xs text-muted-foreground",
+									children: "Status"
+								}), /* @__PURE__ */ q("div", {
+									className: "mt-1",
+									children: /* @__PURE__ */ q(qr, { status: R.status })
+								})] }),
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+									className: "text-xs text-muted-foreground",
+									children: "Proposed"
+								}), /* @__PURE__ */ q("div", {
+									className: "mt-1 text-xs",
+									children: Jr(R.proposed_at)
+								})] }),
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+									className: "text-xs text-muted-foreground",
+									children: "Proposed by"
+								}), /* @__PURE__ */ q("div", {
+									className: "mt-1 text-xs font-mono break-all",
+									children: R.proposed_by ?? "—"
+								})] }),
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+									className: "text-xs text-muted-foreground",
+									children: "Decided by"
+								}), /* @__PURE__ */ q("div", {
+									className: "mt-1 text-xs font-mono break-all",
+									children: R.decided_by ?? "—"
+								})] }),
+								R.conversation_id ? /* @__PURE__ */ J("div", {
+									className: "col-span-2",
+									children: [/* @__PURE__ */ q(B, {
+										className: "text-xs text-muted-foreground",
+										children: "Conversation"
+									}), /* @__PURE__ */ q("div", {
+										className: "mt-1 text-xs font-mono break-all",
+										children: R.conversation_id
+									})]
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ q(me, {}),
+						/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+							className: "text-xs",
+							children: "Tool input"
+						}), /* @__PURE__ */ q("div", {
+							className: "mt-1.5",
+							children: /* @__PURE__ */ q(Xr, { value: Yr(R.tool_input) })
+						})] }),
+						R.result ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+							className: "text-xs",
+							children: "Result"
+						}), /* @__PURE__ */ q("div", {
+							className: "mt-1.5",
+							children: /* @__PURE__ */ q(Xr, { value: Yr(R.result) })
+						})] }) : null,
+						R.error ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+							className: "text-xs text-destructive",
+							children: "Error"
+						}), /* @__PURE__ */ q("div", {
+							className: "mt-1.5",
+							children: /* @__PURE__ */ q(Xr, { value: R.error })
+						})] }) : null,
+						R.rejection_reason ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(B, {
+							className: "text-xs",
+							children: "Rejection reason"
+						}), /* @__PURE__ */ q("div", {
+							className: "mt-1.5 text-sm",
+							children: R.rejection_reason
+						})] }) : null,
+						R.status === "pending" ? /* @__PURE__ */ J("div", {
+							className: "pt-2 flex gap-2",
+							children: [/* @__PURE__ */ J(v, {
+								size: "sm",
+								onClick: () => void ae(R.id),
+								disabled: T === R.id,
+								children: [/* @__PURE__ */ q(ze, { className: "h-3.5 w-3.5 mr-1" }), "Approve & Execute"]
+							}), /* @__PURE__ */ J(v, {
+								size: "sm",
+								variant: "destructive",
+								onClick: () => {
+									g(R.id), w("");
+								},
+								disabled: T === R.id,
+								children: [/* @__PURE__ */ q(W, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
+							})]
+						}) : null
+					]
+				}) : null]
+			})
+		}),
+		/* @__PURE__ */ q(he, {
+			open: !!h,
+			onOpenChange: (e) => {
+				e || (g(null), w(""));
+			},
+			children: /* @__PURE__ */ J(ge, {
+				side: "bottom",
+				className: "max-h-[40vh]",
+				children: [/* @__PURE__ */ J(ve, { children: [/* @__PURE__ */ q(ye, { children: "Reject this action?" }), /* @__PURE__ */ q(_e, { children: "The reason is shown back to the AI so it can adjust its next response." })] }), /* @__PURE__ */ J("div", {
+					className: "px-4 mt-3 space-y-3",
+					children: [/* @__PURE__ */ q(Oe, {
+						value: _,
+						onChange: (e) => w(e.target.value),
+						placeholder: "Optional reason (e.g. 'Wrong record id — please confirm with the user first.')",
+						rows: 4,
+						"data-testid": "ai-inbox-reject-reason"
+					}), /* @__PURE__ */ J("div", {
+						className: "flex justify-end gap-2",
+						children: [/* @__PURE__ */ q(v, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => {
+								g(null), w("");
+							},
+							children: "Cancel"
+						}), /* @__PURE__ */ J(v, {
+							variant: "destructive",
+							size: "sm",
+							onClick: () => h && void z(h, _),
+							disabled: !h || T === h,
+							"data-testid": "ai-inbox-reject-confirm",
+							children: [/* @__PURE__ */ q(W, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
+						})]
+					})]
+				})]
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/useHitlInChat.ts
+function $r(e) {
+	return !e || e.length === 0 ? "/api/v1/ai" : e.endsWith("/") ? e.slice(0, -1) : e;
+}
+function ei(e, t) {
+	let n = { ...e ?? {} };
+	return t && (n["Content-Type"] = "application/json"), n;
+}
+async function ti(e) {
+	let t = await e.text();
+	if (!t) return null;
+	try {
+		return JSON.parse(t);
+	} catch {
+		return { raw: t };
+	}
+}
+function ni(t) {
+	let { messages: n, apiBase: r, headers: i, onDecided: a, continueConversation: o } = t, s = $r(r), c = e.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of n) {
+			let n = t.toolInvocations ?? [];
+			for (let t of n) t.pendingActionId && t.toolCallId && e.set(t.toolCallId, {
+				pendingActionId: t.pendingActionId,
+				toolName: t.toolName
+			});
+		}
+		return e;
+	}, [n]), [l, u] = e.useState({}), d = e.useRef(0), [f, p] = e.useState(!1), m = e.useCallback((e, t) => {
+		u((n) => {
+			if (!t) {
+				if (!(e in n)) return n;
+				let { [e]: t, ...r } = n;
+				return r;
+			}
+			return {
+				...n,
+				[e]: t
+			};
+		});
+	}, []);
+	return {
+		decisions: l,
+		decide: e.useCallback(async (e, t, n) => {
+			let r = c.get(e);
+			if (!r) {
+				m(e, {
+					state: "error",
+					message: "No pending-action id found for this tool call. The tool result may not be a HITL proposal."
+				});
+				return;
+			}
+			let { pendingActionId: l, toolName: u } = r;
+			m(e, {
+				state: "pending",
+				message: t ? "Approving…" : "Rejecting…"
+			}), d.current += 1, p(!0);
+			try {
+				let r = `${s}/pending-actions/${encodeURIComponent(l)}/${t ? "approve" : "reject"}`, c = t ? "{}" : JSON.stringify({ reason: n ?? "" }), d = await fetch(r, {
+					method: "POST",
+					credentials: "include",
+					headers: ei(i, !0),
+					body: c
+				}), f = await ti(d) ?? {};
+				if (!d.ok) {
+					let t = typeof f.error == "string" ? f.error : `Approval failed: HTTP ${d.status}`;
+					m(e, {
+						state: "error",
+						message: t
+					}), a?.(e, {
+						id: l,
+						status: "failed",
+						error: t
+					});
+					return;
+				}
+				let p = f.status ?? (t ? "executed" : "rejected"), h = !1;
+				if (p === "executed" ? (m(e, {
+					state: "success",
+					message: "Approved — action executed."
+				}), h = !0) : p === "rejected" ? (m(e, {
+					state: "success",
+					message: n ? `Rejected: ${n}` : "Rejected."
+				}), h = !0) : p === "failed" ? m(e, {
+					state: "error",
+					message: f.error ?? "Action approved but execution failed."
+				}) : (m(e, {
+					state: "success",
+					message: `Status: ${p}`
+				}), h = !0), a?.(e, f), h && o) {
+					let r = ri({
+						approved: t,
+						status: p,
+						toolName: u,
+						pendingActionId: l,
+						outcome: f,
+						reason: n
+					});
+					r && o(r, {
+						toolCallId: e,
+						pendingActionId: l,
+						decision: t ? "approved" : "rejected",
+						outcome: f,
+						toolName: u
+					});
+				}
+			} catch (t) {
+				m(e, {
+					state: "error",
+					message: t instanceof Error ? t.message : String(t)
+				});
+			} finally {
+				--d.current, d.current <= 0 && (d.current = 0, p(!1));
+			}
+		}, [
+			s,
+			i,
+			c,
+			a,
+			o,
+			m
+		]),
+		isDeciding: f
+	};
+}
+function ri(e) {
+	let { approved: t, status: n, toolName: r, pendingActionId: i, outcome: a, reason: o } = e, s = `[HITL ${i}]`;
+	if (t && n === "executed") {
+		let e = a.result;
+		return `${s} The operator approved the \`${r}\` call. It executed successfully with result: ${e == null ? "(no payload)" : typeof e == "string" ? e : ii(JSON.stringify(e), 800)}. Acknowledge the outcome concisely and continue the user's task.`;
+	}
+	if (!t && n === "rejected") return `${s} The operator rejected the \`${r}\` call.${o && o.trim().length > 0 ? ` Reason: ${o}.` : ""} Acknowledge the rejection and ask whether to try a different approach.`;
+	if (n === "failed") {
+		let e = a.error;
+		return `${s} The \`${r}\` call was approved but execution failed: ${typeof e == "string" ? e : ii(JSON.stringify(e ?? {}), 400)}. Apologize concisely and offer alternatives.`;
+	}
+}
+function ii(e, t) {
+	return e.length <= t ? e : `${e.slice(0, t - 1)}…`;
+}
+//#endregion
+//#region src/index.tsx
+var ai = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, disabled: a = !1, showTimestamp: o = !1, userAvatarUrl: s, userAvatarFallback: c = "You", assistantAvatarUrl: l, assistantAvatarFallback: u = "AI", maxHeight: d = "500px", ...f }, p) => {
+	let [m, h] = e.useState(""), g = e.useRef(null), _ = e.useRef(null);
 	e.useEffect(() => {
-		if (_.current) {
-			let e = _.current.querySelector("[data-radix-scroll-area-viewport]");
+		if (g.current) {
+			let e = g.current.querySelector("[data-radix-scroll-area-viewport]");
 			e && (e.scrollTop = e.scrollHeight);
 		}
 	}, [n]);
 	let y = () => {
-		m.trim() && i && (i(m.trim()), h(""), v.current?.focus());
+		m.trim() && i && (i(m.trim()), h(""), _.current?.focus());
 	}, b = (e) => {
 		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), y());
 	};
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ J("div", {
 		ref: p,
-		className: I("flex flex-col border rounded-lg bg-background overflow-hidden", t),
+		className: U("flex flex-col border rounded-lg bg-background overflow-hidden", t),
 		style: { maxHeight: d },
 		...f,
-		children: [/* @__PURE__ */ B(P, {
-			ref: _,
+		children: [/* @__PURE__ */ q(se, {
+			ref: g,
 			className: "flex-1 p-4",
-			children: /* @__PURE__ */ B("div", {
+			children: /* @__PURE__ */ q("div", {
 				className: "space-y-4",
-				children: n.length === 0 ? /* @__PURE__ */ B("div", {
+				children: n.length === 0 ? /* @__PURE__ */ q("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__ */ q(oi, {
 					message: e,
 					showTimestamp: o,
 					userAvatarUrl: s,
@@ -2378,83 +3163,83 @@ var Zn = ({ size: e = 16 }) => /* @__PURE__ */ V("svg", {
 					assistantAvatarFallback: u
 				}, e.id))
 			})
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "border-t p-4",
-			children: /* @__PURE__ */ V("div", {
+			children: /* @__PURE__ */ J("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ B(ee, {
-					ref: v,
+				children: [/* @__PURE__ */ q(oe, {
+					ref: _,
 					value: m,
 					onChange: (e) => h(e.target.value),
 					onKeyDown: b,
 					placeholder: r,
 					disabled: a,
 					className: "flex-1"
-				}), /* @__PURE__ */ B(g, {
+				}), /* @__PURE__ */ q(v, {
 					onClick: y,
 					disabled: a || !m.trim(),
 					size: "icon",
-					children: /* @__PURE__ */ B(Pe, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ q(ct, { className: "h-4 w-4" })
 				})]
 			})
 		})]
 	});
 });
-er.displayName = "Chatbot";
-var tr = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
+ai.displayName = "Chatbot";
+var oi = ({ 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__ */ q("div", {
 		className: "flex justify-center",
-		children: /* @__PURE__ */ B("div", {
+		children: /* @__PURE__ */ q("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__ */ J("div", {
+		className: U("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
+		children: [/* @__PURE__ */ J(m, {
 			className: "h-8 w-8",
-			children: [/* @__PURE__ */ B(m, { src: s }), /* @__PURE__ */ B(p, {
+			children: [/* @__PURE__ */ q(g, { src: s }), /* @__PURE__ */ q(h, {
 				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__ */ J("div", {
+			className: U("flex flex-col gap-1", o ? "items-end" : "items-start"),
+			children: [/* @__PURE__ */ q("div", {
+				className: U("rounded-lg px-4 py-2 max-w-[70%] break-words", o ? "bg-primary text-primary-foreground" : "bg-muted"),
+				children: /* @__PURE__ */ q("p", {
 					className: "text-sm whitespace-pre-wrap",
 					children: e.content
 				})
-			}), t && e.timestamp && /* @__PURE__ */ B("span", {
+			}), t && e.timestamp && /* @__PURE__ */ q("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", {
+}, si = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ J("div", {
 	ref: i,
-	className: I("flex gap-3", e),
+	className: U("flex gap-3", e),
 	...r,
-	children: [/* @__PURE__ */ V(f, {
+	children: [/* @__PURE__ */ J(m, {
 		className: "h-8 w-8",
-		children: [/* @__PURE__ */ B(m, { src: t }), /* @__PURE__ */ B(p, {
+		children: [/* @__PURE__ */ q(g, { src: t }), /* @__PURE__ */ q(h, {
 			className: "text-xs",
 			children: n
 		})]
-	}), /* @__PURE__ */ B("div", {
+	}), /* @__PURE__ */ q("div", {
 		className: "flex items-center bg-muted rounded-lg px-4 py-2",
-		children: /* @__PURE__ */ V("div", {
+		children: /* @__PURE__ */ J("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__ */ q("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]" }),
+				/* @__PURE__ */ q("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]" }),
+				/* @__PURE__ */ q("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce" })
 			]
 		})
 	})]
 }));
-nr.displayName = "TypingIndicator";
+si.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 { Vr as AIElements, Qr as AiPendingActionsInbox, ai as Chatbot, $ as ChatbotEnhanced, Rr as FloatingChatbot, Gt as FloatingChatbotPanel, Vt as FloatingChatbotProvider, Wt as FloatingChatbotTrigger, si as TypingIndicator, Ft as uiMessageToChatMessage, It as uiMessagesToChatMessages, zt as useAgents, Ht as useFloatingChatbot, ni as useHitlInChat, Y as useObjectChat, Gr as usePendingActions };