@object-ui/plugin-chatbot 5.4.2 → 6.0.0

package/dist/index.js

@@ -1,58 +1,82 @@
 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 P, ScrollArea as F, ScrollBar as I, Select as ee, SelectContent as te, SelectItem as ne, SelectTrigger as re, SelectValue as ie, Textarea as ae, Tooltip as oe, TooltipContent as se, TooltipProvider as ce, TooltipTrigger as le, cn as L } from "@object-ui/components";
-import { AlertCircle as ue, ArrowDownIcon as de, BookIcon as fe, BrainIcon as pe, Check as me, CheckCircleIcon as he, CheckIcon as ge, ChevronDownIcon as R, ChevronLeftIcon as _e, ChevronRightIcon as ve, CircleIcon as ye, ClockIcon as be, Copy as xe, CopyIcon as Se, CornerDownLeftIcon as Ce, ImageIcon as we, Loader2Icon as Te, Maximize2 as Ee, MessageCircle as De, MicIcon as Oe, Minimize2 as ke, PaperclipIcon as Ae, PlusIcon as je, RefreshCw as Me, Send as Ne, SquareIcon as Pe, WrenchIcon as Fe, X as Ie, XCircleIcon as Le, XIcon as z } from "lucide-react";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { useChat as Re } from "@ai-sdk/react";
-import { DefaultChatTransport as ze } from "ai";
-import * as Be from "react-dom";
-import { useObjectTranslation as Ve } from "@object-ui/react";
-import { StickToBottom as He, useStickToBottomContext as Ue } from "use-stick-to-bottom";
-import { cva as U } from "class-variance-authority";
-import { Slot as We } from "@radix-ui/react-slot";
-import { Streamdown as Ge } from "streamdown";
-import { nanoid as Ke } from "nanoid";
-import { codeToHtml as qe } from "shiki";
-import { useControllableState as Je } from "@radix-ui/react-use-controllable-state";
-import { motion as Ye } from "motion/react";
-import { ComponentRegistry as W } from "@object-ui/core";
+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 Xe = Object.defineProperty, Ze = (e, t) => {
+var Dt = Object.defineProperty, Ot = (e, t) => {
 	let n = {};
-	for (var r in e) Xe(n, r, {
+	for (var r in e) Dt(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Xe(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || Dt(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/utils.ts
-function G(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 Qe(e, t) {
+function At(e, t) {
 	return typeof e.content == "string" ? e.content : t.filter((e) => e.type === "text").map((e) => e.text ?? "").join("");
 }
-function $e(e) {
+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 et(e) {
+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";
+		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: e.output ?? e.result,
+			result: n,
 			errorText: e.errorText,
-			state: e.state
+			state: a,
+			pendingActionId: r?.pendingActionId
 		};
 	});
 }
-function tt(e) {
+function Pt(e) {
 	let t = e.filter((e) => e.type === "source-url" || e.type === "source").map((e) => ({
 		id: e.id,
 		title: e.title,
@@ -60,26 +84,26 @@ function tt(e) {
 	})).filter((e) => !!e.url);
 	return t.length > 0 ? t : void 0;
 }
-function nt(e, t = {}) {
-	let n = Array.isArray(e.parts) ? e.parts : [], r = et(n), i = Array.isArray(e.toolInvocations) ? e.toolInvocations : [];
+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: Qe(e, n),
-		reasoning: $e(n),
+		content: At(e, n),
+		reasoning: jt(n),
 		toolInvocations: r.length > 0 ? r : i,
-		sources: tt(n),
+		sources: Pt(n),
 		streaming: t.streaming
 	};
 }
-function rt(e, t = {}) {
+function It(e, t = {}) {
 	if (!Array.isArray(e) || e.length === 0) return [];
 	let n = e.length - 1;
-	return e.map((e, r) => nt(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
+	return e.map((e, r) => Ft(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
 }
 //#endregion
 //#region src/useObjectChat.ts
-function it(e) {
+function Lt(e) {
 	return (e ?? []).map((e, t) => ({
 		id: e.id || `msg-${t}`,
 		role: e.role || "user",
@@ -90,17 +114,17 @@ function it(e) {
 		toolInvocations: e.toolInvocations
 	}));
 }
-function K(e = {}) {
-	let { api: t, initialMessages: n, conversationId: r, systemPrompt: i, model: a, streamingEnabled: s = !0, headers: f, body: p, maxToolRoundtrips: m = 5, onError: h, showTimestamp: g, autoResponse: _, autoResponseText: v, autoResponseDelay: y = 1e3, onSend: b } = e, x = u(t ? "api" : "local").current === "api", S = l(() => it(n).map((e) => ({
+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 = Re({
+	})), []), C = pt({
 		transport: l(() => {
-			if (x) return new ze({
+			if (x) return new mt({
 				api: t,
 				headers: { ...f },
 				body: {
@@ -125,11 +149,11 @@ function K(e = {}) {
 		onError: x ? (e) => {
 			h?.(e);
 		} : void 0
-	}), [w, T] = d(() => it(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 = rt(e, { isStreaming: c }).map((t, n) => ({
+		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
 		}));
@@ -141,7 +165,7 @@ function K(e = {}) {
 				let t = e.trim();
 				if (!t) return;
 				let n = [...l, {
-					id: G("msg"),
+					id: kt("msg"),
 					role: "user",
 					content: t
 				}];
@@ -174,7 +198,7 @@ function K(e = {}) {
 		sendMessage: o((e) => {
 			if (!e.trim()) return;
 			let t = {
-				id: G("msg"),
+				id: kt("msg"),
 				role: "user",
 				content: e.trim(),
 				timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -184,7 +208,7 @@ function K(e = {}) {
 				return b?.(e.trim(), r), r;
 			}), k(""), _ && (D(!0), M.current = setTimeout(() => {
 				let e = {
-					id: G("msg"),
+					id: kt("msg"),
 					role: "assistant",
 					content: v || "Thank you for your message!",
 					timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -213,7 +237,7 @@ function K(e = {}) {
 }
 //#endregion
 //#region src/useAgents.ts
-function at(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,
@@ -222,7 +246,7 @@ function at(e) {
 		active: e.active !== !1
 	}));
 }
-function ot(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;
@@ -242,7 +266,7 @@ function ot(e = {}) {
 			return e.json();
 		}).then((e) => {
 			if (n) return;
-			let t = at(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));
@@ -264,8 +288,8 @@ function ot(e = {}) {
 }
 //#endregion
 //#region src/FloatingChatbotProvider.tsx
-var st = e.createContext(null);
-function ct({ 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,
@@ -276,21 +300,21 @@ function ct({ defaultOpen: t = !1, children: n }) {
 		toggle: () => i((e) => !e),
 		toggleFullscreen: () => o((e) => !e)
 	}), [r, a]);
-	return /* @__PURE__ */ V(st.Provider, {
+	return /* @__PURE__ */ q(Bt.Provider, {
 		value: s,
 		children: n
 	});
 }
-function q() {
-	let t = e.useContext(st);
+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 lt() {
+function Ut() {
 	try {
-		let { t: e } = Ve();
+		let { t: e } = gt();
 		return (t, n) => {
 			let r = e(`common.${t}`);
 			return !r || r === `common.${t}` ? n : r;
@@ -299,11 +323,11 @@ function lt() {
 		return (e, t) => t;
 	}
 }
-function ut({ position: e = "bottom-right", size: t = 56, className: n }) {
-	let { isOpen: r, toggle: i } = q(), a = lt();
-	return /* @__PURE__ */ V(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: L("fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105", e === "bottom-right" ? "right-6 bottom-20 sm:bottom-6" : "left-6 bottom-20 sm:bottom-6", n),
+		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
@@ -311,13 +335,13 @@ function ut({ 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: V(r ? Ie : De, { className: "h-6 w-6" })
+		children: q(r ? dt : nt, { className: "h-6 w-6" })
 	});
 }
 //#endregion
 //#region src/FloatingChatbotPanel.tsx
-function dt({ title: e = "Chat", position: t = "bottom-right", width: n = 400, height: r = 520, children: i, className: a, headerExtra: o }) {
-	let { isOpen: s, isFullscreen: c, close: l, toggleFullscreen: u } = q();
+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,
@@ -328,46 +352,46 @@ function dt({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 		height: r,
 		maxHeight: "calc(100vh - 100px)"
 	};
-	return /* @__PURE__ */ H("div", {
-		className: L("fixed z-50 flex flex-col rounded-lg border bg-background shadow-xl overflow-hidden transition-all", c ? "inset-0 rounded-none" : t === "bottom-right" ? "right-6 bottom-20" : "left-6 bottom-20", a),
+	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__ */ H("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "flex items-center justify-between gap-2 px-4 py-2 border-b bg-muted/40",
 			children: [
-				/* @__PURE__ */ V("span", {
+				/* @__PURE__ */ q("span", {
 					className: "text-sm font-medium truncate shrink-0",
 					children: e
 				}),
-				o ? /* @__PURE__ */ V("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__ */ H("div", {
+				/* @__PURE__ */ J("div", {
 					className: "flex items-center gap-1 shrink-0",
-					children: [/* @__PURE__ */ V(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: V(c ? ke : Ee, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ V(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__ */ V(Ie, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ q(dt, { className: "h-4 w-4" })
 					})]
 				})
 			]
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "flex-1 overflow-hidden",
 			children: i
 		})]
@@ -375,99 +399,99 @@ function dt({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 }
 //#endregion
 //#region src/elements/conversation.tsx
-var ft = ({ className: e, ...t }) => /* @__PURE__ */ V(He, {
-	className: L("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
-}), pt = ({ className: e, ...t }) => /* @__PURE__ */ V(He.Content, {
-	className: L("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
-}), mt = ({ className: e, title: t = "No messages yet", description: n = "Start a conversation to see messages here", icon: r, children: i, ...a }) => /* @__PURE__ */ V("div", {
-	className: L("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", e),
+}), 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__ */ H(B, { children: [r && /* @__PURE__ */ V("div", {
+	children: i ?? /* @__PURE__ */ J(K, { children: [r && /* @__PURE__ */ q("div", {
 		className: "text-muted-foreground",
 		children: r
-	}), /* @__PURE__ */ H("div", {
+	}), /* @__PURE__ */ J("div", {
 		className: "space-y-1",
-		children: [/* @__PURE__ */ V("h3", {
+		children: [/* @__PURE__ */ q("h3", {
 			className: "font-medium text-sm",
 			children: t
-		}), n && /* @__PURE__ */ V("p", {
+		}), n && /* @__PURE__ */ q("p", {
 			className: "text-muted-foreground text-sm",
 			children: n
 		})]
 	})] })
-}), ht = ({ className: e, ...t }) => {
-	let { isAtBottom: n, scrollToBottom: r } = Ue(), i = o(() => {
+}), Yt = ({ className: e, ...t }) => {
+	let { isAtBottom: n, scrollToBottom: r } = vt(), i = o(() => {
 		r();
 	}, [r]);
-	return !n && /* @__PURE__ */ V(g, {
-		className: L("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__ */ V(de, { className: "size-4" })
+		children: /* @__PURE__ */ q(Pe, { className: "size-4" })
 	});
-}, gt = U("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+}, 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 _t({ className: e, orientation: t, ...n }) {
-	return /* @__PURE__ */ V("div", {
+function Zt({ className: e, orientation: t, ...n }) {
+	return /* @__PURE__ */ q("div", {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": t,
-		className: L(gt({ orientation: t }), e),
+		className: U(Xt({ orientation: t }), e),
 		...n
 	});
 }
-function vt({ className: e, asChild: t = !1, ...n }) {
-	return /* @__PURE__ */ V(t ? We : "div", {
-		className: L("flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", e),
+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 yt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ V("div", {
-	className: L("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
+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
-}), bt = ({ children: e, className: t, ...n }) => /* @__PURE__ */ V("div", {
-	className: L("is-user:dark flex w-fit max-w-full min-w-0 flex-col gap-2 overflow-hidden text-sm", "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", t),
+}), 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
-}), xt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ V("div", {
-	className: L("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
-}), J = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
-	let o = /* @__PURE__ */ H(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__ */ V("span", {
+		children: [t, /* @__PURE__ */ q("span", {
 			className: "sr-only",
 			children: n || e
 		})]
 	});
-	return e ? /* @__PURE__ */ V(ce, { children: /* @__PURE__ */ H(oe, { children: [/* @__PURE__ */ V(le, {
+	return e ? /* @__PURE__ */ q(je, { children: /* @__PURE__ */ J(ke, { children: [/* @__PURE__ */ q(Me, {
 		asChild: !0,
 		children: o
-	}), /* @__PURE__ */ V(se, { children: /* @__PURE__ */ V("p", { children: e }) })] }) }) : o;
-}, St = r(null), Y = () => {
-	let e = s(St);
+	}), /* @__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;
-}, Ct = ({ 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 = {
@@ -482,36 +506,36 @@ var yt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ V("div", {
 		branches: o,
 		setBranches: s
 	};
-	return /* @__PURE__ */ V(St.Provider, {
+	return /* @__PURE__ */ q(rn.Provider, {
 		value: l,
-		children: /* @__PURE__ */ V("div", {
-			className: L("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
 		})
 	});
-}, wt = ({ children: e, ...t }) => {
-	let { currentBranch: n, setBranches: r, branches: i } = Y(), 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__ */ V("div", {
-		className: L("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));
-}, Tt = ({ className: e, from: t, ...n }) => {
-	let { totalBranches: r } = Y();
-	return r <= 1 ? null : /* @__PURE__ */ V(_t, {
+}, 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
 	});
-}, Et = ({ children: e, ...t }) => {
-	let { goToPrevious: n, totalBranches: r } = Y();
-	return /* @__PURE__ */ V(g, {
+}, cn = ({ children: e, ...t }) => {
+	let { goToPrevious: n, totalBranches: r } = X();
+	return /* @__PURE__ */ q(v, {
 		"aria-label": "Previous branch",
 		disabled: r <= 1,
 		onClick: n,
@@ -519,11 +543,11 @@ var yt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ V("div", {
 		type: "button",
 		variant: "ghost",
 		...t,
-		children: e ?? /* @__PURE__ */ V(_e, { size: 14 })
+		children: e ?? /* @__PURE__ */ q(Ue, { size: 14 })
 	});
-}, Dt = ({ children: e, className: t, ...n }) => {
-	let { goToNext: r, totalBranches: i } = Y();
-	return /* @__PURE__ */ V(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,
@@ -531,12 +555,12 @@ var yt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ V("div", {
 		type: "button",
 		variant: "ghost",
 		...n,
-		children: e ?? /* @__PURE__ */ V(ve, { size: 14 })
+		children: e ?? /* @__PURE__ */ q(We, { size: 14 })
 	});
-}, Ot = ({ className: e, ...t }) => {
-	let { currentBranch: n, totalBranches: r } = Y();
-	return /* @__PURE__ */ H(vt, {
-		className: L("border-none bg-transparent text-muted-foreground shadow-none", e),
+}, 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,
@@ -544,23 +568,23 @@ var yt = ({ className: e, from: t, ...n }) => /* @__PURE__ */ V("div", {
 			r
 		]
 	});
-}, kt = a(({ className: e, ...t }) => /* @__PURE__ */ V(Ge, {
-	className: L("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);
-kt.displayName = "MessageResponse";
-function At({ 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__ */ V("div", {
-		className: L("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__ */ H(B, { children: [/* @__PURE__ */ V("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__ */ H(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) => {
@@ -568,17 +592,17 @@ function At({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ V(z, {}), /* @__PURE__ */ V("span", {
+			children: [/* @__PURE__ */ q(G, {}), /* @__PURE__ */ q("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
-		})] }) : /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H(oe, { children: [/* @__PURE__ */ V(le, {
+		})] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J(ke, { children: [/* @__PURE__ */ q(Me, {
 			asChild: !0,
-			children: /* @__PURE__ */ V("div", {
+			children: /* @__PURE__ */ q("div", {
 				className: "flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground",
-				children: /* @__PURE__ */ V(Ae, { className: "size-4" })
+				children: /* @__PURE__ */ q(at, { className: "size-4" })
 			})
-		}), /* @__PURE__ */ V(se, { children: /* @__PURE__ */ V("p", { children: o }) })] }), n && /* @__PURE__ */ H(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) => {
@@ -586,36 +610,36 @@ function At({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ V(z, {}), /* @__PURE__ */ V("span", {
+			children: [/* @__PURE__ */ q(G, {}), /* @__PURE__ */ q("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
 		})] })
 	});
 }
-function jt({ children: e, className: t, ...n }) {
-	return e ? /* @__PURE__ */ V("div", {
-		className: L("ml-auto flex w-fit flex-wrap items-start gap-2", t),
+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 Mt = ({ className: e, children: t, ...n }) => /* @__PURE__ */ V("div", {
-	className: L("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 Nt({ className: e, ...t }) {
-	return /* @__PURE__ */ V("div", {
+function hn({ className: e, ...t }) {
+	return /* @__PURE__ */ q("div", {
 		"data-slot": "input-group",
 		role: "group",
-		className: L("group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", e),
+		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 Pt = U("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+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]",
@@ -624,19 +648,19 @@ var Pt = U("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 tex
 	} },
 	defaultVariants: { align: "inline-start" }
 });
-function Ft({ className: e, align: t = "inline-start", ...n }) {
-	return /* @__PURE__ */ V("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: L(Pt({ align: t }), e),
+		className: U(gn({ align: t }), e),
 		onClick: (e) => {
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		},
 		...n
 	});
 }
-var It = U("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",
@@ -645,38 +669,38 @@ var It = U("flex items-center gap-2 text-sm shadow-none", {
 	} },
 	defaultVariants: { size: "xs" }
 });
-function Lt({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
-	return /* @__PURE__ */ V(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: L(It({ size: r }), e),
+		className: U(vn({ size: r }), e),
 		...i
 	});
 }
-function Rt({ className: e, ...t }) {
-	return /* @__PURE__ */ V(ae, {
+function bn({ className: e, ...t }) {
+	return /* @__PURE__ */ q(Oe, {
 		"data-slot": "input-group-control",
-		className: L("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 X = r(null), zt = r(null), Bt = () => {
-	let e = s(X);
+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;
-}, Vt = () => s(X), Ht = () => {
-	let e = s(zt);
+}, wn = () => s(xn), Tn = () => {
+	let e = s(Sn);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
 	return e;
-}, Ut = () => s(zt);
-function Wt({ 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: Ke(),
+			id: St(),
 			type: "file",
 			url: URL.createObjectURL(e),
 			mediaType: e.type,
@@ -727,41 +751,41 @@ function Wt({ initialInput: e = "", children: t }) {
 		y,
 		b
 	]);
-	return /* @__PURE__ */ V(X.Provider, {
+	return /* @__PURE__ */ q(xn.Provider, {
 		value: x,
-		children: /* @__PURE__ */ V(zt.Provider, {
+		children: /* @__PURE__ */ q(Sn.Provider, {
 			value: y,
 			children: t
 		})
 	});
 }
-var Gt = r(null), Z = () => {
-	let e = Ut(), t = s(Gt), 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 Kt({ 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__ */ H(mn, { children: [/* @__PURE__ */ V(N, {
+	return /* @__PURE__ */ J(Xn, { children: [/* @__PURE__ */ q(z, {
 		asChild: !0,
-		children: /* @__PURE__ */ H("div", {
-			className: L("group relative flex h-8 cursor-pointer select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", t),
+		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__ */ H("div", {
+			children: [/* @__PURE__ */ J("div", {
 				className: "relative size-5 shrink-0",
-				children: [/* @__PURE__ */ V("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__ */ V("img", {
+					children: a ? /* @__PURE__ */ q("img", {
 						alt: i || "attachment",
 						className: "size-5 object-cover",
 						height: 20,
 						src: e.url,
 						width: 20
-					}) : /* @__PURE__ */ V("div", {
+					}) : /* @__PURE__ */ q("div", {
 						className: "flex size-5 items-center justify-center text-muted-foreground",
-						children: /* @__PURE__ */ V(Ae, { className: "size-3" })
+						children: /* @__PURE__ */ q(at, { className: "size-3" })
 					})
-				}), /* @__PURE__ */ H(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) => {
@@ -769,37 +793,37 @@ function Kt({ data: e, className: t, ...n }) {
 					},
 					type: "button",
 					variant: "ghost",
-					children: [/* @__PURE__ */ V(z, {}), /* @__PURE__ */ V("span", {
+					children: [/* @__PURE__ */ q(G, {}), /* @__PURE__ */ q("span", {
 						className: "sr-only",
 						children: "Remove"
 					})]
 				})]
-			}), /* @__PURE__ */ V("span", {
+			}), /* @__PURE__ */ q("span", {
 				className: "flex-1 truncate",
 				children: o
 			})]
 		}, e.id)
-	}), /* @__PURE__ */ V(gn, {
+	}), /* @__PURE__ */ q(Qn, {
 		className: "w-auto p-2",
-		children: /* @__PURE__ */ H("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "w-auto space-y-3",
-			children: [a && /* @__PURE__ */ V("div", {
+			children: [a && /* @__PURE__ */ q("div", {
 				className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
-				children: /* @__PURE__ */ V("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__ */ V("div", {
+			}), /* @__PURE__ */ q("div", {
 				className: "flex items-center gap-2.5",
-				children: /* @__PURE__ */ H("div", {
+				children: /* @__PURE__ */ J("div", {
 					className: "min-w-0 flex-1 space-y-1 px-0.5",
-					children: [/* @__PURE__ */ V("h4", {
+					children: [/* @__PURE__ */ q("h4", {
 						className: "truncate font-semibold text-sm leading-none",
 						children: i || (a ? "Image" : "Attachment")
-					}), e.mediaType && /* @__PURE__ */ V("p", {
+					}), e.mediaType && /* @__PURE__ */ q("p", {
 						className: "truncate font-mono text-muted-foreground text-xs",
 						children: e.mediaType
 					})]
@@ -808,29 +832,29 @@ function Kt({ data: e, className: t, ...n }) {
 		})
 	})] });
 }
-function qt({ children: e, className: t, ...r }) {
+function An({ children: e, className: t, ...r }) {
 	let i = Z();
-	return i.files.length ? /* @__PURE__ */ V("div", {
-		className: L("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__ */ V(n, { children: e(t) }, t.id))
+		children: i.files.map((t) => /* @__PURE__ */ q(n, { children: e(t) }, t.id))
 	}) : null;
 }
-var Jt = ({ label: e = "Add photos or files", ...t }) => {
+var jn = ({ label: e = "Add photos or files", ...t }) => {
 	let n = Z();
-	return /* @__PURE__ */ H(k, {
+	return /* @__PURE__ */ J(I, {
 		...t,
 		onSelect: (e) => {
 			e.preventDefault(), n.openFileDialog();
 		},
 		children: [
-			/* @__PURE__ */ V(we, { className: "mr-2 size-4" }),
+			/* @__PURE__ */ q(Qe, { className: "mr-2 size-4" }),
 			" ",
 			e
 		]
 	});
-}, Yt = ({ className: e, accept: t, multiple: n, globalDrop: r, syncHiddenInput: i, maxFiles: a, maxFileSize: s, onError: f, onSubmit: p, children: m, ...h }) => {
-	let g = Vt(), _ = !!g, v = u(null), y = u(null), [b, x] = d([]), S = _ ? g.attachments.files : b, C = u(S);
+}, 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();
@@ -865,7 +889,7 @@ var Jt = ({ label: e = "Add photos or files", ...t }) => {
 			});
 			let i = [];
 			for (let e of n) i.push({
-				id: Ke(),
+				id: St(),
 				type: "file",
 				url: URL.createObjectURL(e),
 				mediaType: e.type,
@@ -941,7 +965,7 @@ var Jt = ({ label: e = "Add photos or files", ...t }) => {
 		A,
 		j,
 		M
-	]), I = /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("input", {
+	]), I = /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("input", {
 		accept: t,
 		"aria-label": "Upload files",
 		className: "hidden",
@@ -950,8 +974,8 @@ var Jt = ({ label: e = "Add photos or files", ...t }) => {
 		ref: v,
 		title: "Upload files",
 		type: "file"
-	}), /* @__PURE__ */ V("form", {
-		className: L("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") || "";
@@ -978,20 +1002,20 @@ var Jt = ({ label: e = "Add photos or files", ...t }) => {
 		},
 		ref: y,
 		...h,
-		children: /* @__PURE__ */ V(Nt, {
+		children: /* @__PURE__ */ q(hn, {
 			className: "overflow-hidden",
 			children: m
 		})
 	})] });
-	return _ ? I : /* @__PURE__ */ V(Gt.Provider, {
+	return _ ? I : /* @__PURE__ */ q(On.Provider, {
 		value: F,
 		children: I
 	});
-}, Xt = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
-	className: L("contents", e),
+}, Nn = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U("contents", e),
 	...t
-}), Zt = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
-	let i = Vt(), a = Z(), [o, s] = d(!1), c = (e) => {
+}), 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();
@@ -1019,8 +1043,8 @@ var Jt = ({ label: e = "Add photos or files", ...t }) => {
 			i.textInput.setInput(t.currentTarget.value), e?.(t);
 		}
 	} : { onChange: e };
-	return /* @__PURE__ */ V(Rt, {
-		className: L("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),
@@ -1030,52 +1054,52 @@ var Jt = ({ label: e = "Add photos or files", ...t }) => {
 		...r,
 		...u
 	});
-}, Qt = ({ className: e, ...t }) => /* @__PURE__ */ V(Ft, {
+}, Fn = ({ className: e, ...t }) => /* @__PURE__ */ q(_n, {
 	align: "block-end",
-	className: L("order-first flex-wrap gap-1", e),
+	className: U("order-first flex-wrap gap-1", e),
 	...t
-}), $t = ({ className: e, ...t }) => /* @__PURE__ */ V(Ft, {
+}), In = ({ className: e, ...t }) => /* @__PURE__ */ q(_n, {
 	align: "block-end",
-	className: L("justify-between gap-1", e),
+	className: U("justify-between gap-1", e),
 	...t
-}), en = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
-	className: L("flex items-center gap-1", e),
+}), Ln = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U("flex items-center gap-1", e),
 	...t
-}), tn = ({ 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__ */ V(Lt, {
-		className: L(n),
+	return /* @__PURE__ */ q(yn, {
+		className: U(n),
 		size: a,
 		type: "button",
 		variant: e,
 		...i
 	});
-}, nn = (e) => /* @__PURE__ */ V(D, { ...e }), rn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ V(A, {
+}, zn = (e) => /* @__PURE__ */ q(P, { ...e }), Bn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ q(L, {
 	asChild: !0,
-	children: /* @__PURE__ */ V(tn, {
+	children: /* @__PURE__ */ q(Rn, {
 		className: e,
 		...n,
-		children: t ?? /* @__PURE__ */ V(je, { className: "size-4" })
+		children: t ?? /* @__PURE__ */ q(ot, { className: "size-4" })
 	})
-}), an = ({ className: e, ...t }) => /* @__PURE__ */ V(O, {
+}), Vn = ({ className: e, ...t }) => /* @__PURE__ */ q(F, {
 	align: "start",
-	className: L(e),
+	className: U(e),
 	...t
-}), on = ({ className: e, ...t }) => /* @__PURE__ */ V(k, {
-	className: L(e),
+}), Hn = ({ className: e, ...t }) => /* @__PURE__ */ q(I, {
+	className: U(e),
 	...t
-}), sn = ({ className: e, variant: t = "default", size: n = "icon-sm", status: r, children: i, ...a }) => {
-	let o = /* @__PURE__ */ V(Ce, { className: "size-4" });
-	return r === "submitted" ? o = /* @__PURE__ */ V(Te, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ V(Pe, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ V(z, { className: "size-4" })), /* @__PURE__ */ V(Lt, {
+}), 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: L(e),
+		className: U(e),
 		size: n,
 		type: "submit",
 		variant: t,
 		...a,
 		children: i ?? o
 	});
-}, cn = ({ 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)) {
@@ -1105,80 +1129,80 @@ var Jt = ({ label: e = "Add photos or files", ...t }) => {
 	let p = o(() => {
 		s && (i ? s.stop() : s.start());
 	}, [s, i]);
-	return /* @__PURE__ */ V(tn, {
-		className: L("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__ */ V(Oe, { className: "size-4" })
+		children: /* @__PURE__ */ q(rt, { className: "size-4" })
 	});
-}, ln = (e) => /* @__PURE__ */ V(ee, { ...e }), un = ({ className: e, ...t }) => /* @__PURE__ */ V(re, {
-	className: L("border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors", "hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground", e),
+}, 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
-}), dn = ({ className: e, ...t }) => /* @__PURE__ */ V(te, {
-	className: L(e),
+}), qn = ({ className: e, ...t }) => /* @__PURE__ */ q(ue, {
+	className: U(e),
 	...t
-}), fn = ({ className: e, ...t }) => /* @__PURE__ */ V(ne, {
-	className: L(e),
+}), Jn = ({ className: e, ...t }) => /* @__PURE__ */ q(de, {
+	className: U(e),
 	...t
-}), pn = ({ className: e, ...t }) => /* @__PURE__ */ V(ie, {
-	className: L(e),
+}), Yn = ({ className: e, ...t }) => /* @__PURE__ */ q(pe, {
+	className: U(e),
 	...t
-}), mn = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ V(j, {
+}), Xn = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ q(R, {
 	closeDelay: t,
 	openDelay: e,
 	...n
-}), hn = (e) => /* @__PURE__ */ V(N, { ...e }), gn = ({ align: e = "start", ...t }) => /* @__PURE__ */ V(M, {
+}), Zn = (e) => /* @__PURE__ */ q(z, { ...e }), Qn = ({ align: e = "start", ...t }) => /* @__PURE__ */ q(ae, {
 	align: e,
 	...t
-}), _n = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
-	className: L(e),
+}), $n = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U(e),
 	...t
-}), vn = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
-	className: L(e),
+}), er = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U(e),
 	...t
-}), yn = ({ className: e, ...t }) => /* @__PURE__ */ V("h3", {
-	className: L("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
-}), bn = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
-	className: L("space-y-1", e),
+}), nr = ({ className: e, ...t }) => /* @__PURE__ */ q("div", {
+	className: U("space-y-1", e),
 	...t
-}), xn = ({ className: e, ...t }) => /* @__PURE__ */ V("div", {
-	className: L("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
-}), Sn = ({ className: e, ...t }) => /* @__PURE__ */ V(b, {
-	className: L(e),
+}), ir = ({ className: e, ...t }) => /* @__PURE__ */ q(D, {
+	className: U(e),
 	...t
-}), Cn = ({ className: e, ...t }) => /* @__PURE__ */ V(C, {
-	className: L(e),
+}), ar = ({ className: e, ...t }) => /* @__PURE__ */ q(A, {
+	className: U(e),
 	...t
-}), wn = ({ className: e, ...t }) => /* @__PURE__ */ V(T, {
-	className: L(e),
+}), or = ({ className: e, ...t }) => /* @__PURE__ */ q(M, {
+	className: U(e),
 	...t
-}), Tn = ({ className: e, ...t }) => /* @__PURE__ */ V(x, {
-	className: L(e),
+}), sr = ({ className: e, ...t }) => /* @__PURE__ */ q(O, {
+	className: U(e),
 	...t
-}), En = ({ className: e, ...t }) => /* @__PURE__ */ V(S, {
-	className: L(e),
+}), cr = ({ className: e, ...t }) => /* @__PURE__ */ q(k, {
+	className: U(e),
 	...t
-}), Dn = ({ className: e, ...t }) => /* @__PURE__ */ V(w, {
-	className: L(e),
+}), lr = ({ className: e, ...t }) => /* @__PURE__ */ q(j, {
+	className: U(e),
 	...t
-}), On = ({ className: e, ...t }) => /* @__PURE__ */ V(E, {
-	className: L(e),
+}), ur = ({ className: e, ...t }) => /* @__PURE__ */ q(N, {
+	className: U(e),
 	...t
-}), kn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ H(F, {
+}), dr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ J(se, {
 	className: "w-full overflow-x-auto whitespace-nowrap",
 	...n,
-	children: [/* @__PURE__ */ V("div", {
-		className: L("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__ */ V(I, {
+	}), /* @__PURE__ */ q(ce, {
 		className: "hidden",
 		orientation: "horizontal"
 	})]
-}), An = ({ suggestion: e, onClick: t, className: n, variant: r = "outline", size: i = "sm", children: a, ...o }) => /* @__PURE__ */ V(g, {
-	className: L("cursor-pointer rounded-full px-4", n),
+}), 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);
 	},
@@ -1187,7 +1211,7 @@ var Jt = ({ label: e = "Add photos or files", ...t }) => {
 	variant: r,
 	...o,
 	children: a || e
-}), jn = r({ code: "" }), Mn = {
+}), pr = r({ code: "" }), mr = {
 	name: "line-numbers",
 	line(e, t) {
 		e.children.unshift({
@@ -1208,13 +1232,13 @@ var Jt = ({ label: e = "Add photos or files", ...t }) => {
 		});
 	}
 };
-async function Nn(e, t, n = !1) {
-	let r = n ? [Mn] : [];
-	return await Promise.all([qe(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
-	}), qe(e, {
+	}), Ct(e, {
 		lang: t,
 		theme: "one-dark-pro",
 		transformers: r
@@ -1222,7 +1246,7 @@ async function Nn(e, t, n = !1) {
 }
 var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children: i, ...a }) => {
 	let [o, s] = d(""), [l, f] = d(""), p = u(!1);
-	return c(() => (Nn(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;
@@ -1230,23 +1254,23 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		e,
 		t,
 		n
-	]), /* @__PURE__ */ V(jn.Provider, {
+	]), /* @__PURE__ */ q(pr.Provider, {
 		value: { code: e },
-		children: /* @__PURE__ */ V("div", {
-			className: L("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__ */ H("div", {
+			children: /* @__PURE__ */ J("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ V("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__ */ V("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__ */ V("div", {
+					i && /* @__PURE__ */ q("div", {
 						className: "absolute top-2 right-2 flex items-center gap-2",
 						children: i
 					})
@@ -1254,8 +1278,8 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 			})
 		})
 	});
-}, Pn = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
-	let [o, c] = d(!1), { code: l } = s(jn), 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;
@@ -1265,29 +1289,29 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		} catch (e) {
 			t?.(e);
 		}
-	}, f = o ? ge : Se;
-	return /* @__PURE__ */ V(g, {
-		className: L("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__ */ V(f, { size: 14 })
+		children: r ?? /* @__PURE__ */ q(f, { size: 14 })
 	});
-}, Fn = ({ className: e, ...t }) => /* @__PURE__ */ V(_, {
-	className: L("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
-}), In = (e) => /* @__PURE__ */ H(h, {
+}), vr = (e) => /* @__PURE__ */ J(_, {
 	className: "gap-1.5 rounded-full text-xs",
 	variant: "secondary",
 	children: [{
-		"input-streaming": /* @__PURE__ */ V(ye, { className: "size-4" }),
-		"input-available": /* @__PURE__ */ V(be, { className: "size-4 animate-pulse" }),
-		"approval-requested": /* @__PURE__ */ V(be, { className: "size-4 text-yellow-600" }),
-		"approval-responded": /* @__PURE__ */ V(he, { className: "size-4 text-blue-600" }),
-		"output-available": /* @__PURE__ */ V(he, { className: "size-4 text-green-600" }),
-		"output-error": /* @__PURE__ */ V(Le, { className: "size-4 text-red-600" }),
-		"output-denied": /* @__PURE__ */ V(Le, { className: "size-4 text-orange-600" })
+		"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",
@@ -1297,61 +1321,61 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		"output-error": "Error",
 		"output-denied": "Denied"
 	}[e]]
-}), Ln = ({ className: e, title: t, type: n, state: r, ...i }) => /* @__PURE__ */ H(y, {
-	className: L("flex w-full items-center justify-between gap-4 p-3", e),
+}), 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__ */ H("div", {
+	children: [/* @__PURE__ */ J("div", {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ V(Fe, { className: "size-4 text-muted-foreground" }),
-			/* @__PURE__ */ V("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("-")
 			}),
-			In(r)
+			vr(r)
 		]
-	}), /* @__PURE__ */ V(R, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
-}), Rn = ({ className: e, ...t }) => /* @__PURE__ */ V(v, {
-	className: L("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+	}), /* @__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
-}), zn = ({ className: e, input: t, ...n }) => /* @__PURE__ */ H("div", {
-	className: L("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__ */ V("h4", {
+	children: [/* @__PURE__ */ q("h4", {
 		className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 		children: "Parameters"
-	}), /* @__PURE__ */ V("div", {
+	}), /* @__PURE__ */ q("div", {
 		className: "rounded-md bg-muted/50",
-		children: /* @__PURE__ */ V(Q, {
+		children: /* @__PURE__ */ q(Q, {
 			code: JSON.stringify(t, null, 2),
 			language: "json"
 		})
 	})]
-}), Bn = ({ className: e, output: t, errorText: n, ...r }) => {
+}), Sr = ({ className: e, output: t, errorText: n, ...r }) => {
 	if (!(t || n)) return null;
-	let a = /* @__PURE__ */ V("div", { children: t });
-	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ V(Q, {
+	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__ */ V(Q, {
+	}) : typeof t == "string" && (a = /* @__PURE__ */ q(Q, {
 		code: t,
 		language: "json"
-	})), /* @__PURE__ */ H("div", {
-		className: L("space-y-2 p-4", e),
+	})), /* @__PURE__ */ J("div", {
+		className: U("space-y-2 p-4", e),
 		...r,
-		children: [/* @__PURE__ */ V("h4", {
+		children: [/* @__PURE__ */ q("h4", {
 			className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 			children: n ? "Error" : "Result"
-		}), /* @__PURE__ */ H("div", {
-			className: L("overflow-x-auto rounded-md text-xs [&_table]:w-full", n ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
-			children: [n && /* @__PURE__ */ V("div", { children: n }), a]
+		}), /* @__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]
 		})]
 	});
-}, Vn = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
-	let a = Ye.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
-	return /* @__PURE__ */ V(a, {
+}, 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: L("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", n),
+		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`,
@@ -1364,21 +1388,21 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		},
 		children: e
 	});
-}), Hn = r(null), Un = () => {
-	let e = s(Hn);
+}), wr = r(null), Tr = () => {
+	let e = s(wr);
 	if (!e) throw Error("Reasoning components must be used within Reasoning");
 	return e;
-}, Wn = 1e3, Gn = 1e3, Kn = a(({ className: e, isStreaming: t = !1, open: n, defaultOpen: r = !0, onOpenChange: i, duration: a, children: o, ...s }) => {
-	let [l, u] = Je({
+}, 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] = Je({
+	}), [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) / Gn)), v(null));
+		t ? g === null && _(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / Dr)), _(null));
 	}, [
 		t,
 		g,
@@ -1387,7 +1411,7 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		if (r && !t && l && !m) {
 			let e = setTimeout(() => {
 				u(!1), h(!0);
-			}, Wn);
+			}, Er);
 			return () => clearTimeout(e);
 		}
 	}, [
@@ -1396,15 +1420,15 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		r,
 		u,
 		m
-	]), /* @__PURE__ */ V(Hn.Provider, {
+	]), /* @__PURE__ */ q(wr.Provider, {
 		value: {
 			isStreaming: t,
 			isOpen: l,
 			setIsOpen: u,
 			duration: f
 		},
-		children: /* @__PURE__ */ V(_, {
-			className: L("not-prose mb-4", e),
+		children: /* @__PURE__ */ q(w, {
+			className: U("not-prose mb-4", e),
 			onOpenChange: (e) => {
 				u(e);
 			},
@@ -1413,152 +1437,159 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 			children: o
 		})
 	});
-}), qn = (e, t) => e || t === 0 ? /* @__PURE__ */ V(Vn, {
+}), kr = (e, t) => e || t === 0 ? /* @__PURE__ */ q(Cr, {
 	duration: 1,
 	children: "Thinking..."
-}) : t === void 0 ? /* @__PURE__ */ V("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ H("p", { children: [
+}) : t === void 0 ? /* @__PURE__ */ q("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ J("p", { children: [
 	"Thought for ",
 	t,
 	" seconds"
-] }), Jn = a(({ className: e, children: t, getThinkingMessage: n = qn, ...r }) => {
-	let { isStreaming: i, isOpen: a, duration: o } = Un();
-	return /* @__PURE__ */ V(y, {
-		className: L("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
+] }), 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__ */ H(B, { children: [
-			/* @__PURE__ */ V(pe, { className: "size-4" }),
+		children: t ?? /* @__PURE__ */ J(K, { children: [
+			/* @__PURE__ */ q(Le, { className: "size-4" }),
 			n(i, o),
-			/* @__PURE__ */ V(R, { className: L("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
+			/* @__PURE__ */ q(He, { className: U("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
 		] })
 	});
-}), Yn = a(({ className: e, children: t, ...n }) => /* @__PURE__ */ V(v, {
-	className: L("mt-4 text-sm", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+}), 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__ */ V(Ge, {
+	children: /* @__PURE__ */ q(xt, {
 		...n,
 		children: t
 	})
 }));
-Kn.displayName = "Reasoning", Jn.displayName = "ReasoningTrigger", Yn.displayName = "ReasoningContent";
+Or.displayName = "Reasoning", Ar.displayName = "ReasoningTrigger", jr.displayName = "ReasoningContent";
 //#endregion
 //#region src/elements/sources.tsx
-var Xn = ({ className: e, ...t }) => /* @__PURE__ */ V(_, {
-	className: L("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
-}), Zn = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ V(y, {
-	className: L("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__ */ H(B, { children: [/* @__PURE__ */ H("p", {
+	children: n ?? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J("p", {
 		className: "font-medium",
 		children: [
 			"Used ",
 			t,
 			" sources"
 		]
-	}), /* @__PURE__ */ V(R, { className: "h-4 w-4" })] })
-}), Qn = ({ className: e, ...t }) => /* @__PURE__ */ V(v, {
-	className: L("mt-3 flex w-fit flex-col gap-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+	}), /* @__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
-}), $n = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ V("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__ */ H(B, { children: [/* @__PURE__ */ V(fe, { className: "h-4 w-4" }), /* @__PURE__ */ V("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 er(e, t) {
+function Ir(e, t) {
 	return t ? "error" : e ? "streaming" : "ready";
 }
-function tr(e) {
+function Lr(e) {
 	return e === "user" ? "user" : "assistant";
 }
-var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, onClear: a, onStop: o, onReload: s, disabled: c = !1, isLoading: l = !1, error: u, showTimestamp: d = !1, userAvatarUrl: f, userAvatarFallback: p = "You", assistantAvatarUrl: m, assistantAvatarFallback: h = "AI", maxHeight: g = "500px", enableMarkdown: _ = !0, enableFileUpload: v = !1, acceptedFileTypes: y = "image/*,.pdf,.doc,.docx,.txt", maxFileSize: b = 10 * 1024 * 1024, suggestions: x, models: S, selectedModelId: C, onModelChange: w, headerSlot: T, promptOverlaySlot: E, onInputChange: D, onToolApprove: O, toolApproveLabel: k = "Approve", toolDenyLabel: A = "Deny", toolDenyReason: j = "User denied the operation", ...M }, N) => {
-	let P = er(l, u), [F, I] = e.useState(null), ee = 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]), te = e.useCallback((e) => {
 		i?.(e);
 	}, [i]), ne = e.useCallback((e) => {
-		navigator.clipboard?.writeText(e.content), I(e.id), window.setTimeout(() => I((t) => t === e.id ? null : t), 1500);
+		navigator.clipboard?.writeText(e.content), L(e.id), window.setTimeout(() => L((t) => t === e.id ? null : t), 1500);
 	}, []);
-	return /* @__PURE__ */ H("div", {
-		ref: N,
-		className: L("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 },
-		...M,
+		...N,
 		children: [
-			a && n.length > 0 && /* @__PURE__ */ H("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__ */ H("span", {
+				children: [/* @__PURE__ */ J("span", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
 						" message",
 						n.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ V("button", {
+				}), /* @__PURE__ */ q("button", {
 					type: "button",
 					onClick: a,
 					className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
 					children: "Clear"
 				})]
 			}),
-			T ? /* @__PURE__ */ V("div", {
+			T ? /* @__PURE__ */ q("div", {
 				className: "shrink-0 border-b bg-background/50",
 				children: T
 			}) : null,
-			/* @__PURE__ */ H(ft, {
+			/* @__PURE__ */ J(Kt, {
 				className: "flex-1 min-h-0",
-				children: [/* @__PURE__ */ V(pt, {
+				children: [/* @__PURE__ */ q(qt, {
 					className: "space-y-4 px-4 py-3",
-					children: n.length === 0 ? /* @__PURE__ */ V(mt, {
+					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__ */ V(kn, {
+						children: x && x.length > 0 ? /* @__PURE__ */ q(dr, {
 							className: "justify-center pt-2",
-							children: x.map((e) => /* @__PURE__ */ V(An, {
+							children: x.map((e) => /* @__PURE__ */ q(fr, {
 								suggestion: e,
 								onClick: te
 							}, e))
 						}) : null
 					}) : n.map((e) => {
 						let t = e.role === "user", n = e.toolInvocations ?? [], r = e.reasoning?.trim(), i = e.sources ?? [];
-						return /* @__PURE__ */ H(yt, {
-							from: tr(e.role),
-							children: [/* @__PURE__ */ H(bt, { children: [
-								!t && r ? /* @__PURE__ */ H(Kn, {
+						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__ */ V(Jn, {}), /* @__PURE__ */ V(Yn, { 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}`, r = t === "approval-requested" && !!O;
-									return /* @__PURE__ */ H(Fn, {
+									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__ */ V(Ln, {
+										children: [/* @__PURE__ */ q(yr, {
 											type: n,
 											state: t,
 											title: e.toolName
-										}), /* @__PURE__ */ H(Rn, { children: [
-											e.args === void 0 ? null : /* @__PURE__ */ V(zn, { input: e.args }),
-											/* @__PURE__ */ V(Bn, {
+										}), /* @__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__ */ H("div", {
+											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__ */ V("button", {
+												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__ */ V("button", {
+												}), /* @__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",
@@ -1569,32 +1600,32 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 									}, e.toolCallId);
 								}) : null,
 								e.content,
-								e.streaming ? /* @__PURE__ */ V("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__ */ H(Xn, { children: [/* @__PURE__ */ V(Zn, { count: i.length }), /* @__PURE__ */ V(Qn, { children: i.map((e, t) => /* @__PURE__ */ V($n, {
+								!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__ */ V("div", {
+								d && e.timestamp ? /* @__PURE__ */ q("div", {
 									className: "text-[10px] opacity-70 mt-1",
 									children: e.timestamp
 								}) : null
-							] }), t ? null : /* @__PURE__ */ H(xt, { children: [
-								/* @__PURE__ */ V(J, {
+							] }), t ? null : /* @__PURE__ */ J(tn, { children: [
+								/* @__PURE__ */ q(nn, {
 									label: "Copy",
 									tooltip: "Copy",
 									onClick: () => ne(e),
-									children: F === e.id ? /* @__PURE__ */ V(me, { className: "size-3.5" }) : /* @__PURE__ */ V(xe, { className: "size-3.5" })
+									children: I === e.id ? /* @__PURE__ */ q(Re, { className: "size-3.5" }) : /* @__PURE__ */ q(Je, { className: "size-3.5" })
 								}),
-								s ? /* @__PURE__ */ V(J, {
+								s ? /* @__PURE__ */ q(nn, {
 									label: "Regenerate",
 									tooltip: "Regenerate",
 									onClick: s,
-									children: /* @__PURE__ */ V(Me, { className: "size-3.5" })
+									children: /* @__PURE__ */ q(st, { className: "size-3.5" })
 								}) : null,
-								e.traceId ? /* @__PURE__ */ V("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",
@@ -1604,18 +1635,18 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 							] })]
 						}, e.id);
 					})
-				}), /* @__PURE__ */ V(ht, {})]
+				}), /* @__PURE__ */ q(Yt, {})]
 			}),
-			u ? /* @__PURE__ */ H("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__ */ V(ue, { className: "h-4 w-4 shrink-0" }),
-					/* @__PURE__ */ V("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__ */ V("button", {
+					s ? /* @__PURE__ */ q("button", {
 						type: "button",
 						onClick: s,
 						className: "text-xs underline hover:no-underline",
@@ -1623,12 +1654,12 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 					}) : null
 				]
 			}) : null,
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ J("div", {
 				className: "relative",
-				children: [E ? /* @__PURE__ */ V("div", {
+				children: [E ? /* @__PURE__ */ q("div", {
 					className: "absolute bottom-full left-0 right-0 z-10 px-3 pb-1",
 					children: E
-				}) : null, /* @__PURE__ */ H(Yt, {
+				}) : null, /* @__PURE__ */ J(Mn, {
 					accept: y,
 					maxFileSize: b,
 					onSubmit: ee,
@@ -1636,30 +1667,30 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 						console.warn("[plugin-chatbot] prompt-input error", e);
 					},
 					children: [
-						v ? /* @__PURE__ */ V(Xt, { children: /* @__PURE__ */ V(qt, { children: (e) => /* @__PURE__ */ V(Kt, { data: e }) }) }) : null,
-						/* @__PURE__ */ V(Zt, {
+						v ? /* @__PURE__ */ q(Nn, { children: /* @__PURE__ */ q(An, { children: (e) => /* @__PURE__ */ q(kn, { data: e }) }) }) : null,
+						/* @__PURE__ */ q(Pn, {
 							placeholder: r,
-							disabled: c || P === "streaming",
+							disabled: c || F === "streaming",
 							onChange: D ? (e) => D(e.currentTarget.value) : void 0
 						}),
-						/* @__PURE__ */ H($t, { children: [/* @__PURE__ */ H(en, { children: [v ? /* @__PURE__ */ H(nn, { children: [/* @__PURE__ */ V(rn, {}), /* @__PURE__ */ V(an, { children: /* @__PURE__ */ V(Jt, {}) })] }) : null, S && S.length > 0 ? /* @__PURE__ */ V("select", {
+						/* @__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__ */ H("option", {
+							children: S.map((e) => /* @__PURE__ */ J("option", {
 								value: e.id,
 								children: [e.label ?? e.id, e.provider ? ` · ${e.provider}` : ""]
 							}, e.id))
-						}) : null] }), /* @__PURE__ */ V(sn, {
-							status: P,
+						}) : null] }), /* @__PURE__ */ q(Un, {
+							status: F,
 							disabled: c,
-							onClick: P === "streaming" ? o : void 0
+							onClick: F === "streaming" ? o : void 0
 						})] })
 					]
 				})]
 			}),
-			/* @__PURE__ */ V("span", {
+			/* @__PURE__ */ q("span", {
 				hidden: !0,
 				"data-avatar-user": f ?? p,
 				"data-avatar-assistant": m ?? h
@@ -1670,7 +1701,7 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 $.displayName = "ChatbotEnhanced";
 //#endregion
 //#region src/FloatingChatbot.tsx
-function nr({ 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");
@@ -1678,28 +1709,28 @@ function nr({ floatingConfig: t, headerExtra: n, ...r }) {
 			e && e.parentNode && !e.hasChildNodes() && e.parentNode.removeChild(e);
 		};
 	}, []);
-	let f = /* @__PURE__ */ H(ct, {
+	let f = /* @__PURE__ */ J(Vt, {
 		defaultOpen: a,
-		children: [/* @__PURE__ */ V(ut, {
+		children: [/* @__PURE__ */ q(Wt, {
 			position: i,
 			size: l
-		}), /* @__PURE__ */ V(dt, {
+		}), /* @__PURE__ */ q(Gt, {
 			title: c,
 			position: i,
 			width: o,
 			height: s,
 			headerExtra: n,
-			children: /* @__PURE__ */ V($, {
+			children: /* @__PURE__ */ q($, {
 				...r,
 				maxHeight: "100%",
 				className: "h-full border-0 rounded-none"
 			})
 		})]
 	});
-	return u ? Be.createPortal(f, u) : f;
+	return u ? ht.createPortal(f, u) : f;
 }
-W.register("chatbot", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, sendMessage: a } = K({
+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,
@@ -1716,7 +1747,7 @@ W.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ V(or, {
+	return /* @__PURE__ */ q(ai, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e) => {
@@ -1864,8 +1895,8 @@ W.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), W.register("chatbot-enhanced", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, error: a, sendMessage: o, stop: s, reload: c, clear: l, isApiMode: u } = K({
+}), 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,
@@ -1882,7 +1913,7 @@ W.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ V($, {
+	return /* @__PURE__ */ q($, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e, t) => {
@@ -2044,8 +2075,8 @@ W.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), W.register("chatbot-floating", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, error: a, sendMessage: o, stop: s, reload: c, clear: l, isApiMode: u } = K({
+}), 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,
@@ -2062,7 +2093,7 @@ W.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ V(nr, {
+	return /* @__PURE__ */ q(Rr, {
 		floatingConfig: e.floatingConfig,
 		messages: r,
 		placeholder: e.placeholder,
@@ -2234,71 +2265,71 @@ W.register("chatbot", ({ schema: e, className: t, ...n }) => {
 });
 //#endregion
 //#region src/elements/loader.tsx
-var rr = ({ size: e = 16 }) => /* @__PURE__ */ H("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__ */ V("title", { children: "Loader" }),
-		/* @__PURE__ */ H("g", {
+		/* @__PURE__ */ q("title", { children: "Loader" }),
+		/* @__PURE__ */ J("g", {
 			clipPath: "url(#clip0_2393_1490)",
 			children: [
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M8 0V4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M8 16V12",
 					opacity: "0.5",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M3.29773 1.52783L5.64887 4.7639",
 					opacity: "0.9",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M12.7023 1.52783L10.3511 4.7639",
 					opacity: "0.1",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M12.7023 14.472L10.3511 11.236",
 					opacity: "0.4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M3.29773 14.472L5.64887 11.236",
 					opacity: "0.6",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M15.6085 5.52783L11.8043 6.7639",
 					opacity: "0.2",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M0.391602 10.472L4.19583 9.23598",
 					opacity: "0.7",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M15.6085 10.4722L11.8043 9.2361",
 					opacity: "0.3",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ V("path", {
+				/* @__PURE__ */ q("path", {
 					d: "M0.391602 5.52783L4.19583 6.7639",
 					opacity: "0.8",
 					stroke: "currentColor",
@@ -2306,125 +2337,824 @@ var rr = ({ size: e = 16 }) => /* @__PURE__ */ H("svg", {
 				})
 			]
 		}),
-		/* @__PURE__ */ V("defs", { children: /* @__PURE__ */ V("clipPath", {
+		/* @__PURE__ */ q("defs", { children: /* @__PURE__ */ q("clipPath", {
 			id: "clip0_2393_1490",
-			children: /* @__PURE__ */ V("rect", {
+			children: /* @__PURE__ */ q("rect", {
 				fill: "white",
 				height: "16",
 				width: "16"
 			})
 		}) })
 	]
-}), ir = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ V("div", {
-	className: L("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__ */ V(rr, { size: t })
-}), ar = /* @__PURE__ */ Ze({
+	children: /* @__PURE__ */ q(zr, { size: t })
+}), Vr = /* @__PURE__ */ Ot({
 	CodeBlock: () => Q,
-	CodeBlockCopyButton: () => Pn,
-	Conversation: () => ft,
-	ConversationContent: () => pt,
-	ConversationEmptyState: () => mt,
-	ConversationScrollButton: () => ht,
-	Loader: () => ir,
-	Message: () => yt,
-	MessageAction: () => J,
-	MessageActions: () => xt,
-	MessageAttachment: () => At,
-	MessageAttachments: () => jt,
-	MessageBranch: () => Ct,
-	MessageBranchContent: () => wt,
-	MessageBranchNext: () => Dt,
-	MessageBranchPage: () => Ot,
-	MessageBranchPrevious: () => Et,
-	MessageBranchSelector: () => Tt,
-	MessageContent: () => bt,
-	MessageResponse: () => kt,
-	MessageToolbar: () => Mt,
-	PromptInput: () => Yt,
-	PromptInputActionAddAttachments: () => Jt,
-	PromptInputActionMenu: () => nn,
-	PromptInputActionMenuContent: () => an,
-	PromptInputActionMenuItem: () => on,
-	PromptInputActionMenuTrigger: () => rn,
-	PromptInputAttachment: () => Kt,
-	PromptInputAttachments: () => qt,
-	PromptInputBody: () => Xt,
-	PromptInputButton: () => tn,
-	PromptInputCommand: () => Sn,
-	PromptInputCommandEmpty: () => Tn,
-	PromptInputCommandGroup: () => En,
-	PromptInputCommandInput: () => Cn,
-	PromptInputCommandItem: () => Dn,
-	PromptInputCommandList: () => wn,
-	PromptInputCommandSeparator: () => On,
-	PromptInputFooter: () => $t,
-	PromptInputHeader: () => Qt,
-	PromptInputHoverCard: () => mn,
-	PromptInputHoverCardContent: () => gn,
-	PromptInputHoverCardTrigger: () => hn,
-	PromptInputProvider: () => Wt,
-	PromptInputSelect: () => ln,
-	PromptInputSelectContent: () => dn,
-	PromptInputSelectItem: () => fn,
-	PromptInputSelectTrigger: () => un,
-	PromptInputSelectValue: () => pn,
-	PromptInputSpeechButton: () => cn,
-	PromptInputSubmit: () => sn,
-	PromptInputTab: () => vn,
-	PromptInputTabBody: () => bn,
-	PromptInputTabItem: () => xn,
-	PromptInputTabLabel: () => yn,
-	PromptInputTabsList: () => _n,
-	PromptInputTextarea: () => Zt,
-	PromptInputTools: () => en,
-	Reasoning: () => Kn,
-	ReasoningContent: () => Yn,
-	ReasoningTrigger: () => Jn,
-	Shimmer: () => Vn,
-	Source: () => $n,
-	Sources: () => Xn,
-	SourcesContent: () => Qn,
-	SourcesTrigger: () => Zn,
-	Suggestion: () => An,
-	Suggestions: () => kn,
-	Tool: () => Fn,
-	ToolContent: () => Rn,
-	ToolHeader: () => Ln,
-	ToolInput: () => zn,
-	ToolOutput: () => Bn,
-	highlightCode: () => Nn,
+	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: () => Bt,
-	useProviderAttachments: () => Ht,
-	useReasoning: () => Un
-}), or = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, disabled: a = !1, showTimestamp: o = !1, userAvatarUrl: s, userAvatarFallback: c = "You", assistantAvatarUrl: l, assistantAvatarFallback: u = "AI", maxHeight: d = "500px", ...f }, p) => {
-	let [m, h] = e.useState(""), _ = e.useRef(null), v = e.useRef(null);
+	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__ */ H("div", {
+	return /* @__PURE__ */ J("div", {
 		ref: p,
-		className: L("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__ */ V(F, {
-			ref: _,
+		children: [/* @__PURE__ */ q(se, {
+			ref: g,
 			className: "flex-1 p-4",
-			children: /* @__PURE__ */ V("div", {
+			children: /* @__PURE__ */ q("div", {
 				className: "space-y-4",
-				children: n.length === 0 ? /* @__PURE__ */ V("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__ */ V(sr, {
+				}) : n.map((e) => /* @__PURE__ */ q(oi, {
 					message: e,
 					showTimestamp: o,
 					userAvatarUrl: s,
@@ -2433,83 +3163,83 @@ var rr = ({ size: e = 16 }) => /* @__PURE__ */ H("svg", {
 					assistantAvatarFallback: u
 				}, e.id))
 			})
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "border-t p-4",
-			children: /* @__PURE__ */ H("div", {
+			children: /* @__PURE__ */ J("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ V(P, {
-					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__ */ V(g, {
+				}), /* @__PURE__ */ q(v, {
 					onClick: y,
 					disabled: a || !m.trim(),
 					size: "icon",
-					children: /* @__PURE__ */ V(Ne, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ q(ct, { className: "h-4 w-4" })
 				})]
 			})
 		})]
 	});
 });
-or.displayName = "Chatbot";
-var sr = ({ 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__ */ V("div", {
+	if (e.role === "system") return /* @__PURE__ */ q("div", {
 		className: "flex justify-center",
-		children: /* @__PURE__ */ V("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__ */ H("div", {
-		className: L("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
-		children: [/* @__PURE__ */ H(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__ */ V(m, { src: s }), /* @__PURE__ */ V(p, {
+			children: [/* @__PURE__ */ q(g, { src: s }), /* @__PURE__ */ q(h, {
 				className: "text-xs",
 				children: c
 			})]
-		}), /* @__PURE__ */ H("div", {
-			className: L("flex flex-col gap-1", o ? "items-end" : "items-start"),
-			children: [/* @__PURE__ */ V("div", {
-				className: L("rounded-lg px-4 py-2 max-w-[70%] break-words", o ? "bg-primary text-primary-foreground" : "bg-muted"),
-				children: /* @__PURE__ */ V("p", {
+		}), /* @__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__ */ V("span", {
+			}), t && e.timestamp && /* @__PURE__ */ q("span", {
 				className: "text-xs text-muted-foreground",
 				children: e.timestamp
 			})]
 		})]
 	});
-}, cr = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ H("div", {
+}, si = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ J("div", {
 	ref: i,
-	className: L("flex gap-3", e),
+	className: U("flex gap-3", e),
 	...r,
-	children: [/* @__PURE__ */ H(f, {
+	children: [/* @__PURE__ */ J(m, {
 		className: "h-8 w-8",
-		children: [/* @__PURE__ */ V(m, { src: t }), /* @__PURE__ */ V(p, {
+		children: [/* @__PURE__ */ q(g, { src: t }), /* @__PURE__ */ q(h, {
 			className: "text-xs",
 			children: n
 		})]
-	}), /* @__PURE__ */ V("div", {
+	}), /* @__PURE__ */ q("div", {
 		className: "flex items-center bg-muted rounded-lg px-4 py-2",
-		children: /* @__PURE__ */ H("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "flex gap-1",
 			children: [
-				/* @__PURE__ */ V("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]" }),
-				/* @__PURE__ */ V("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]" }),
-				/* @__PURE__ */ V("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce" })
+				/* @__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" })
 			]
 		})
 	})]
 }));
-cr.displayName = "TypingIndicator";
+si.displayName = "TypingIndicator";
 //#endregion
-export { ar as AIElements, or as Chatbot, $ as ChatbotEnhanced, nr as FloatingChatbot, dt as FloatingChatbotPanel, ct as FloatingChatbotProvider, ut as FloatingChatbotTrigger, cr as TypingIndicator, nt as uiMessageToChatMessage, rt as uiMessagesToChatMessages, ot as useAgents, q as useFloatingChatbot, K as useObjectChat };
+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 };