@object-ui/plugin-chatbot 6.2.1 → 6.2.2

package/dist/index.js

@@ -15,31 +15,31 @@ import { nanoid as Ct } from "nanoid";
 import { codeToHtml as wt } from "shiki";
 import { useControllableState as Tt } from "@radix-ui/react-use-controllable-state";
 import { motion as Et } from "motion/react";
-import { ComponentRegistry as J } from "@object-ui/core";
+import { ComponentRegistry as Dt } from "@object-ui/core";
 //#region \0rolldown/runtime.js
-var Dt = Object.defineProperty, Ot = (e, t) => {
+var Ot = Object.defineProperty, kt = (e, t) => {
 	let n = {};
-	for (var r in e) Dt(n, r, {
+	for (var r in e) Ot(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Dt(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || Ot(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/utils.ts
-function kt(e = "msg") {
+function At(e = "msg") {
 	return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 //#endregion
 //#region src/mapMessages.ts
-function At(e, t) {
+function jt(e, t) {
 	return typeof e.content == "string" ? e.content : t.filter((e) => e.type === "text").map((e) => e.text ?? "").join("");
 }
-function jt(e) {
+function Mt(e) {
 	let t = e.filter((e) => e.type === "reasoning" || e.type === "reasoning-delta").map((e) => e.text ?? "").join("\n").trim();
 	return t.length > 0 ? t : void 0;
 }
-function Mt(e) {
+function Nt(e) {
 	let t = (e) => {
 		if (e && typeof e == "object") return e;
 		if (typeof e != "string") return;
@@ -62,9 +62,9 @@ function Mt(e) {
 		};
 	}
 }
-function Nt(e) {
+function Pt(e) {
 	return e.filter((e) => e.type === "dynamic-tool" ? !0 : typeof e.type == "string" && e.type.startsWith("tool-")).map((e) => {
-		let t = e.type === "dynamic-tool" ? e.toolName ?? "tool" : typeof e.type == "string" ? e.type.replace(/^tool-/, "") : "tool", n = e.output ?? e.result, r = Mt(n), i = e.state, a = r && i !== "output-error" ? "approval-requested" : i;
+		let t = e.type === "dynamic-tool" ? e.toolName ?? "tool" : typeof e.type == "string" ? e.type.replace(/^tool-/, "") : "tool", n = e.output ?? e.result, r = Nt(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,
@@ -76,7 +76,7 @@ function Nt(e) {
 		};
 	});
 }
-function Pt(e) {
+function Ft(e) {
 	let t = e.filter((e) => e.type === "source-url" || e.type === "source").map((e) => ({
 		id: e.id,
 		title: e.title,
@@ -84,26 +84,26 @@ function Pt(e) {
 	})).filter((e) => !!e.url);
 	return t.length > 0 ? t : void 0;
 }
-function Ft(e, t = {}) {
-	let n = Array.isArray(e.parts) ? e.parts : [], r = Nt(n), i = Array.isArray(e.toolInvocations) ? e.toolInvocations : [];
+function It(e, t = {}) {
+	let n = Array.isArray(e.parts) ? e.parts : [], r = Pt(n), i = Array.isArray(e.toolInvocations) ? e.toolInvocations : [];
 	return {
 		id: e.id ?? `msg-${Math.random().toString(36).slice(2, 8)}`,
 		role: e.role ?? "assistant",
-		content: At(e, n),
-		reasoning: jt(n),
+		content: jt(e, n),
+		reasoning: Mt(n),
 		toolInvocations: r.length > 0 ? r : i,
-		sources: Pt(n),
+		sources: Ft(n),
 		streaming: t.streaming
 	};
 }
-function It(e, t = {}) {
+function Lt(e, t = {}) {
 	if (!Array.isArray(e) || e.length === 0) return [];
 	let n = e.length - 1;
-	return e.map((e, r) => Ft(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
+	return e.map((e, r) => It(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
 }
 //#endregion
 //#region src/useObjectChat.ts
-function Lt(e) {
+function Rt(e) {
 	return (e ?? []).map((e, t) => ({
 		id: e.id || `msg-${t}`,
 		role: e.role || "user",
@@ -114,8 +114,8 @@ function Lt(e) {
 		toolInvocations: e.toolInvocations
 	}));
 }
-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) => ({
+function J(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(() => Rt(n).map((e) => ({
 		id: e.id,
 		role: e.role,
 		parts: [{
@@ -149,11 +149,11 @@ function Y(e = {}) {
 		onError: x ? (e) => {
 			h?.(e);
 		} : void 0
-	}), [w, T] = d(() => Lt(n)), [E, D] = d(!1), [O, k] = d(""), [A, j] = d(""), M = u(null);
+	}), [w, T] = d(() => Rt(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 = It(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 = Lt(e, { isStreaming: c }).map((t, n) => ({
 			...t,
 			metadata: e[n]?.metadata
 		}));
@@ -165,7 +165,7 @@ function Y(e = {}) {
 				let t = e.trim();
 				if (!t) return;
 				let n = [...l, {
-					id: kt("msg"),
+					id: At("msg"),
 					role: "user",
 					content: t
 				}];
@@ -198,7 +198,7 @@ function Y(e = {}) {
 		sendMessage: o((e) => {
 			if (!e.trim()) return;
 			let t = {
-				id: kt("msg"),
+				id: At("msg"),
 				role: "user",
 				content: e.trim(),
 				timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -208,7 +208,7 @@ function Y(e = {}) {
 				return b?.(e.trim(), r), r;
 			}), k(""), _ && (D(!0), M.current = setTimeout(() => {
 				let e = {
-					id: kt("msg"),
+					id: At("msg"),
 					role: "assistant",
 					content: v || "Thank you for your message!",
 					timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -237,7 +237,7 @@ function Y(e = {}) {
 }
 //#endregion
 //#region src/useAgents.ts
-function Rt(e) {
+function zt(e) {
 	return e.filter((e) => typeof e?.name == "string" && e.name.length > 0).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
@@ -246,7 +246,7 @@ function Rt(e) {
 		active: e.active !== !1
 	}));
 }
-function zt(e = {}) {
+function Bt(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;
@@ -266,7 +266,7 @@ function zt(e = {}) {
 			return e.json();
 		}).then((e) => {
 			if (n) return;
-			let t = Rt(Array.isArray(e) ? e : e?.agents ?? []);
+			let t = zt(Array.isArray(e) ? e : e?.agents ?? []);
 			s(t.length > 0 ? t : i);
 		}).catch((e) => {
 			n || e.name === "AbortError" || (m(e), s(i));
@@ -288,8 +288,8 @@ function zt(e = {}) {
 }
 //#endregion
 //#region src/FloatingChatbotProvider.tsx
-var Bt = e.createContext(null);
-function Vt({ defaultOpen: t = !1, children: n }) {
+var Vt = e.createContext(null);
+function Ht({ defaultOpen: t = !1, children: n }) {
 	let [r, i] = e.useState(t), [a, o] = e.useState(!1), s = e.useMemo(() => ({
 		isOpen: r,
 		isFullscreen: a,
@@ -300,19 +300,19 @@ function Vt({ defaultOpen: t = !1, children: n }) {
 		toggle: () => i((e) => !e),
 		toggleFullscreen: () => o((e) => !e)
 	}), [r, a]);
-	return /* @__PURE__ */ K(Bt.Provider, {
+	return /* @__PURE__ */ K(Vt.Provider, {
 		value: s,
 		children: n
 	});
 }
-function Ht() {
-	let t = e.useContext(Bt);
+function Ut() {
+	let t = e.useContext(Vt);
 	if (!t) throw Error("useFloatingChatbot must be used within a <FloatingChatbotProvider>");
 	return t;
 }
 //#endregion
 //#region src/FloatingChatbotTrigger.tsx
-function Ut() {
+function Wt() {
 	try {
 		let { t: e } = _t();
 		return (t, n) => {
@@ -323,8 +323,8 @@ function Ut() {
 		return (e, t) => t;
 	}
 }
-function Wt({ position: e = "bottom-right", size: t = 56, className: n }) {
-	let { isOpen: r, toggle: i } = Ht(), a = Ut();
+function Gt({ position: e = "bottom-right", size: t = 56, className: n }) {
+	let { isOpen: r, toggle: i } = Ut(), a = Wt();
 	return /* @__PURE__ */ K(v, {
 		onClick: i,
 		className: H("fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105", e === "bottom-right" ? "right-6 bottom-20 sm:bottom-6" : "left-6 bottom-20 sm:bottom-6", n),
@@ -340,10 +340,10 @@ function Wt({ position: e = "bottom-right", size: t = 56, className: n }) {
 }
 //#endregion
 //#region src/FloatingChatbotPanel.tsx
-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 ? {
+function Kt({ title: e = "Chat", position: t = "bottom-right", width: n = 400, height: r = 520, children: i, className: a, headerExtra: o, headerActions: s }) {
+	let { isOpen: c, isFullscreen: l, close: u, toggleFullscreen: d } = Ut();
+	if (!c) return null;
+	let f = l ? {
 		inset: 0,
 		width: "100vw",
 		height: "100vh"
@@ -353,8 +353,8 @@ function Gt({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 		maxHeight: "calc(100vh - 100px)"
 	};
 	return /* @__PURE__ */ q("div", {
-		className: H("fixed z-50 flex flex-col rounded-lg border bg-background shadow-xl overflow-hidden transition-all", c ? "inset-0 rounded-none" : t === "bottom-right" ? "right-6 bottom-20" : "left-6 bottom-20", a),
-		style: d,
+		className: H("fixed z-50 flex flex-col rounded-lg border bg-background shadow-xl overflow-hidden transition-all", l ? "inset-0 rounded-none" : t === "bottom-right" ? "right-6 bottom-20" : "left-6 bottom-20", a),
+		style: f,
 		role: "dialog",
 		"aria-label": e,
 		"data-testid": "floating-chatbot-panel",
@@ -372,23 +372,27 @@ function Gt({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 				}) : null,
 				/* @__PURE__ */ q("div", {
 					className: "flex items-center gap-1 shrink-0",
-					children: [/* @__PURE__ */ K(v, {
-						variant: "ghost",
-						size: "icon",
-						className: "h-7 w-7",
-						onClick: u,
-						"aria-label": c ? "Exit fullscreen" : "Fullscreen",
-						"data-testid": "floating-chatbot-fullscreen",
-						children: K(c ? at : rt, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ K(v, {
-						variant: "ghost",
-						size: "icon",
-						className: "h-7 w-7",
-						onClick: l,
-						"aria-label": "Close chat",
-						"data-testid": "floating-chatbot-close",
-						children: /* @__PURE__ */ K(ft, { className: "h-4 w-4" })
-					})]
+					children: [
+						s,
+						/* @__PURE__ */ K(v, {
+							variant: "ghost",
+							size: "icon",
+							className: "h-7 w-7",
+							onClick: d,
+							"aria-label": l ? "Exit fullscreen" : "Fullscreen",
+							"data-testid": "floating-chatbot-fullscreen",
+							children: K(l ? at : rt, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ K(v, {
+							variant: "ghost",
+							size: "icon",
+							className: "h-7 w-7",
+							onClick: u,
+							"aria-label": "Close chat",
+							"data-testid": "floating-chatbot-close",
+							children: /* @__PURE__ */ K(ft, { className: "h-4 w-4" })
+						})
+					]
 				})
 			]
 		}), /* @__PURE__ */ K("div", {
@@ -399,7 +403,7 @@ function Gt({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 }
 //#endregion
 //#region src/tool-display.ts
-var Kt = {
+var qt = {
 	ai: "AI",
 	api: "API",
 	crm: "CRM",
@@ -411,17 +415,17 @@ var Kt = {
 	url: "URL",
 	utc: "UTC"
 };
-function qt(e) {
+function Jt(e) {
 	if (!e) return "";
 	let t = String(e).trim();
 	if (!t) return "";
 	let n = t.replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").split(/\s+/).filter(Boolean);
 	return n.length === 0 ? t : n.map((e, t) => {
 		let n = e.toLowerCase();
-		return Kt[n] ? Kt[n] : t === 0 ? n.charAt(0).toUpperCase() + n.slice(1) : n;
+		return qt[n] ? qt[n] : t === 0 ? n.charAt(0).toUpperCase() + n.slice(1) : n;
 	}).join(" ");
 }
-function Jt(e) {
+function Yt(e) {
 	if (e == null) return e;
 	let t = e;
 	for (let e = 0; e < 2; e++) {
@@ -439,7 +443,7 @@ function Jt(e) {
 	}
 	return t;
 }
-function Yt(e) {
+function Xt(e) {
 	let t = (e instanceof Error ? e.message : String(e ?? "")).replace(/\s+/g, " ").trim();
 	if (!t) return { summary: "Something went wrong. Please try again." };
 	let n = t.replace(/^Failed after \d+ attempts?\.\s*Last error:\s*/i, ""), r = n.match(/^([^.;:]+[.;:!?])\s/)?.[1]?.trim() ?? (n.length > 140 ? `${n.slice(0, 137).trimEnd()}…` : n);
@@ -450,16 +454,16 @@ function Yt(e) {
 }
 //#endregion
 //#region src/elements/conversation.tsx
-var Xt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt, {
+var Zt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt, {
 	className: H("relative flex-1 overflow-y-hidden", e),
 	initial: "smooth",
 	resize: "smooth",
 	role: "log",
 	...t
-}), Zt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt.Content, {
+}), Qt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt.Content, {
 	className: H("flex flex-col gap-8 p-4", e),
 	...t
-}), Qt = ({ className: e, title: t = "No messages yet", description: n = "Start a conversation to see messages here", icon: r, children: i, ...a }) => /* @__PURE__ */ K("div", {
+}), $t = ({ className: e, title: t = "No messages yet", description: n = "Start a conversation to see messages here", icon: r, children: i, ...a }) => /* @__PURE__ */ K("div", {
 	className: H("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", e),
 	...a,
 	children: i ?? /* @__PURE__ */ q(G, { children: [r && /* @__PURE__ */ K("div", {
@@ -475,7 +479,7 @@ var Xt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt, {
 			children: n
 		})]
 	})] })
-}), $t = ({ className: e, ...t }) => {
+}), en = ({ className: e, ...t }) => {
 	let { isAtBottom: n, scrollToBottom: r } = yt(), i = o(() => {
 		r();
 	}, [r]);
@@ -488,23 +492,23 @@ var Xt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt, {
 		...t,
 		children: /* @__PURE__ */ K(Fe, { className: "size-4" })
 	});
-}, en = bt("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+}, tn = bt("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	variants: { orientation: {
 		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
 		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
 	} },
 	defaultVariants: { orientation: "horizontal" }
 });
-function tn({ className: e, orientation: t, ...n }) {
+function nn({ className: e, orientation: t, ...n }) {
 	return /* @__PURE__ */ K("div", {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": t,
-		className: H(en({ orientation: t }), e),
+		className: H(tn({ orientation: t }), e),
 		...n
 	});
 }
-function nn({ className: e, asChild: t = !1, ...n }) {
+function rn({ className: e, asChild: t = !1, ...n }) {
 	return /* @__PURE__ */ K(t ? xt : "div", {
 		className: H("flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", e),
 		...n
@@ -512,18 +516,18 @@ function nn({ className: e, asChild: t = !1, ...n }) {
 }
 //#endregion
 //#region src/elements/message.tsx
-var rn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
+var an = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 	className: H("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
 	...n
-}), an = ({ children: e, className: t, ...n }) => /* @__PURE__ */ K("div", {
+}), on = ({ children: e, className: t, ...n }) => /* @__PURE__ */ K("div", {
 	className: H("is-user:dark flex w-fit max-w-full min-w-0 flex-col gap-2 overflow-hidden text-sm", "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", t),
 	...n,
 	children: e
-}), on = ({ className: e, children: t, ...n }) => /* @__PURE__ */ K("div", {
+}), sn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ K("div", {
 	className: H("flex items-center gap-1", e),
 	...n,
 	children: t
-}), sn = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
+}), cn = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
 	let o = /* @__PURE__ */ q(v, {
 		size: i,
 		type: "button",
@@ -538,11 +542,11 @@ var rn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 		asChild: !0,
 		children: o
 	}), /* @__PURE__ */ K(je, { children: /* @__PURE__ */ K("p", { children: e }) })] }) }) : o;
-}, cn = r(null), X = () => {
-	let e = s(cn);
+}, ln = r(null), Y = () => {
+	let e = s(ln);
 	if (!e) throw Error("MessageBranch components must be used within MessageBranch");
 	return e;
-}, ln = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
+}, un = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
 	let [i, a] = d(e), [o, s] = d([]), c = (e) => {
 		a(e), t?.(e);
 	}, l = {
@@ -557,15 +561,15 @@ var rn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 		branches: o,
 		setBranches: s
 	};
-	return /* @__PURE__ */ K(cn.Provider, {
+	return /* @__PURE__ */ K(ln.Provider, {
 		value: l,
 		children: /* @__PURE__ */ K("div", {
 			className: H("grid w-full gap-2 [&>div]:pb-0", n),
 			...r
 		})
 	});
-}, un = ({ children: e, ...t }) => {
-	let { currentBranch: n, setBranches: r, branches: i } = X(), a = Array.isArray(e) ? e : [e];
+}, dn = ({ children: e, ...t }) => {
+	let { currentBranch: n, setBranches: r, branches: i } = Y(), a = Array.isArray(e) ? e : [e];
 	return c(() => {
 		i.length !== a.length && r(a);
 	}, [
@@ -577,15 +581,15 @@ var rn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 		...t,
 		children: e
 	}, e.key));
-}, dn = ({ className: e, from: t, ...n }) => {
-	let { totalBranches: r } = X();
-	return r <= 1 ? null : /* @__PURE__ */ K(tn, {
+}, fn = ({ className: e, from: t, ...n }) => {
+	let { totalBranches: r } = Y();
+	return r <= 1 ? null : /* @__PURE__ */ K(nn, {
 		className: "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
 		orientation: "horizontal",
 		...n
 	});
-}, fn = ({ children: e, ...t }) => {
-	let { goToPrevious: n, totalBranches: r } = X();
+}, pn = ({ children: e, ...t }) => {
+	let { goToPrevious: n, totalBranches: r } = Y();
 	return /* @__PURE__ */ K(v, {
 		"aria-label": "Previous branch",
 		disabled: r <= 1,
@@ -596,8 +600,8 @@ var rn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 		...t,
 		children: e ?? /* @__PURE__ */ K(We, { size: 14 })
 	});
-}, pn = ({ children: e, className: t, ...n }) => {
-	let { goToNext: r, totalBranches: i } = X();
+}, mn = ({ children: e, className: t, ...n }) => {
+	let { goToNext: r, totalBranches: i } = Y();
 	return /* @__PURE__ */ K(v, {
 		"aria-label": "Next branch",
 		disabled: i <= 1,
@@ -608,9 +612,9 @@ var rn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 		...n,
 		children: e ?? /* @__PURE__ */ K(Ge, { size: 14 })
 	});
-}, mn = ({ className: e, ...t }) => {
-	let { currentBranch: n, totalBranches: r } = X();
-	return /* @__PURE__ */ q(nn, {
+}, hn = ({ className: e, ...t }) => {
+	let { currentBranch: n, totalBranches: r } = Y();
+	return /* @__PURE__ */ q(rn, {
 		className: H("border-none bg-transparent text-muted-foreground shadow-none", e),
 		...t,
 		children: [
@@ -619,11 +623,11 @@ var rn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 			r
 		]
 	});
-}, hn = a(({ className: e, ...t }) => /* @__PURE__ */ K(St, {
+}, X = a(({ className: e, ...t }) => /* @__PURE__ */ K(St, {
 	className: H("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
 	...t
 }), (e, t) => e.children === t.children);
-hn.displayName = "MessageResponse";
+X.displayName = "MessageResponse";
 function gn({ data: e, className: t, onRemove: n, ...r }) {
 	let i = e.filename || "", a = (e.mediaType?.startsWith("image/") && e.url ? "image" : "file") == "image", o = i || (a ? "Image" : "Attachment");
 	return /* @__PURE__ */ K("div", {
@@ -1550,6 +1554,15 @@ function Br(e, t) {
 function Vr(e) {
 	return e === "user" ? "user" : "assistant";
 }
+function Hr(e) {
+	let t = e.trim();
+	if (t.length < 2 || !(t.startsWith("{") || t.startsWith("[")) || !(t.endsWith("}") || t.endsWith("]"))) return !1;
+	try {
+		return JSON.parse(t), !0;
+	} catch {
+		return !1;
+	}
+}
 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 = Br(l, u), [I, L] = e.useState(null), ee = e.useCallback((e) => {
 		let t = !!e.text?.trim(), n = e.files?.map((e) => e.file).filter(Boolean), r = !!(n && n.length > 0);
@@ -1585,11 +1598,11 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 				className: "shrink-0 border-b bg-background/50",
 				children: T
 			}) : null,
-			/* @__PURE__ */ q(Xt, {
+			/* @__PURE__ */ q(Zt, {
 				className: "flex-1 min-h-0",
-				children: [/* @__PURE__ */ K(Zt, {
+				children: [/* @__PURE__ */ K(Qt, {
 					className: "space-y-4 px-4 py-3",
-					children: n.length === 0 ? /* @__PURE__ */ K(Qt, {
+					children: n.length === 0 ? /* @__PURE__ */ K($t, {
 						title: "Start a conversation",
 						description: "Ask anything — the assistant has access to your current app context.",
 						children: x && x.length > 0 ? /* @__PURE__ */ K(hr, {
@@ -1601,16 +1614,16 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 						}) : null
 					}) : n.map((e) => {
 						let t = e.role === "user", n = e.toolInvocations ?? [], r = e.reasoning?.trim(), i = e.sources ?? [];
-						return /* @__PURE__ */ q(rn, {
+						return /* @__PURE__ */ q(an, {
 							from: Vr(e.role),
-							children: [/* @__PURE__ */ q(an, { children: [
+							children: [/* @__PURE__ */ q(on, { children: [
 								!t && r ? /* @__PURE__ */ q(Mr, {
 									isStreaming: !!e.streaming && !e.content,
 									className: "mb-2",
 									children: [/* @__PURE__ */ K(Pr, {}), /* @__PURE__ */ K(Fr, { children: r })]
 								}) : null,
 								!t && n.length > 0 ? n.map((e) => {
-									let t = e.state ?? (e.errorText ? "output-error" : e.result === void 0 ? "input-available" : "output-available"), n = `tool-${e.toolName}`, r = M?.[e.toolCallId], i = t === "approval-requested" && !!O && !r, a = t === "approval-requested" && !!e.pendingActionId, o = qt(e.toolName), s = Jt(e.result), c = /* @__PURE__ */ q("span", {
+									let t = e.state ?? (e.errorText ? "output-error" : e.result === void 0 ? "input-available" : "output-available"), n = `tool-${e.toolName}`, r = M?.[e.toolCallId], i = t === "approval-requested" && !!O && !r, a = t === "approval-requested" && !!e.pendingActionId, o = Jt(e.toolName), s = Yt(e.result), c = /* @__PURE__ */ q("span", {
 										className: "inline-flex items-center gap-2",
 										children: [/* @__PURE__ */ K("span", { children: o || e.toolName }), o && o.toLowerCase() !== e.toolName.toLowerCase() ? /* @__PURE__ */ K("code", {
 											className: "rounded bg-muted px-1 py-px text-[10px] font-mono text-muted-foreground",
@@ -1618,14 +1631,14 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 										}) : null]
 									});
 									return /* @__PURE__ */ q(xr, {
-										defaultOpen: t !== "output-available",
+										defaultOpen: t === "output-error" || t === "approval-requested",
 										children: [/* @__PURE__ */ K(Cr, {
 											type: n,
 											state: t,
 											title: c
 										}), /* @__PURE__ */ q(wr, { children: [
 											e.args === void 0 ? null : /* @__PURE__ */ K(Tr, { input: e.args }),
-											a ? null : /* @__PURE__ */ K(Er, {
+											a ? null : /* @__PURE__ */ K(Wr, {
 												output: s,
 												errorText: e.errorText
 											}),
@@ -1653,7 +1666,10 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 										] })]
 									}, e.toolCallId);
 								}) : null,
-								e.content,
+								t ? e.content ? /* @__PURE__ */ K("div", {
+									className: "whitespace-pre-wrap break-words",
+									children: e.content
+								}) : null : e.content ? /* @__PURE__ */ K(X, { children: e.content }) : null,
 								e.streaming ? /* @__PURE__ */ K("span", {
 									"aria-hidden": !0,
 									className: "ml-0.5 inline-block w-[2px] h-4 align-middle bg-current animate-pulse"
@@ -1666,14 +1682,14 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 									className: "text-[10px] opacity-70 mt-1",
 									children: e.timestamp
 								}) : null
-							] }), t ? null : /* @__PURE__ */ q(on, { children: [
-								/* @__PURE__ */ K(sn, {
+							] }), t ? null : /* @__PURE__ */ q(sn, { children: [
+								/* @__PURE__ */ K(cn, {
 									label: "Copy",
 									tooltip: "Copy",
 									onClick: () => ne(e),
 									children: I === e.id ? /* @__PURE__ */ K(ze, { className: "size-3.5" }) : /* @__PURE__ */ K(Ye, { className: "size-3.5" })
 								}),
-								s ? /* @__PURE__ */ K(sn, {
+								s ? /* @__PURE__ */ K(cn, {
 									label: "Regenerate",
 									tooltip: "Regenerate",
 									onClick: s,
@@ -1689,9 +1705,9 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 							] })]
 						}, e.id);
 					})
-				}), /* @__PURE__ */ K($t, {})]
+				}), /* @__PURE__ */ K(en, {})]
 			}),
-			u ? /* @__PURE__ */ K(Hr, {
+			u ? /* @__PURE__ */ K(Ur, {
 				error: u,
 				onReload: s
 			}) : null,
@@ -1758,8 +1774,8 @@ var $ = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type y
 	});
 });
 $.displayName = "ChatbotEnhanced";
-function Hr({ error: t, onReload: n }) {
-	let { summary: r, details: i } = e.useMemo(() => Yt(t), [t]), [a, o] = e.useState(!1);
+function Ur({ error: t, onReload: n }) {
+	let { summary: r, details: i } = e.useMemo(() => Xt(t), [t]), [a, o] = e.useState(!1);
 	return /* @__PURE__ */ q("div", {
 		className: "flex flex-col gap-1 border-t bg-destructive/10 px-4 py-2 text-destructive text-sm",
 		role: "alert",
@@ -1791,38 +1807,57 @@ function Hr({ error: t, onReload: n }) {
 		}) : null]
 	});
 }
+function Wr({ output: e, errorText: t }) {
+	return t ? /* @__PURE__ */ K(Er, {
+		output: void 0,
+		errorText: t
+	}) : e == null || e === "" ? null : typeof e == "string" && !Hr(e) ? /* @__PURE__ */ q("div", {
+		className: "space-y-2 p-4",
+		children: [/* @__PURE__ */ K("h4", {
+			className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
+			children: "Result"
+		}), /* @__PURE__ */ K("div", {
+			className: "overflow-x-auto rounded-md bg-muted/40 px-3 py-2 text-sm text-foreground",
+			children: /* @__PURE__ */ K(X, { children: e })
+		})]
+	}) : /* @__PURE__ */ K(Er, {
+		output: e,
+		errorText: void 0
+	});
+}
 //#endregion
 //#region src/FloatingChatbot.tsx
-function Ur({ floatingConfig: t, headerExtra: n, ...r }) {
-	let { position: i = "bottom-right", defaultOpen: a = !1, panelWidth: o = 400, panelHeight: s = 520, title: c = "Chat", triggerSize: l = 56 } = t ?? {}, [u, d] = e.useState(null);
+function Gr({ floatingConfig: t, headerExtra: n, headerActions: r, ...i }) {
+	let { position: a = "bottom-right", defaultOpen: o = !1, panelWidth: s = 400, panelHeight: c = 520, title: l = "Chat", triggerSize: u = 56 } = t ?? {}, [d, f] = e.useState(null);
 	e.useEffect(() => {
 		let e = document.getElementById("floating-chatbot-portal");
-		return e || (e = document.createElement("div"), e.id = "floating-chatbot-portal", document.body.appendChild(e)), d(e), () => {
+		return e || (e = document.createElement("div"), e.id = "floating-chatbot-portal", document.body.appendChild(e)), f(e), () => {
 			e && e.parentNode && !e.hasChildNodes() && e.parentNode.removeChild(e);
 		};
 	}, []);
-	let f = /* @__PURE__ */ q(Vt, {
-		defaultOpen: a,
-		children: [/* @__PURE__ */ K(Wt, {
-			position: i,
-			size: l
-		}), /* @__PURE__ */ K(Gt, {
-			title: c,
-			position: i,
-			width: o,
-			height: s,
+	let p = /* @__PURE__ */ q(Ht, {
+		defaultOpen: o,
+		children: [/* @__PURE__ */ K(Gt, {
+			position: a,
+			size: u
+		}), /* @__PURE__ */ K(Kt, {
+			title: l,
+			position: a,
+			width: s,
+			height: c,
 			headerExtra: n,
+			headerActions: r,
 			children: /* @__PURE__ */ K($, {
-				...r,
+				...i,
 				maxHeight: "100%",
 				className: "h-full border-0 rounded-none"
 			})
 		})]
 	});
-	return u ? gt.createPortal(f, u) : f;
+	return d ? gt.createPortal(p, d) : p;
 }
-J.register("chatbot", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, sendMessage: a } = Y({
+Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
+	let { messages: r, isLoading: i, sendMessage: a } = J({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -1839,7 +1874,7 @@ J.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ K(ui, {
+	return /* @__PURE__ */ K(fi, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e) => {
@@ -1987,8 +2022,8 @@ J.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), J.register("chatbot-enhanced", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, error: a, sendMessage: o, stop: s, reload: c, clear: l, isApiMode: u } = Y({
+}), Dt.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 } = J({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -2167,8 +2202,8 @@ J.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), J.register("chatbot-floating", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, error: a, sendMessage: o, stop: s, reload: c, clear: l, isApiMode: u } = Y({
+}), Dt.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 } = J({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -2185,7 +2220,7 @@ J.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ K(Ur, {
+	return /* @__PURE__ */ K(Gr, {
 		floatingConfig: e.floatingConfig,
 		messages: r,
 		placeholder: e.placeholder,
@@ -2357,7 +2392,7 @@ J.register("chatbot", ({ schema: e, className: t, ...n }) => {
 });
 //#endregion
 //#region src/elements/loader.tsx
-var Wr = ({ size: e = 16 }) => /* @__PURE__ */ q("svg", {
+var Kr = ({ size: e = 16 }) => /* @__PURE__ */ q("svg", {
 	height: e,
 	strokeLinejoin: "round",
 	style: { color: "currentcolor" },
@@ -2438,31 +2473,31 @@ var Wr = ({ size: e = 16 }) => /* @__PURE__ */ q("svg", {
 			})
 		}) })
 	]
-}), Gr = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ K("div", {
+}), qr = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ K("div", {
 	className: H("inline-flex animate-spin items-center justify-center", e),
 	...n,
-	children: /* @__PURE__ */ K(Wr, { size: t })
-}), Kr = /* @__PURE__ */ Ot({
+	children: /* @__PURE__ */ K(Kr, { size: t })
+}), Jr = /* @__PURE__ */ kt({
 	CodeBlock: () => Q,
 	CodeBlockCopyButton: () => br,
-	Conversation: () => Xt,
-	ConversationContent: () => Zt,
-	ConversationEmptyState: () => Qt,
-	ConversationScrollButton: () => $t,
-	Loader: () => Gr,
-	Message: () => rn,
-	MessageAction: () => sn,
-	MessageActions: () => on,
+	Conversation: () => Zt,
+	ConversationContent: () => Qt,
+	ConversationEmptyState: () => $t,
+	ConversationScrollButton: () => en,
+	Loader: () => qr,
+	Message: () => an,
+	MessageAction: () => cn,
+	MessageActions: () => sn,
 	MessageAttachment: () => gn,
 	MessageAttachments: () => _n,
-	MessageBranch: () => ln,
-	MessageBranchContent: () => un,
-	MessageBranchNext: () => pn,
-	MessageBranchPage: () => mn,
-	MessageBranchPrevious: () => fn,
-	MessageBranchSelector: () => dn,
-	MessageContent: () => an,
-	MessageResponse: () => hn,
+	MessageBranch: () => un,
+	MessageBranchContent: () => dn,
+	MessageBranchNext: () => mn,
+	MessageBranchPage: () => hn,
+	MessageBranchPrevious: () => pn,
+	MessageBranchSelector: () => fn,
+	MessageContent: () => on,
+	MessageResponse: () => X,
 	MessageToolbar: () => vn,
 	PromptInput: () => In,
 	PromptInputActionAddAttachments: () => Fn,
@@ -2521,14 +2556,14 @@ var Wr = ({ size: e = 16 }) => /* @__PURE__ */ q("svg", {
 	usePromptInputController: () => Dn,
 	useProviderAttachments: () => kn,
 	useReasoning: () => kr
-}), qr = "/api/v1/ai";
-function Jr(e, t, n) {
+}), Yr = "/api/v1/ai";
+function Xr(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 Yr(e, t, n) {
+async function Zr(e, t, n) {
 	let r = await fetch(e, {
 		credentials: "include",
 		...t,
@@ -2548,8 +2583,8 @@ async function Yr(e, t, n) {
 	}
 	return i;
 }
-function Xr(t = {}) {
-	let { apiBase: n = qr, status: r = "pending", conversationId: i, limit: a, headers: o, pollInterval: s = 5e3, enabled: c = !0 } = t, [l, u] = e.useState([]), [d, f] = e.useState(0), [p, m] = e.useState(!1), [h, g] = e.useState(void 0), _ = e.useRef({
+function Qr(t = {}) {
+	let { apiBase: n = Yr, 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,
@@ -2567,7 +2602,7 @@ function Xr(t = {}) {
 		let { apiBase: e, status: t, conversationId: n, limit: r, headers: i } = _.current;
 		m(!0), g(void 0);
 		try {
-			let a = await Yr(Jr(e, "/pending-actions", {
+			let a = await Zr(Xr(e, "/pending-actions", {
 				status: t && t !== "all" ? t : void 0,
 				conversationId: n,
 				limit: r
@@ -2579,9 +2614,9 @@ function Xr(t = {}) {
 			m(!1);
 		}
 	}, []), y = e.useCallback(async (e) => {
-		let { apiBase: t, headers: n } = _.current, r = Jr(t, `/pending-actions/${encodeURIComponent(e)}/approve`);
+		let { apiBase: t, headers: n } = _.current, r = Xr(t, `/pending-actions/${encodeURIComponent(e)}/approve`);
 		try {
-			return await Yr(r, {
+			return await Zr(r, {
 				method: "POST",
 				body: "{}"
 			}, n);
@@ -2589,9 +2624,9 @@ function Xr(t = {}) {
 			v();
 		}
 	}, [v]), b = e.useCallback(async (e, t) => {
-		let { apiBase: n, headers: r } = _.current, i = Jr(n, `/pending-actions/${encodeURIComponent(e)}/reject`);
+		let { apiBase: n, headers: r } = _.current, i = Xr(n, `/pending-actions/${encodeURIComponent(e)}/reject`);
 		try {
-			return await Yr(i, {
+			return await Zr(i, {
 				method: "POST",
 				body: JSON.stringify(t ? { reason: t } : {})
 			}, r);
@@ -2625,7 +2660,7 @@ function Xr(t = {}) {
 }
 //#endregion
 //#region src/AiPendingActionsInbox.tsx
-var Zr = {
+var $r = {
 	pending: {
 		variant: "secondary",
 		label: "Pending"
@@ -2647,8 +2682,8 @@ var Zr = {
 		label: "Rejected"
 	}
 };
-function Qr({ status: e }) {
-	let t = Zr[e] ?? {
+function ei({ status: e }) {
+	let t = $r[e] ?? {
 		variant: "outline",
 		label: e
 	};
@@ -2657,7 +2692,7 @@ function Qr({ status: e }) {
 		children: t.label
 	});
 }
-function $r(e) {
+function ti(e) {
 	if (!e) return "—";
 	let t = Date.parse(e);
 	if (Number.isNaN(t)) return e;
@@ -2675,7 +2710,7 @@ function $r(e) {
 		return e;
 	}
 }
-function ei(e) {
+function ni(e) {
 	if (!e) return null;
 	try {
 		return JSON.parse(e);
@@ -2683,7 +2718,7 @@ function ei(e) {
 		return e;
 	}
 }
-function ti({ value: e, max: t = 320 }) {
+function ri({ value: e, max: t = 320 }) {
 	let n = typeof e == "string" ? e : JSON.stringify(e, null, 2);
 	return n == null || n === "" ? /* @__PURE__ */ K("span", {
 		className: "text-muted-foreground text-xs",
@@ -2694,20 +2729,20 @@ function ti({ value: e, max: t = 320 }) {
 		children: n
 	});
 }
-function ni(e) {
+function ii(e) {
 	switch (e) {
 		case "pending": return "pending";
 		case "all": return "all";
 		case "decided": return "all";
 	}
 }
-function ri({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i, variant: a = "card", title: o = "AI Approvals", description: s = "Actions an AI agent proposed that need a human review before execution.", className: c }) {
-	let [l, u] = e.useState("pending"), [d, m] = e.useState(null), [h, g] = e.useState(null), [_, w] = e.useState(""), [T, E] = e.useState(null), [D, O] = e.useState(null), [k, A] = e.useState(null), { items: j, isLoading: M, error: N, refresh: P, approve: F, reject: I } = Xr({
+function ai({ 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 } = Qr({
 		apiBase: t,
 		headers: n,
 		pollInterval: r,
 		conversationId: i,
-		status: ni(l)
+		status: ii(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 {
@@ -2856,7 +2891,7 @@ function ri({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 							className: "text-sm",
 							children: e.object_name
 						}),
-						/* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(Qr, { status: e.status }) }),
+						/* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(ei, { status: e.status }) }),
 						/* @__PURE__ */ K(B, {
 							className: "text-xs text-muted-foreground",
 							children: /* @__PURE__ */ q("span", {
@@ -2864,7 +2899,7 @@ function ri({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 								children: [
 									/* @__PURE__ */ K(qe, { className: "h-3 w-3" }),
 									" ",
-									$r(e.proposed_at)
+									ti(e.proposed_at)
 								]
 							})
 						}),
@@ -2953,14 +2988,14 @@ function ri({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 									children: "Status"
 								}), /* @__PURE__ */ K("div", {
 									className: "mt-1",
-									children: /* @__PURE__ */ K(Qr, { status: R.status })
+									children: /* @__PURE__ */ K(ei, { status: R.status })
 								})] }),
 								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 									className: "text-xs text-muted-foreground",
 									children: "Proposed"
 								}), /* @__PURE__ */ K("div", {
 									className: "mt-1 text-xs",
-									children: $r(R.proposed_at)
+									children: ti(R.proposed_at)
 								})] }),
 								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 									className: "text-xs text-muted-foreground",
@@ -2994,21 +3029,21 @@ function ri({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 							children: "Tool input"
 						}), /* @__PURE__ */ K("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ K(ti, { value: ei(R.tool_input) })
+							children: /* @__PURE__ */ K(ri, { value: ni(R.tool_input) })
 						})] }),
 						R.result ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 							className: "text-xs",
 							children: "Result"
 						}), /* @__PURE__ */ K("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ K(ti, { value: ei(R.result) })
+							children: /* @__PURE__ */ K(ri, { value: ni(R.result) })
 						})] }) : null,
 						R.error ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 							className: "text-xs text-destructive",
 							children: "Error"
 						}), /* @__PURE__ */ K("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ K(ti, { value: R.error })
+							children: /* @__PURE__ */ K(ri, { value: R.error })
 						})] }) : null,
 						R.rejection_reason ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
 							className: "text-xs",
@@ -3079,14 +3114,14 @@ function ri({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 }
 //#endregion
 //#region src/useHitlInChat.ts
-function ii(e) {
+function oi(e) {
 	return !e || e.length === 0 ? "/api/v1/ai" : e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function ai(e, t) {
+function si(e, t) {
 	let n = { ...e ?? {} };
 	return t && (n["Content-Type"] = "application/json"), n;
 }
-async function oi(e) {
+async function ci(e) {
 	let t = await e.text();
 	if (!t) return null;
 	try {
@@ -3095,8 +3130,8 @@ async function oi(e) {
 		return { raw: t };
 	}
 }
-function si(t) {
-	let { messages: n, apiBase: r, headers: i, onDecided: a, continueConversation: o } = t, s = ii(r), c = e.useMemo(() => {
+function li(t) {
+	let { messages: n, apiBase: r, headers: i, onDecided: a, continueConversation: o } = t, s = oi(r), c = e.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) {
 			let n = t.toolInvocations ?? [];
@@ -3139,9 +3174,9 @@ function si(t) {
 				let r = `${s}/pending-actions/${encodeURIComponent(l)}/${t ? "approve" : "reject"}`, c = t ? "{}" : JSON.stringify({ reason: n ?? "" }), d = await fetch(r, {
 					method: "POST",
 					credentials: "include",
-					headers: ai(i, !0),
+					headers: si(i, !0),
 					body: c
-				}), f = await oi(d) ?? {};
+				}), f = await ci(d) ?? {};
 				if (!d.ok) {
 					let t = typeof f.error == "string" ? f.error : `Approval failed: HTTP ${d.status}`;
 					m(e, {
@@ -3168,7 +3203,7 @@ function si(t) {
 					state: "success",
 					message: `Status: ${p}`
 				}), h = !0), a?.(e, f), h && o) {
-					let r = ci({
+					let r = ui({
 						approved: t,
 						status: p,
 						toolName: u,
@@ -3203,24 +3238,24 @@ function si(t) {
 		isDeciding: f
 	};
 }
-function ci(e) {
+function ui(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 : li(JSON.stringify(e), 800)}. Acknowledge the outcome concisely and continue the user's task.`;
+		return `${s} The operator approved the \`${r}\` call. It executed successfully with result: ${e == null ? "(no payload)" : typeof e == "string" ? e : di(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 : li(JSON.stringify(e ?? {}), 400)}. Apologize concisely and offer alternatives.`;
+		return `${s} The \`${r}\` call was approved but execution failed: ${typeof e == "string" ? e : di(JSON.stringify(e ?? {}), 400)}. Apologize concisely and offer alternatives.`;
 	}
 }
-function li(e, t) {
+function di(e, t) {
 	return e.length <= t ? e : `${e.slice(0, t - 1)}…`;
 }
 //#endregion
 //#region src/index.tsx
-var ui = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, disabled: a = !1, showTimestamp: o = !1, userAvatarUrl: s, userAvatarFallback: c = "You", assistantAvatarUrl: l, assistantAvatarFallback: u = "AI", maxHeight: d = "500px", ...f }, p) => {
+var fi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, disabled: a = !1, showTimestamp: o = !1, userAvatarUrl: s, userAvatarFallback: c = "You", assistantAvatarUrl: l, assistantAvatarFallback: u = "AI", maxHeight: d = "500px", ...f }, p) => {
 	let [m, h] = e.useState(""), g = e.useRef(null), _ = e.useRef(null);
 	e.useEffect(() => {
 		if (g.current) {
@@ -3246,7 +3281,7 @@ var ui = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 				children: n.length === 0 ? /* @__PURE__ */ K("div", {
 					className: "flex items-center justify-center h-32 text-muted-foreground text-sm",
 					children: "No messages yet. Start a conversation!"
-				}) : n.map((e) => /* @__PURE__ */ K(di, {
+				}) : n.map((e) => /* @__PURE__ */ K(pi, {
 					message: e,
 					showTimestamp: o,
 					userAvatarUrl: s,
@@ -3277,8 +3312,8 @@ var ui = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 		})]
 	});
 });
-ui.displayName = "Chatbot";
-var di = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
+fi.displayName = "Chatbot";
+var pi = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
 	let o = e.role === "user";
 	if (e.role === "system") return /* @__PURE__ */ K("div", {
 		className: "flex justify-center",
@@ -3310,7 +3345,7 @@ var di = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback:
 			})]
 		})]
 	});
-}, fi = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ q("div", {
+}, mi = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ q("div", {
 	ref: i,
 	className: H("flex gap-3", e),
 	...r,
@@ -3332,6 +3367,6 @@ var di = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback:
 		})
 	})]
 }));
-fi.displayName = "TypingIndicator";
+mi.displayName = "TypingIndicator";
 //#endregion
-export { Kr as AIElements, ri as AiPendingActionsInbox, ui as Chatbot, $ as ChatbotEnhanced, Ur as FloatingChatbot, Gt as FloatingChatbotPanel, Vt as FloatingChatbotProvider, Wt as FloatingChatbotTrigger, fi as TypingIndicator, qt as humanizeToolName, Yt as summarizeChatError, Ft as uiMessageToChatMessage, It as uiMessagesToChatMessages, Jt as unwrapToolResult, zt as useAgents, Ht as useFloatingChatbot, si as useHitlInChat, Y as useObjectChat, Xr as usePendingActions };
+export { Jr as AIElements, ai as AiPendingActionsInbox, fi as Chatbot, $ as ChatbotEnhanced, Gr as FloatingChatbot, Kt as FloatingChatbotPanel, Ht as FloatingChatbotProvider, Gt as FloatingChatbotTrigger, mi as TypingIndicator, Jt as humanizeToolName, Xt as summarizeChatError, It as uiMessageToChatMessage, Lt as uiMessagesToChatMessages, Yt as unwrapToolResult, Bt as useAgents, Ut as useFloatingChatbot, li as useHitlInChat, J as useObjectChat, Qr as usePendingActions };