@object-ui/plugin-chatbot 6.2.2 → 7.0.0

package/dist/index.js

@@ -1,45 +1,45 @@
 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 { 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 oe, Input as se, Label as z, ScrollArea as ce, ScrollBar as le, Select as ue, SelectContent as de, SelectItem as fe, SelectTrigger as pe, SelectValue as me, Separator as he, Sheet as ge, SheetContent as _e, SheetDescription as ve, SheetHeader as ye, SheetTitle as be, Skeleton as xe, Table as Se, TableBody as Ce, TableCell as B, TableHead as V, TableHeader as we, TableRow as Te, Tabs as Ee, TabsList as De, TabsTrigger as Oe, Textarea as ke, Tooltip as Ae, TooltipContent as je, TooltipProvider as Me, TooltipTrigger as Ne, cn as H } from "@object-ui/components";
-import { AlertCircle as Pe, ArrowDownIcon as Fe, BookIcon as Ie, Bot as Le, BrainIcon as Re, Check as ze, CheckCircle2 as Be, CheckCircleIcon as Ve, CheckIcon as He, ChevronDownIcon as Ue, ChevronLeftIcon as We, ChevronRightIcon as Ge, CircleIcon as Ke, Clock as qe, ClockIcon as Je, Copy as Ye, CopyIcon as Xe, CornerDownLeft as Ze, CornerDownLeftIcon as Qe, Eye as $e, ImageIcon as et, Inbox as tt, Loader2Icon as nt, Maximize2 as rt, MicIcon as it, Minimize2 as at, PaperclipIcon as ot, PlusIcon as st, RefreshCw as ct, Send as lt, SquareIcon as ut, WrenchIcon as dt, X as ft, XCircle as U, XCircleIcon as pt, XIcon as W } from "lucide-react";
-import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
-import { useChat as mt } from "@ai-sdk/react";
-import { DefaultChatTransport as ht } from "ai";
-import * as gt from "react-dom";
-import { useObjectTranslation as _t } from "@object-ui/react";
-import { StickToBottom as vt, useStickToBottomContext as yt } from "use-stick-to-bottom";
-import { cva as bt } from "class-variance-authority";
-import { Slot as xt } from "@radix-ui/react-slot";
-import { Streamdown as St } from "streamdown";
-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 Dt } 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 ee, DropdownMenuContent as te, DropdownMenuItem as P, DropdownMenuTrigger as F, Empty as ne, EmptyDescription as I, EmptyHeader as re, EmptyMedia as ie, EmptyTitle as ae, HoverCard as L, HoverCardContent as R, 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 V, SheetTitle as ve, Skeleton as H, Table as ye, TableBody as be, TableCell as U, TableHead as W, TableHeader as G, TableRow as K, Tabs as xe, TabsList as q, TabsTrigger as Se, Textarea as Ce, Tooltip as we, TooltipContent as Te, TooltipProvider as Ee, TooltipTrigger as De, cn as J } from "@object-ui/components";
+import { AlertCircle as Oe, ArrowDownIcon as ke, ArrowRight as Ae, BookIcon as je, Bot as Me, BrainIcon as Ne, Check as Pe, CheckCircle2 as Y, CheckCircleIcon as Fe, CheckIcon as Ie, ChevronDownIcon as Le, ChevronLeftIcon as Re, ChevronRightIcon as ze, CircleIcon as Be, ClipboardList as Ve, Clock as He, Clock3 as Ue, ClockIcon as We, Copy as Ge, CopyIcon as Ke, CornerDownLeft as qe, CornerDownLeftIcon as Je, Eye as Ye, GitCompareArrows as Xe, HelpCircle as Ze, ImageIcon as Qe, Inbox as $e, Loader2 as et, Loader2Icon as tt, Maximize2 as nt, MicIcon as rt, Minimize2 as it, PaperclipIcon as at, PlusIcon as ot, RefreshCw as st, Rocket as ct, Send as lt, ShieldCheck as ut, SquareIcon as dt, Table2 as ft, TriangleAlert as pt, WrenchIcon as mt, X as ht, XCircle as X, XCircleIcon as gt, XIcon as _t } from "lucide-react";
+import { Fragment as Z, jsx as Q, jsxs as $ } from "react/jsx-runtime";
+import { useChat as vt } from "@ai-sdk/react";
+import { DefaultChatTransport as yt } from "ai";
+import * as bt from "react-dom";
+import { SchemaRenderer as xt, useObjectTranslation as St } from "@object-ui/react";
+import { StickToBottom as Ct, useStickToBottomContext as wt } from "use-stick-to-bottom";
+import { cva as Tt } from "class-variance-authority";
+import { Slot as Et } from "@radix-ui/react-slot";
+import { Streamdown as Dt } from "streamdown";
+import { nanoid as Ot } from "nanoid";
+import { codeToHtml as kt } from "shiki";
+import { useControllableState as At } from "@radix-ui/react-use-controllable-state";
+import { motion as jt } from "motion/react";
+import { ComponentRegistry as Mt } from "@object-ui/core";
 //#region \0rolldown/runtime.js
-var Ot = Object.defineProperty, kt = (e, t) => {
+var Nt = Object.defineProperty, Pt = (e, t) => {
 	let n = {};
-	for (var r in e) Ot(n, r, {
+	for (var r in e) Nt(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Ot(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || Nt(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/utils.ts
-function At(e = "msg") {
+function Ft(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 jt(e, t) {
+function It(e, t) {
 	return typeof e.content == "string" ? e.content : t.filter((e) => e.type === "text").map((e) => e.text ?? "").join("");
 }
-function Mt(e) {
+function Lt(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 Nt(e) {
+function Rt(e) {
 	let t = (e) => {
 		if (e && typeof e == "object") return e;
 		if (typeof e != "string") return;
@@ -52,31 +52,136 @@ function Nt(e) {
 		}
 	}, n = [e];
 	e && typeof e == "object" && "value" in e && n.push(e.value);
+	let r;
 	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
-		};
+		if (n) {
+			if (typeof n.status == "string") return n;
+			r ??= n;
+		}
 	}
+	return r;
+}
+function zt(e) {
+	let t = Rt(e);
+	if (!t) return;
+	let n = t.pendingActionId;
+	if (t.status === "pending_approval" && typeof n == "string" && n.length > 0) return {
+		pendingActionId: n,
+		raw: t
+	};
+}
+function Bt(e) {
+	return Array.isArray(e) ? e.filter((e) => typeof e == "string" && e.trim().length > 0) : [];
+}
+function Vt(e) {
+	let t = Rt(e);
+	if (!t || t.status !== "blueprint_proposed") return;
+	let n = t.blueprint, r = n && typeof n == "object" ? n : {}, i = (Array.isArray(r.objects) ? r.objects : []).flatMap((e) => {
+		let t = e;
+		return typeof t?.name != "string" || !t.name ? [] : [{
+			name: t.name,
+			...typeof t.label == "string" && t.label ? { label: t.label } : {},
+			fieldCount: Array.isArray(t.fields) ? t.fields.length : 0
+		}];
+	});
+	if (i.length === 0) return;
+	let a = (e, t) => typeof e == "number" && Number.isFinite(e) ? e : t, o = t.counts ?? {}, s = {
+		objects: a(o.objects, i.length),
+		views: a(o.views, Array.isArray(r.views) ? r.views.length : 0),
+		dashboards: a(o.dashboards, Array.isArray(r.dashboards) ? r.dashboards.length : 0),
+		seedData: a(o.seedData, Array.isArray(r.seedData) ? r.seedData.length : 0)
+	}, c = Bt(t.questions), l = t.questionChoices, u = Array.isArray(l) ? l.flatMap((e) => {
+		let t = e;
+		if (typeof t?.text != "string" || !t.text) return [];
+		let n = Array.isArray(t.options) ? t.options.filter((e) => typeof e == "string" && e.trim().length > 0) : [];
+		return n.length >= 2 ? [{
+			text: t.text,
+			options: n
+		}] : [];
+	}) : [], d = typeof t.summary == "string" && t.summary ? t.summary : typeof r.summary == "string" && r.summary ? r.summary : void 0, f = t.targetApp;
+	return {
+		...d ? { summary: d } : {},
+		objects: i,
+		counts: s,
+		questions: c.length ? c : Bt(r.questions),
+		...u.length ? { questionChoices: u } : {},
+		assumptions: Bt(r.assumptions),
+		...typeof f == "string" && f ? { targetApp: f } : {}
+	};
 }
-function Pt(e) {
+function Ht(e) {
+	let t = Rt(e);
+	if (!t || t.status !== "drafted") return;
+	let n = [];
+	if (Array.isArray(t.drafted)) {
+		for (let e of t.drafted) if (e && typeof e == "object") {
+			let { type: t, name: r } = e;
+			typeof t == "string" && typeof r == "string" && n.push({
+				type: t,
+				name: r
+			});
+		}
+	} else typeof t.type == "string" && typeof t.name == "string" && n.push({
+		type: t.type,
+		name: t.name
+	});
+	if (n.length === 0) return;
+	let r = Array.isArray(t.failed) ? t.failed.length : 0, i = t.verification, a = i && typeof i == "object" && typeof i.errors == "number" && typeof i.warnings == "number" ? {
+		errors: i.errors,
+		warnings: i.warnings
+	} : void 0, o = t.issues, s = Array.isArray(o) ? o.flatMap((e) => {
+		let t = e;
+		return typeof t?.message != "string" || !t.message ? [] : [{
+			severity: t.severity === "error" ? "error" : "warning",
+			code: typeof t.code == "string" ? t.code : "issue",
+			message: t.message,
+			...typeof t.fix == "string" && t.fix ? { fix: t.fix } : {}
+		}];
+	}) : [], c = t.nextSteps, l = Array.isArray(c) ? c.filter((e) => typeof e == "string" && e.trim().length > 0) : [];
+	return {
+		items: n,
+		summary: typeof t.summary == "string" ? t.summary : void 0,
+		...typeof t.packageId == "string" && t.packageId ? { packageId: t.packageId } : {},
+		...t.autoPublishable === !0 ? { autoPublishable: !0 } : {},
+		...r > 0 ? { failedCount: r } : {},
+		...l.length ? { nextSteps: l } : {},
+		...t.materialized === !0 ? { materialized: !0 } : {},
+		...a ? { verification: a } : {},
+		...s.length ? { issues: s } : {}
+	};
+}
+function Ut(e) {
+	return e.replace(/[._-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function Wt(e) {
+	if (!e || !Array.isArray(e.items) || e.items.length === 0) return;
+	let t = e.items.find((e) => e.type === "app");
+	if (t) return {
+		phase: "done",
+		appLabel: Ut(t.name),
+		items: e.items,
+		done: e.items.length,
+		total: e.items.length
+	};
+}
+function Gt(e, t = {}) {
 	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 = Nt(n), i = e.state, a = r && i !== "output-error" ? "approval-requested" : i;
+		let n = e.type === "dynamic-tool" ? e.toolName ?? "tool" : typeof e.type == "string" ? e.type.replace(/^tool-/, "") : "tool", r = e.output ?? e.result, i = zt(r), a = Ht(r), o = Vt(r), s = e.state, c = (s === "input-available" || s === "input-streaming") && (r !== void 0 || !t.liveTail) ? "output-available" : s, l = i && c !== "output-error" ? "approval-requested" : c;
 		return {
 			toolCallId: e.toolCallId ?? e.id ?? `${e.type ?? "tool"}-${Math.random().toString(36).slice(2, 8)}`,
-			toolName: t,
+			toolName: n,
 			args: e.input ?? e.args,
-			result: n,
+			result: r,
 			errorText: e.errorText,
-			state: a,
-			pendingActionId: r?.pendingActionId
+			state: l,
+			pendingActionId: i?.pendingActionId,
+			draftReview: a,
+			proposedPlan: o
 		};
 	});
 }
-function Ft(e) {
+function Kt(e) {
 	let t = e.filter((e) => e.type === "source-url" || e.type === "source").map((e) => ({
 		id: e.id,
 		title: e.title,
@@ -84,26 +189,75 @@ function Ft(e) {
 	})).filter((e) => !!e.url);
 	return t.length > 0 ? t : void 0;
 }
-function It(e, t = {}) {
-	let n = Array.isArray(e.parts) ? e.parts : [], r = Pt(n), i = Array.isArray(e.toolInvocations) ? e.toolInvocations : [];
+function qt(e) {
+	let t = e.filter((e) => e.type === "data-build-progress").pop()?.data;
+	if (!t || typeof t != "object") return;
+	let n = t, r = Array.isArray(n.items) ? n.items.filter((e) => typeof e?.type == "string" && typeof e?.name == "string").map((e) => ({
+		type: e.type,
+		name: e.name
+	})) : [];
+	return {
+		phase: n.phase === "data" || n.phase === "done" ? n.phase : "structure",
+		...typeof n.appLabel == "string" ? { appLabel: n.appLabel } : {},
+		items: r,
+		done: typeof n.done == "number" ? n.done : r.length,
+		total: typeof n.total == "number" ? n.total : r.length,
+		...typeof n.seq == "number" ? { seq: n.seq } : {}
+	};
+}
+function Jt(e) {
+	let t = [];
+	for (let n of e) {
+		if (n.type !== "data-chart") continue;
+		let e = n.data;
+		if (!e || typeof e != "object") continue;
+		let r = e, i = Array.isArray(r.data) ? r.data : [], a = Array.isArray(r.series) ? r.series.filter((e) => e && typeof e.dataKey == "string").map((e) => ({
+			dataKey: e.dataKey,
+			...typeof e.label == "string" ? { label: e.label } : {}
+		})) : [];
+		a.length !== 0 && t.push({
+			...typeof r.chartType == "string" ? { chartType: r.chartType } : {},
+			...typeof r.title == "string" ? { title: r.title } : {},
+			data: i,
+			...typeof r.xAxisKey == "string" ? { xAxisKey: r.xAxisKey } : {},
+			series: a
+		});
+	}
+	return t.length > 0 ? t : void 0;
+}
+function Yt(e, t = {}) {
+	let n = Array.isArray(e.parts) ? e.parts : [], r = Gt(n, { liveTail: t.streaming }), i = Array.isArray(e.toolInvocations) ? e.toolInvocations : [], a = r.length > 0 ? r : i, o = qt(n) ?? a.map((e) => Wt(e.draftReview)).find((e) => !!e);
 	return {
 		id: e.id ?? `msg-${Math.random().toString(36).slice(2, 8)}`,
 		role: e.role ?? "assistant",
-		content: jt(e, n),
-		reasoning: Mt(n),
-		toolInvocations: r.length > 0 ? r : i,
-		sources: Ft(n),
+		content: It(e, n),
+		reasoning: Lt(n),
+		toolInvocations: a,
+		sources: Kt(n),
+		buildProgress: o,
+		charts: Jt(n),
 		streaming: t.streaming
 	};
 }
-function Lt(e, t = {}) {
+function Xt(e, t = {}) {
 	if (!Array.isArray(e) || e.length === 0) return [];
 	let n = e.length - 1;
-	return e.map((e, r) => It(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
+	return e.map((e, r) => Yt(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
 }
 //#endregion
 //#region src/useObjectChat.ts
-function Rt(e) {
+function Zt(e) {
+	let t = [...e.messages].reverse().find((e) => e.role === "user");
+	return { body: {
+		...e.body ?? {},
+		id: e.id,
+		messages: e.messages,
+		trigger: e.trigger,
+		messageId: e.messageId,
+		...t ? { turnId: t.id } : {}
+	} };
+}
+function Qt(e) {
 	return (e ?? []).map((e, t) => ({
 		id: e.id || `msg-${t}`,
 		role: e.role || "user",
@@ -114,17 +268,41 @@ function Rt(e) {
 		toolInvocations: e.toolInvocations
 	}));
 }
-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: [{
+function $t(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(() => (n ?? []).map((e, t) => {
+		if (Array.isArray(e.parts) && e.parts.length > 0) return {
+			id: e.id || `msg-${t}`,
+			role: e.role || "user",
+			parts: e.parts
+		};
+		let n = Qt([e])[0], r = [];
+		n.content && r.push({
 			type: "text",
-			text: e.content ?? ""
-		}]
-	})), []), C = mt({
+			text: n.content
+		}), e.reasoning && r.push({
+			type: "reasoning",
+			text: e.reasoning
+		});
+		for (let e of n.toolInvocations ?? []) r.push({
+			type: `tool-${e.toolName}`,
+			toolCallId: e.toolCallId,
+			toolName: e.toolName,
+			input: e.args,
+			output: e.result,
+			errorText: e.errorText,
+			state: e.state
+		});
+		return {
+			id: n.id || `msg-${t}`,
+			role: n.role,
+			parts: r.length > 0 ? r : [{
+				type: "text",
+				text: ""
+			}]
+		};
+	}), []), C = vt({
 		transport: l(() => {
-			if (x) return new ht({
+			if (x) return new yt({
 				api: t,
 				headers: { ...f },
 				body: {
@@ -133,7 +311,14 @@ function J(e = {}) {
 					...a ? { model: a } : {},
 					...i ? { systemPrompt: i } : {},
 					...s === void 0 ? {} : { stream: s }
-				}
+				},
+				prepareSendMessagesRequest: ({ id: e, body: t, messages: n, trigger: r, messageId: i }) => Zt({
+					id: e,
+					body: t,
+					messages: n,
+					trigger: r,
+					messageId: i
+				})
 			});
 		}, [
 			x,
@@ -149,11 +334,11 @@ function J(e = {}) {
 		onError: x ? (e) => {
 			h?.(e);
 		} : void 0
-	}), [w, T] = d(() => Rt(n)), [E, D] = d(!1), [O, k] = d(""), [A, j] = d(""), M = u(null);
+	}), [w, T] = d(() => Qt(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 = Lt(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 = Xt(e, { isStreaming: c }).map((t, n) => ({
 			...t,
 			metadata: e[n]?.metadata
 		}));
@@ -165,7 +350,7 @@ function J(e = {}) {
 				let t = e.trim();
 				if (!t) return;
 				let n = [...l, {
-					id: At("msg"),
+					id: Ft("msg"),
 					role: "user",
 					content: t
 				}];
@@ -180,6 +365,7 @@ function J(e = {}) {
 			clear: o(() => {
 				s([]);
 			}, [s]),
+			setMessages: s,
 			isApiMode: !0,
 			input: A,
 			setInput: j,
@@ -198,7 +384,7 @@ function J(e = {}) {
 		sendMessage: o((e) => {
 			if (!e.trim()) return;
 			let t = {
-				id: At("msg"),
+				id: Ft("msg"),
 				role: "user",
 				content: e.trim(),
 				timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -208,7 +394,7 @@ function J(e = {}) {
 				return b?.(e.trim(), r), r;
 			}), k(""), _ && (D(!0), M.current = setTimeout(() => {
 				let e = {
-					id: At("msg"),
+					id: Ft("msg"),
 					role: "assistant",
 					content: v || "Thank you for your message!",
 					timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
@@ -236,8 +422,42 @@ function J(e = {}) {
 	};
 }
 //#endregion
+//#region src/agentAliases.ts
+var en = [["build", "metadata_assistant"], ["ask", "data_chat"]];
+function tn(e) {
+	return en.find((t) => t.includes(e)) ?? [e];
+}
+function nn(e) {
+	return tn(e)[0];
+}
+function rn(e, t) {
+	if (e) {
+		if (t.includes(e)) return e;
+		for (let n of tn(e)) if (t.includes(n)) return n;
+	}
+}
+function an(e) {
+	return e != null && en.some((t) => t.includes(e));
+}
+function on(e) {
+	return e != null && nn(e) === "build";
+}
+function sn(e) {
+	return e != null && nn(e) === "ask";
+}
+//#endregion
 //#region src/useAgents.ts
-function zt(e) {
+var cn = "ask";
+function ln(e, t) {
+	if (e.length === 0) return;
+	let n = e.map((e) => e.name);
+	if (t) {
+		let e = rn(t, n);
+		if (e) return e;
+	}
+	return rn("ask", n) || e[0].name;
+}
+function un(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 +466,7 @@ function zt(e) {
 		active: e.active !== !1
 	}));
 }
-function Bt(e = {}) {
+function dn(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 +486,7 @@ function Bt(e = {}) {
 			return e.json();
 		}).then((e) => {
 			if (n) return;
-			let t = zt(Array.isArray(e) ? e : e?.agents ?? []);
+			let t = un(Array.isArray(e) ? e : e?.agents ?? []);
 			s(t.length > 0 ? t : i);
 		}).catch((e) => {
 			n || e.name === "AbortError" || (m(e), s(i));
@@ -288,8 +508,8 @@ function Bt(e = {}) {
 }
 //#endregion
 //#region src/FloatingChatbotProvider.tsx
-var Vt = e.createContext(null);
-function Ht({ defaultOpen: t = !1, children: n }) {
+var fn = e.createContext(null);
+function pn({ defaultOpen: t = !1, children: n }) {
 	let [r, i] = e.useState(t), [a, o] = e.useState(!1), s = e.useMemo(() => ({
 		isOpen: r,
 		isFullscreen: a,
@@ -300,21 +520,21 @@ function Ht({ defaultOpen: t = !1, children: n }) {
 		toggle: () => i((e) => !e),
 		toggleFullscreen: () => o((e) => !e)
 	}), [r, a]);
-	return /* @__PURE__ */ K(Vt.Provider, {
+	return /* @__PURE__ */ Q(fn.Provider, {
 		value: s,
 		children: n
 	});
 }
-function Ut() {
-	let t = e.useContext(Vt);
+function mn() {
+	let t = e.useContext(fn);
 	if (!t) throw Error("useFloatingChatbot must be used within a <FloatingChatbotProvider>");
 	return t;
 }
 //#endregion
 //#region src/FloatingChatbotTrigger.tsx
-function Wt() {
+function hn() {
 	try {
-		let { t: e } = _t();
+		let { t: e } = St();
 		return (t, n) => {
 			let r = e(`common.${t}`);
 			return !r || r === `common.${t}` ? n : r;
@@ -323,87 +543,133 @@ function Wt() {
 		return (e, t) => t;
 	}
 }
-function Gt({ position: e = "bottom-right", size: t = 56, className: n }) {
-	let { isOpen: r, toggle: i } = Ut(), a = Wt();
-	return /* @__PURE__ */ K(v, {
+var gn = {
+	32: "size-8",
+	36: "size-9",
+	40: "size-10",
+	44: "size-11",
+	48: "size-12",
+	52: "size-[52px]",
+	56: "size-14",
+	60: "size-[60px]",
+	64: "size-16",
+	72: "size-[72px]",
+	80: "size-20"
+};
+function _n(e, t) {
+	return t.reduce((t, n) => Math.abs(n - e) < Math.abs(t - e) ? n : t);
+}
+function vn(e) {
+	return gn[e] ?? gn[_n(e, Object.keys(gn).map(Number))];
+}
+function yn({ position: e = "bottom-right", size: t = 56, className: n }) {
+	let { isOpen: r, toggle: i } = mn(), a = hn();
+	return /* @__PURE__ */ Q(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),
-		style: {
-			width: t,
-			height: t
-		},
+		className: J("fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105", vn(t), r && "hidden", e === "bottom-right" ? "right-6 bottom-20 sm:bottom-6" : "left-6 bottom-20 sm:bottom-6", n),
 		size: "icon",
 		"aria-label": r ? a("closeChat", "Close chat") : a("openChat", "Open chat"),
 		"data-testid": "floating-chatbot-trigger",
-		children: K(r ? ft : Le, { className: "h-6 w-6" })
+		children: Q(r ? ht : Me, { className: "h-6 w-6" })
 	});
 }
 //#endregion
 //#region src/FloatingChatbotPanel.tsx
-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"
-	} : {
-		width: n,
-		height: r,
-		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", l ? "inset-0 rounded-none" : t === "bottom-right" ? "right-6 bottom-20" : "left-6 bottom-20", a),
-		style: f,
+var bn = {
+	300: "sm:w-[300px]",
+	320: "sm:w-[320px]",
+	340: "sm:w-[340px]",
+	360: "sm:w-[360px]",
+	380: "sm:w-[380px]",
+	400: "sm:w-[400px]",
+	420: "sm:w-[420px]",
+	440: "sm:w-[440px]",
+	450: "sm:w-[450px]",
+	460: "sm:w-[460px]",
+	480: "sm:w-[480px]",
+	500: "sm:w-[500px]",
+	520: "sm:w-[520px]",
+	560: "sm:w-[560px]",
+	600: "sm:w-[600px]",
+	640: "sm:w-[640px]",
+	720: "sm:w-[720px]",
+	800: "sm:w-[800px]"
+}, xn = {
+	360: "h-[min(360px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[360px]",
+	400: "h-[min(400px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[400px]",
+	420: "h-[min(420px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[420px]",
+	440: "h-[min(440px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[440px]",
+	480: "h-[min(480px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[480px]",
+	500: "h-[min(500px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[500px]",
+	520: "h-[min(520px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[520px]",
+	560: "h-[min(560px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[560px]",
+	600: "h-[min(600px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[600px]",
+	640: "h-[min(640px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[640px]",
+	720: "h-[min(720px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[720px]",
+	800: "h-[min(800px,calc(100svh_-_6rem_-_env(safe-area-inset-bottom)))] sm:h-[800px]"
+};
+function Sn(e, t) {
+	return t.reduce((t, n) => Math.abs(n - e) < Math.abs(t - e) ? n : t);
+}
+function Cn(e) {
+	return bn[e] ?? bn[Sn(e, Object.keys(bn).map(Number))];
+}
+function wn(e) {
+	return xn[e] ?? xn[Sn(e, Object.keys(xn).map(Number))];
+}
+function Tn({ 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 } = mn();
+	return c ? /* @__PURE__ */ $("div", {
+		className: J("fixed z-50 flex flex-col overflow-hidden border bg-background shadow-xl transition-all", l ? "inset-0 h-svh w-screen rounded-none" : t === "bottom-right" ? J("left-3 right-3 bottom-[calc(4rem_+_env(safe-area-inset-bottom))] rounded-lg", "sm:left-auto sm:right-6 sm:bottom-20 sm:max-h-[calc(100vh_-_100px)]", Cn(n), wn(r)) : J("left-3 right-3 bottom-[calc(4rem_+_env(safe-area-inset-bottom))] rounded-lg", "sm:right-auto sm:left-6 sm:bottom-20 sm:max-h-[calc(100vh_-_100px)]", Cn(n), wn(r)), a),
 		role: "dialog",
 		"aria-label": e,
 		"data-testid": "floating-chatbot-panel",
-		children: [/* @__PURE__ */ q("div", {
-			className: "flex items-center justify-between gap-2 px-4 py-2 border-b bg-muted/40",
+		children: [/* @__PURE__ */ $("div", {
+			className: "flex min-h-10 items-center justify-between gap-2 border-b bg-muted/40 px-4 py-2",
 			children: [
-				/* @__PURE__ */ K("span", {
-					className: "text-sm font-medium truncate shrink-0",
+				/* @__PURE__ */ Q("span", {
+					className: "min-w-0 flex-1 truncate text-sm font-medium",
 					children: e
 				}),
-				o ? /* @__PURE__ */ K("div", {
-					className: "flex-1 min-w-0 flex items-center justify-end mr-1",
+				o ? /* @__PURE__ */ Q("div", {
+					className: "mr-1 flex min-w-0 items-center justify-end",
 					"data-testid": "floating-chatbot-header-extra",
 					children: o
 				}) : null,
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ $("div", {
 					className: "flex items-center gap-1 shrink-0",
 					children: [
 						s,
-						/* @__PURE__ */ K(v, {
+						/* @__PURE__ */ Q(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" })
+							children: Q(l ? it : nt, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ K(v, {
+						/* @__PURE__ */ Q(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" })
+							children: /* @__PURE__ */ Q(ht, { className: "h-4 w-4" })
 						})
 					]
 				})
 			]
-		}), /* @__PURE__ */ K("div", {
-			className: "flex-1 overflow-hidden",
+		}), /* @__PURE__ */ Q("div", {
+			className: "min-h-0 flex-1 overflow-hidden",
 			children: i
 		})]
-	});
+	}) : null;
 }
 //#endregion
 //#region src/tool-display.ts
-var qt = {
+var En = {
 	ai: "AI",
 	api: "API",
 	crm: "CRM",
@@ -415,17 +681,17 @@ var qt = {
 	url: "URL",
 	utc: "UTC"
 };
-function Jt(e) {
+function Dn(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 qt[n] ? qt[n] : t === 0 ? n.charAt(0).toUpperCase() + n.slice(1) : n;
+		return En[n] ? En[n] : t === 0 ? n.charAt(0).toUpperCase() + n.slice(1) : n;
 	}).join(" ");
 }
-function Yt(e) {
+function On(e) {
 	if (e == null) return e;
 	let t = e;
 	for (let e = 0; e < 2; e++) {
@@ -443,110 +709,134 @@ function Yt(e) {
 	}
 	return t;
 }
-function Xt(e) {
+function kn(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);
+	let n = t.replace(/^Failed after \d+ attempts?\.\s*Last error:\s*/i, ""), r = n.match(/^Invalid error response format:\s*(.+)$/i)?.[1]?.trim() ?? n, i = r.match(/^([^:]{8,80}):\s+(.+)$/)?.[1]?.trim() ?? r.match(/^([^.;!?]+[.;!?])\s/)?.[1]?.trim() ?? (r.length > 140 ? `${r.slice(0, 137).trimEnd()}…` : r);
 	return {
-		summary: r,
-		details: n.length > r.length ? n : void 0
+		summary: i.replace(/:$/, ""),
+		details: n.length > i.length ? n : void 0
+	};
+}
+var An = new Set([
+	"ai_design_quota_exhausted",
+	"ai_data_chat_trial_exhausted",
+	"ai_allowance_exhausted"
+]);
+function jn(e) {
+	let t = e instanceof Error ? e.message : String(e ?? "");
+	if (!t) return null;
+	let n = t.replace(/^Failed after \d+ attempts?\.\s*Last error:\s*/i, "").replace(/^Invalid error response format:\s*/i, "").trim(), r = n.indexOf("{"), i = n.lastIndexOf("}");
+	if (r < 0 || i <= r) return null;
+	let a;
+	try {
+		a = JSON.parse(n.slice(r, i + 1));
+	} catch {
+		return null;
+	}
+	return !a || typeof a.error != "string" || !An.has(a.error) ? null : {
+		code: a.error,
+		message: typeof a.message == "string" ? a.message : "",
+		messageEn: typeof a.messageEn == "string" ? a.messageEn : void 0,
+		upgrade: a.upgrade === !0,
+		topUp: a.topUp === !0
 	};
 }
 //#endregion
 //#region src/elements/conversation.tsx
-var Zt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt, {
-	className: H("relative flex-1 overflow-y-hidden", e),
+var Mn = ({ className: e, ...t }) => /* @__PURE__ */ Q(Ct, {
+	className: J("relative flex-1 overflow-y-hidden", e),
 	initial: "smooth",
 	resize: "smooth",
 	role: "log",
 	...t
-}), Qt = ({ className: e, ...t }) => /* @__PURE__ */ K(vt.Content, {
-	className: H("flex flex-col gap-8 p-4", e),
+}), Nn = ({ className: e, ...t }) => /* @__PURE__ */ Q(Ct.Content, {
+	className: J("flex flex-col gap-8 p-4", e),
 	...t
-}), $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),
+}), Pn = ({ 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: J("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", {
+	children: i ?? /* @__PURE__ */ $(Z, { children: [r && /* @__PURE__ */ Q("div", {
 		className: "text-muted-foreground",
 		children: r
-	}), /* @__PURE__ */ q("div", {
+	}), /* @__PURE__ */ $("div", {
 		className: "space-y-1",
-		children: [/* @__PURE__ */ K("h3", {
+		children: [/* @__PURE__ */ Q("h3", {
 			className: "font-medium text-sm",
 			children: t
-		}), n && /* @__PURE__ */ K("p", {
+		}), n && /* @__PURE__ */ Q("p", {
 			className: "text-muted-foreground text-sm",
 			children: n
 		})]
 	})] })
-}), en = ({ className: e, ...t }) => {
-	let { isAtBottom: n, scrollToBottom: r } = yt(), i = o(() => {
+}), Fn = ({ className: e, ...t }) => {
+	let { isAtBottom: n, scrollToBottom: r } = wt(), i = o(() => {
 		r();
 	}, [r]);
-	return !n && /* @__PURE__ */ K(v, {
-		className: H("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
+	return !n && /* @__PURE__ */ Q(v, {
+		className: J("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
 		onClick: i,
 		size: "icon",
 		type: "button",
 		variant: "outline",
 		...t,
-		children: /* @__PURE__ */ K(Fe, { className: "size-4" })
+		children: /* @__PURE__ */ Q(ke, { className: "size-4" })
 	});
-}, 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", {
+}, In = Tt("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 nn({ className: e, orientation: t, ...n }) {
-	return /* @__PURE__ */ K("div", {
+function Ln({ className: e, orientation: t, ...n }) {
+	return /* @__PURE__ */ Q("div", {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": t,
-		className: H(tn({ orientation: t }), e),
+		className: J(In({ orientation: t }), e),
 		...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),
+function Rn({ className: e, asChild: t = !1, ...n }) {
+	return /* @__PURE__ */ Q(t ? Et : "div", {
+		className: J("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 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),
+var zn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
+	className: J("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
 	...n
-}), 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),
+}), Bn = ({ children: e, className: t, ...n }) => /* @__PURE__ */ Q("div", {
+	className: J("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
-}), sn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ K("div", {
-	className: H("flex items-center gap-1", e),
+}), Vn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q("div", {
+	className: J("flex items-center gap-1", e),
 	...n,
 	children: t
-}), cn = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
-	let o = /* @__PURE__ */ q(v, {
+}), Hn = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
+	let o = /* @__PURE__ */ $(v, {
 		size: i,
 		type: "button",
 		variant: r,
 		...a,
-		children: [t, /* @__PURE__ */ K("span", {
+		children: [t, /* @__PURE__ */ Q("span", {
 			className: "sr-only",
 			children: n || e
 		})]
 	});
-	return e ? /* @__PURE__ */ K(Me, { children: /* @__PURE__ */ q(Ae, { children: [/* @__PURE__ */ K(Ne, {
+	return e ? /* @__PURE__ */ Q(Ee, { children: /* @__PURE__ */ $(we, { children: [/* @__PURE__ */ Q(De, {
 		asChild: !0,
 		children: o
-	}), /* @__PURE__ */ K(je, { children: /* @__PURE__ */ K("p", { children: e }) })] }) }) : o;
-}, ln = r(null), Y = () => {
-	let e = s(ln);
+	}), /* @__PURE__ */ Q(Te, { children: /* @__PURE__ */ Q("p", { children: e }) })] }) }) : o;
+}, Un = r(null), Wn = () => {
+	let e = s(Un);
 	if (!e) throw Error("MessageBranch components must be used within MessageBranch");
 	return e;
-}, un = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
+}, Gn = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
 	let [i, a] = d(e), [o, s] = d([]), c = (e) => {
 		a(e), t?.(e);
 	}, l = {
@@ -561,36 +851,36 @@ var an = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 		branches: o,
 		setBranches: s
 	};
-	return /* @__PURE__ */ K(ln.Provider, {
+	return /* @__PURE__ */ Q(Un.Provider, {
 		value: l,
-		children: /* @__PURE__ */ K("div", {
-			className: H("grid w-full gap-2 [&>div]:pb-0", n),
+		children: /* @__PURE__ */ Q("div", {
+			className: J("grid w-full gap-2 [&>div]:pb-0", n),
 			...r
 		})
 	});
-}, dn = ({ children: e, ...t }) => {
-	let { currentBranch: n, setBranches: r, branches: i } = Y(), a = Array.isArray(e) ? e : [e];
+}, Kn = ({ children: e, ...t }) => {
+	let { currentBranch: n, setBranches: r, branches: i } = Wn(), a = Array.isArray(e) ? e : [e];
 	return c(() => {
 		i.length !== a.length && r(a);
 	}, [
 		a,
 		i,
 		r
-	]), a.map((e, r) => /* @__PURE__ */ K("div", {
-		className: H("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
+	]), a.map((e, r) => /* @__PURE__ */ Q("div", {
+		className: J("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
 		...t,
 		children: e
 	}, e.key));
-}, fn = ({ className: e, from: t, ...n }) => {
-	let { totalBranches: r } = Y();
-	return r <= 1 ? null : /* @__PURE__ */ K(nn, {
+}, qn = ({ className: e, from: t, ...n }) => {
+	let { totalBranches: r } = Wn();
+	return r <= 1 ? null : /* @__PURE__ */ Q(Ln, {
 		className: "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
 		orientation: "horizontal",
 		...n
 	});
-}, pn = ({ children: e, ...t }) => {
-	let { goToPrevious: n, totalBranches: r } = Y();
-	return /* @__PURE__ */ K(v, {
+}, Jn = ({ children: e, ...t }) => {
+	let { goToPrevious: n, totalBranches: r } = Wn();
+	return /* @__PURE__ */ Q(v, {
 		"aria-label": "Previous branch",
 		disabled: r <= 1,
 		onClick: n,
@@ -598,11 +888,11 @@ var an = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 		type: "button",
 		variant: "ghost",
 		...t,
-		children: e ?? /* @__PURE__ */ K(We, { size: 14 })
+		children: e ?? /* @__PURE__ */ Q(Re, { size: 14 })
 	});
-}, mn = ({ children: e, className: t, ...n }) => {
-	let { goToNext: r, totalBranches: i } = Y();
-	return /* @__PURE__ */ K(v, {
+}, Yn = ({ children: e, className: t, ...n }) => {
+	let { goToNext: r, totalBranches: i } = Wn();
+	return /* @__PURE__ */ Q(v, {
 		"aria-label": "Next branch",
 		disabled: i <= 1,
 		onClick: r,
@@ -610,12 +900,12 @@ var an = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 		type: "button",
 		variant: "ghost",
 		...n,
-		children: e ?? /* @__PURE__ */ K(Ge, { size: 14 })
+		children: e ?? /* @__PURE__ */ Q(ze, { size: 14 })
 	});
-}, 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),
+}, Xn = ({ className: e, ...t }) => {
+	let { currentBranch: n, totalBranches: r } = Wn();
+	return /* @__PURE__ */ $(Rn, {
+		className: J("border-none bg-transparent text-muted-foreground shadow-none", e),
 		...t,
 		children: [
 			n + 1,
@@ -623,23 +913,23 @@ var an = ({ className: e, from: t, ...n }) => /* @__PURE__ */ K("div", {
 			r
 		]
 	});
-}, X = a(({ className: e, ...t }) => /* @__PURE__ */ K(St, {
-	className: H("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
+}, Zn = a(({ className: e, ...t }) => /* @__PURE__ */ Q(Dt, {
+	className: J("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
 	...t
 }), (e, t) => e.children === t.children);
-X.displayName = "MessageResponse";
-function gn({ data: e, className: t, onRemove: n, ...r }) {
+Zn.displayName = "MessageResponse";
+function Qn({ 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", {
-		className: H("group relative size-24 overflow-hidden rounded-lg", t),
+	return /* @__PURE__ */ Q("div", {
+		className: J("group relative size-24 overflow-hidden rounded-lg", t),
 		...r,
-		children: a ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K("img", {
+		children: a ? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("img", {
 			alt: i || "attachment",
 			className: "size-full object-cover",
 			height: 100,
 			src: e.url,
 			width: 100
-		}), n && /* @__PURE__ */ q(v, {
+		}), n && /* @__PURE__ */ $(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) => {
@@ -647,17 +937,17 @@ function gn({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ K(W, {}), /* @__PURE__ */ K("span", {
+			children: [/* @__PURE__ */ Q(_t, {}), /* @__PURE__ */ Q("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
-		})] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q(Ae, { children: [/* @__PURE__ */ K(Ne, {
+		})] }) : /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $(we, { children: [/* @__PURE__ */ Q(De, {
 			asChild: !0,
-			children: /* @__PURE__ */ K("div", {
+			children: /* @__PURE__ */ Q("div", {
 				className: "flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground",
-				children: /* @__PURE__ */ K(ot, { className: "size-4" })
+				children: /* @__PURE__ */ Q(at, { className: "size-4" })
 			})
-		}), /* @__PURE__ */ K(je, { children: /* @__PURE__ */ K("p", { children: o }) })] }), n && /* @__PURE__ */ q(v, {
+		}), /* @__PURE__ */ Q(Te, { children: /* @__PURE__ */ Q("p", { children: o }) })] }), n && /* @__PURE__ */ $(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) => {
@@ -665,36 +955,36 @@ function gn({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ K(W, {}), /* @__PURE__ */ K("span", {
+			children: [/* @__PURE__ */ Q(_t, {}), /* @__PURE__ */ Q("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
 		})] })
 	});
 }
-function _n({ children: e, className: t, ...n }) {
-	return e ? /* @__PURE__ */ K("div", {
-		className: H("ml-auto flex w-fit flex-wrap items-start gap-2", t),
+function $n({ children: e, className: t, ...n }) {
+	return e ? /* @__PURE__ */ Q("div", {
+		className: J("ml-auto flex w-fit flex-wrap items-start gap-2", t),
 		...n,
 		children: e
 	}) : null;
 }
-var vn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ K("div", {
-	className: H("mt-4 flex w-full items-center justify-between gap-4", e),
+var er = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q("div", {
+	className: J("mt-4 flex w-full items-center justify-between gap-4", e),
 	...n,
 	children: t
 });
 //#endregion
 //#region src/elements/ui/input-group.tsx
-function yn({ className: e, ...t }) {
-	return /* @__PURE__ */ K("div", {
+function tr({ className: e, ...t }) {
+	return /* @__PURE__ */ Q("div", {
 		"data-slot": "input-group",
 		role: "group",
-		className: H("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: J("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 bn = bt("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 nr = Tt("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]",
@@ -703,19 +993,19 @@ var bn = bt("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 te
 	} },
 	defaultVariants: { align: "inline-start" }
 });
-function xn({ className: e, align: t = "inline-start", ...n }) {
-	return /* @__PURE__ */ K("div", {
+function rr({ className: e, align: t = "inline-start", ...n }) {
+	return /* @__PURE__ */ Q("div", {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": t,
-		className: H(bn({ align: t }), e),
+		className: J(nr({ align: t }), e),
 		onClick: (e) => {
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		},
 		...n
 	});
 }
-var Sn = bt("flex items-center gap-2 text-sm shadow-none", {
+var ir = Tt("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",
@@ -724,38 +1014,38 @@ var Sn = bt("flex items-center gap-2 text-sm shadow-none", {
 	} },
 	defaultVariants: { size: "xs" }
 });
-function Cn({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
-	return /* @__PURE__ */ K(v, {
+function ar({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
+	return /* @__PURE__ */ Q(v, {
 		type: t,
 		"data-size": r,
 		variant: n,
-		className: H(Sn({ size: r }), e),
+		className: J(ir({ size: r }), e),
 		...i
 	});
 }
-function wn({ className: e, ...t }) {
-	return /* @__PURE__ */ K(ke, {
+function or({ className: e, ...t }) {
+	return /* @__PURE__ */ Q(Ce, {
 		"data-slot": "input-group-control",
-		className: H("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", e),
+		className: J("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 Tn = r(null), En = r(null), Dn = () => {
-	let e = s(Tn);
+var sr = r(null), cr = r(null), lr = () => {
+	let e = s(sr);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
 	return e;
-}, On = () => s(Tn), kn = () => {
-	let e = s(En);
+}, ur = () => s(sr), dr = () => {
+	let e = s(cr);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
 	return e;
-}, An = () => s(En);
-function jn({ initialInput: e = "", children: t }) {
+}, fr = () => s(cr);
+function pr({ 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: Ct(),
+			id: Ot(),
 			type: "file",
 			url: URL.createObjectURL(e),
 			mediaType: e.type,
@@ -806,41 +1096,41 @@ function jn({ initialInput: e = "", children: t }) {
 		y,
 		b
 	]);
-	return /* @__PURE__ */ K(Tn.Provider, {
+	return /* @__PURE__ */ Q(sr.Provider, {
 		value: x,
-		children: /* @__PURE__ */ K(En.Provider, {
+		children: /* @__PURE__ */ Q(cr.Provider, {
 			value: y,
 			children: t
 		})
 	});
 }
-var Mn = r(null), Z = () => {
-	let e = An(), t = s(Mn), n = e ?? t;
+var mr = r(null), hr = () => {
+	let e = fr(), t = s(mr), n = e ?? t;
 	if (!n) throw Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
 	return n;
 };
-function Nn({ 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__ */ q(er, { children: [/* @__PURE__ */ K(oe, {
+function gr({ data: e, className: t, ...n }) {
+	let r = hr(), i = e.filename || "", a = (e.mediaType?.startsWith("image/") && e.url ? "image" : "file") == "image", o = i || (a ? "Image" : "Attachment");
+	return /* @__PURE__ */ $(Lr, { children: [/* @__PURE__ */ Q(z, {
 		asChild: !0,
-		children: /* @__PURE__ */ q("div", {
-			className: H("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__ */ $("div", {
+			className: J("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__ */ q("div", {
+			children: [/* @__PURE__ */ $("div", {
 				className: "relative size-5 shrink-0",
-				children: [/* @__PURE__ */ K("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__ */ K("img", {
+					children: a ? /* @__PURE__ */ Q("img", {
 						alt: i || "attachment",
 						className: "size-5 object-cover",
 						height: 20,
 						src: e.url,
 						width: 20
-					}) : /* @__PURE__ */ K("div", {
+					}) : /* @__PURE__ */ Q("div", {
 						className: "flex size-5 items-center justify-center text-muted-foreground",
-						children: /* @__PURE__ */ K(ot, { className: "size-3" })
+						children: /* @__PURE__ */ Q(at, { className: "size-3" })
 					})
-				}), /* @__PURE__ */ q(v, {
+				}), /* @__PURE__ */ $(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) => {
@@ -848,37 +1138,37 @@ function Nn({ data: e, className: t, ...n }) {
 					},
 					type: "button",
 					variant: "ghost",
-					children: [/* @__PURE__ */ K(W, {}), /* @__PURE__ */ K("span", {
+					children: [/* @__PURE__ */ Q(_t, {}), /* @__PURE__ */ Q("span", {
 						className: "sr-only",
 						children: "Remove"
 					})]
 				})]
-			}), /* @__PURE__ */ K("span", {
+			}), /* @__PURE__ */ Q("span", {
 				className: "flex-1 truncate",
 				children: o
 			})]
 		}, e.id)
-	}), /* @__PURE__ */ K(nr, {
+	}), /* @__PURE__ */ Q(zr, {
 		className: "w-auto p-2",
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ $("div", {
 			className: "w-auto space-y-3",
-			children: [a && /* @__PURE__ */ K("div", {
+			children: [a && /* @__PURE__ */ Q("div", {
 				className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
-				children: /* @__PURE__ */ K("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__ */ K("div", {
+			}), /* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2.5",
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ $("div", {
 					className: "min-w-0 flex-1 space-y-1 px-0.5",
-					children: [/* @__PURE__ */ K("h4", {
+					children: [/* @__PURE__ */ Q("h4", {
 						className: "truncate font-semibold text-sm leading-none",
 						children: i || (a ? "Image" : "Attachment")
-					}), e.mediaType && /* @__PURE__ */ K("p", {
+					}), e.mediaType && /* @__PURE__ */ Q("p", {
 						className: "truncate font-mono text-muted-foreground text-xs",
 						children: e.mediaType
 					})]
@@ -887,64 +1177,64 @@ function Nn({ data: e, className: t, ...n }) {
 		})
 	})] });
 }
-function Pn({ children: e, className: t, ...r }) {
-	let i = Z();
-	return i.files.length ? /* @__PURE__ */ K("div", {
-		className: H("flex flex-wrap items-center gap-2 p-3 w-full", t),
+function _r({ children: e, className: t, ...r }) {
+	let i = hr();
+	return i.files.length ? /* @__PURE__ */ Q("div", {
+		className: J("flex flex-wrap items-center gap-2 p-3 w-full", t),
 		...r,
-		children: i.files.map((t) => /* @__PURE__ */ K(n, { children: e(t) }, t.id))
+		children: i.files.map((t) => /* @__PURE__ */ Q(n, { children: e(t) }, t.id))
 	}) : null;
 }
-var Fn = ({ label: e = "Add photos or files", ...t }) => {
-	let n = Z();
-	return /* @__PURE__ */ q(I, {
+var vr = ({ label: e = "Add photos or files", ...t }) => {
+	let n = hr();
+	return /* @__PURE__ */ $(P, {
 		...t,
 		onSelect: (e) => {
 			e.preventDefault(), n.openFileDialog();
 		},
 		children: [
-			/* @__PURE__ */ K(et, { className: "mr-2 size-4" }),
+			/* @__PURE__ */ Q(Qe, { className: "mr-2 size-4" }),
 			" ",
 			e
 		]
 	});
-}, In = ({ className: e, accept: t, multiple: n, globalDrop: r, syncHiddenInput: i, maxFiles: a, maxFileSize: s, onError: f, onSubmit: p, children: m, ...h }) => {
-	let g = On(), _ = !!g, v = u(null), y = u(null), [b, x] = d([]), S = _ ? g.attachments.files : b, C = u(S);
-	C.current = S;
-	let w = o(() => {
-		v.current?.click();
-	}, []), T = o((e) => !t || t.trim() === "" ? !0 : t.split(",").map((e) => e.trim()).filter(Boolean).some((t) => {
+}, yr = ({ className: e, accept: t, multiple: n, fileInputLabel: r = "Upload files", globalDrop: i, syncHiddenInput: a, maxFiles: s, maxFileSize: f, onError: p, onSubmit: m, children: h, ...g }) => {
+	let _ = ur(), v = !!_, y = u(null), b = u(null), [x, S] = d([]), C = v ? _.attachments.files : x, w = u(C);
+	w.current = C;
+	let T = o(() => {
+		y.current?.click();
+	}, []), E = o((e) => !t || t.trim() === "" ? !0 : t.split(",").map((e) => e.trim()).filter(Boolean).some((t) => {
 		if (t.endsWith("/*")) {
 			let n = t.slice(0, -1);
 			return e.type.startsWith(n);
 		}
 		return e.type === t;
-	}), [t]), E = o((e) => {
-		let t = Array.from(e), n = t.filter((e) => T(e));
+	}), [t]), D = o((e) => {
+		let t = Array.from(e), n = t.filter((e) => E(e));
 		if (t.length && n.length === 0) {
-			f?.({
+			p?.({
 				code: "accept",
 				message: "No files match the accepted types."
 			});
 			return;
 		}
-		let r = n.filter((e) => s ? e.size <= s : !0);
+		let r = n.filter((e) => f ? e.size <= f : !0);
 		if (n.length > 0 && r.length === 0) {
-			f?.({
+			p?.({
 				code: "max_file_size",
 				message: "All files exceed the maximum size."
 			});
 			return;
 		}
-		x((e) => {
-			let t = typeof a == "number" ? Math.max(0, a - e.length) : void 0, n = typeof t == "number" ? r.slice(0, t) : r;
-			typeof t == "number" && r.length > t && f?.({
+		S((e) => {
+			let t = typeof s == "number" ? Math.max(0, s - e.length) : void 0, n = typeof t == "number" ? r.slice(0, t) : r;
+			typeof t == "number" && r.length > t && p?.({
 				code: "max_files",
 				message: "Too many files. Some were not added."
 			});
 			let i = [];
 			for (let e of n) i.push({
-				id: Ct(),
+				id: Ot(),
 				type: "file",
 				url: URL.createObjectURL(e),
 				mediaType: e.type,
@@ -953,48 +1243,48 @@ var Fn = ({ label: e = "Add photos or files", ...t }) => {
 			return e.concat(i);
 		});
 	}, [
-		T,
-		a,
+		E,
 		s,
-		f
-	]), D = o((e) => x((t) => {
+		f,
+		p
+	]), O = o((e) => S((t) => {
 		let n = t.find((t) => t.id === e);
 		return n?.url && URL.revokeObjectURL(n.url), t.filter((t) => t.id !== e);
-	}), []), O = o(() => x((e) => {
+	}), []), k = o(() => S((e) => {
 		for (let t of e) t.url && URL.revokeObjectURL(t.url);
 		return [];
-	}), []), k = _ ? g.attachments.add : E, A = _ ? g.attachments.remove : D, j = _ ? g.attachments.clear : O, M = _ ? g.attachments.openFileDialog : w;
+	}), []), A = v ? _.attachments.add : D, j = v ? _.attachments.remove : O, M = v ? _.attachments.clear : k, N = v ? _.attachments.openFileDialog : T;
 	c(() => {
-		_ && g.__registerFileInput(v, () => v.current?.click());
-	}, [_, g]), c(() => {
-		i && v.current && S.length === 0 && (v.current.value = "");
-	}, [S, i]), c(() => {
-		let e = y.current;
-		if (!e || r) return;
+		v && _.__registerFileInput(y, () => y.current?.click());
+	}, [v, _]), c(() => {
+		a && y.current && C.length === 0 && (y.current.value = "");
+	}, [C, a]), c(() => {
+		let e = b.current;
+		if (!e || i) return;
 		let t = (e) => {
 			e.dataTransfer?.types?.includes("Files") && e.preventDefault();
 		}, n = (e) => {
-			e.dataTransfer?.types?.includes("Files") && e.preventDefault(), e.dataTransfer?.files && e.dataTransfer.files.length > 0 && k(e.dataTransfer.files);
+			e.dataTransfer?.types?.includes("Files") && e.preventDefault(), e.dataTransfer?.files && e.dataTransfer.files.length > 0 && A(e.dataTransfer.files);
 		};
 		return e.addEventListener("dragover", t), e.addEventListener("drop", n), () => {
 			e.removeEventListener("dragover", t), e.removeEventListener("drop", n);
 		};
-	}, [k, r]), c(() => {
-		if (!r) return;
+	}, [A, i]), c(() => {
+		if (!i) return;
 		let e = (e) => {
 			e.dataTransfer?.types?.includes("Files") && e.preventDefault();
 		}, t = (e) => {
-			e.dataTransfer?.types?.includes("Files") && e.preventDefault(), e.dataTransfer?.files && e.dataTransfer.files.length > 0 && k(e.dataTransfer.files);
+			e.dataTransfer?.types?.includes("Files") && e.preventDefault(), e.dataTransfer?.files && e.dataTransfer.files.length > 0 && A(e.dataTransfer.files);
 		};
 		return document.addEventListener("dragover", e), document.addEventListener("drop", t), () => {
 			document.removeEventListener("dragover", e), document.removeEventListener("drop", t);
 		};
-	}, [k, r]), c(() => () => {
-		if (!_) for (let e of C.current) e.url && URL.revokeObjectURL(e.url);
-	}, [_]);
-	let N = (e) => {
-		e.currentTarget.files && k(e.currentTarget.files), e.currentTarget.value = "";
-	}, P = async (e) => {
+	}, [A, i]), c(() => () => {
+		if (!v) for (let e of w.current) e.url && URL.revokeObjectURL(e.url);
+	}, [v]);
+	let ee = (e) => {
+		e.currentTarget.files && A(e.currentTarget.files), e.currentTarget.value = "";
+	}, te = async (e) => {
 		try {
 			let t = await (await fetch(e)).blob();
 			return new Promise((e) => {
@@ -1004,39 +1294,39 @@ var Fn = ({ label: e = "Add photos or files", ...t }) => {
 		} catch {
 			return null;
 		}
-	}, F = l(() => ({
-		files: S.map((e) => ({
+	}, P = l(() => ({
+		files: C.map((e) => ({
 			...e,
 			id: e.id
 		})),
-		add: k,
-		remove: A,
-		clear: j,
-		openFileDialog: M,
-		fileInputRef: v
+		add: A,
+		remove: j,
+		clear: M,
+		openFileDialog: N,
+		fileInputRef: y
 	}), [
-		S,
-		k,
+		C,
 		A,
 		j,
-		M
-	]), I = /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K("input", {
+		M,
+		N
+	]), F = /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("input", {
 		accept: t,
-		"aria-label": "Upload files",
+		"aria-label": r,
 		className: "hidden",
 		multiple: n,
-		onChange: N,
-		ref: v,
-		title: "Upload files",
+		onChange: ee,
+		ref: y,
+		title: r,
 		type: "file"
-	}), /* @__PURE__ */ K("form", {
-		className: H("w-full", e),
+	}), /* @__PURE__ */ Q("form", {
+		className: J("w-full", e),
 		onSubmit: (e) => {
 			e.preventDefault();
-			let t = e.currentTarget, n = _ ? g.textInput.value : new FormData(t).get("message") || "";
-			_ || t.reset(), Promise.all(S.map(async ({ id: e, ...t }) => {
+			let t = e.currentTarget, n = v ? _.textInput.value : new FormData(t).get("message") || "";
+			v || t.reset(), Promise.all(C.map(async ({ id: e, ...t }) => {
 				if (t.url && t.url.startsWith("blob:")) {
-					let e = await P(t.url);
+					let e = await te(t.url);
 					return {
 						...t,
 						url: e ?? t.url
@@ -1045,32 +1335,32 @@ var Fn = ({ label: e = "Add photos or files", ...t }) => {
 				return t;
 			})).then((t) => {
 				try {
-					let r = p({
+					let r = m({
 						text: n,
 						files: t
 					}, e);
 					r instanceof Promise ? r.then(() => {
-						j(), _ && g.textInput.clear();
-					}).catch(() => {}) : (j(), _ && g.textInput.clear());
+						M(), v && _.textInput.clear();
+					}).catch(() => {}) : (M(), v && _.textInput.clear());
 				} catch {}
 			}).catch(() => {});
 		},
-		ref: y,
-		...h,
-		children: /* @__PURE__ */ K(yn, {
+		ref: b,
+		...g,
+		children: /* @__PURE__ */ Q(tr, {
 			className: "overflow-hidden",
-			children: m
+			children: h
 		})
 	})] });
-	return _ ? I : /* @__PURE__ */ K(Mn.Provider, {
-		value: F,
-		children: I
+	return v ? F : /* @__PURE__ */ Q(mr.Provider, {
+		value: P,
+		children: F
 	});
-}, Ln = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
-	className: H("contents", e),
+}, br = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: J("contents", e),
 	...t
-}), Rn = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
-	let i = On(), a = Z(), [o, s] = d(!1), c = (e) => {
+}), xr = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
+	let i = ur(), a = hr(), [o, s] = d(!1), c = (e) => {
 		if (e.key === "Enter") {
 			if (o || e.nativeEvent.isComposing || e.shiftKey) return;
 			e.preventDefault();
@@ -1098,8 +1388,8 @@ var Fn = ({ label: e = "Add photos or files", ...t }) => {
 			i.textInput.setInput(t.currentTarget.value), e?.(t);
 		}
 	} : { onChange: e };
-	return /* @__PURE__ */ K(wn, {
-		className: H("field-sizing-content max-h-48 min-h-16", t),
+	return /* @__PURE__ */ Q(or, {
+		className: J("field-sizing-content max-h-48 min-h-16", t),
 		name: "message",
 		onCompositionEnd: () => s(!1),
 		onCompositionStart: () => s(!0),
@@ -1109,52 +1399,52 @@ var Fn = ({ label: e = "Add photos or files", ...t }) => {
 		...r,
 		...u
 	});
-}, zn = ({ className: e, ...t }) => /* @__PURE__ */ K(xn, {
+}, Sr = ({ className: e, ...t }) => /* @__PURE__ */ Q(rr, {
 	align: "block-end",
-	className: H("order-first flex-wrap gap-1", e),
+	className: J("order-first flex-wrap gap-1", e),
 	...t
-}), Bn = ({ className: e, ...t }) => /* @__PURE__ */ K(xn, {
+}), Cr = ({ className: e, ...t }) => /* @__PURE__ */ Q(rr, {
 	align: "block-end",
-	className: H("justify-between gap-1", e),
+	className: J("justify-between gap-1", e),
 	...t
-}), Vn = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
-	className: H("flex items-center gap-1", e),
+}), wr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: J("flex items-center gap-1", e),
 	...t
-}), Hn = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
+}), Tr = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
 	let a = r ?? (t.count(i.children) > 1 ? "sm" : "icon-sm");
-	return /* @__PURE__ */ K(Cn, {
-		className: H(n),
+	return /* @__PURE__ */ Q(ar, {
+		className: J(n),
 		size: a,
 		type: "button",
 		variant: e,
 		...i
 	});
-}, Un = (e) => /* @__PURE__ */ K(P, { ...e }), Wn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ K(L, {
+}, Er = (e) => /* @__PURE__ */ Q(ee, { ...e }), Dr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q(F, {
 	asChild: !0,
-	children: /* @__PURE__ */ K(Hn, {
+	children: /* @__PURE__ */ Q(Tr, {
 		className: e,
 		...n,
-		children: t ?? /* @__PURE__ */ K(st, { className: "size-4" })
+		children: t ?? /* @__PURE__ */ Q(ot, { className: "size-4" })
 	})
-}), Gn = ({ className: e, ...t }) => /* @__PURE__ */ K(F, {
+}), Or = ({ className: e, ...t }) => /* @__PURE__ */ Q(te, {
 	align: "start",
-	className: H(e),
+	className: J(e),
 	...t
-}), Kn = ({ className: e, ...t }) => /* @__PURE__ */ K(I, {
-	className: H(e),
+}), kr = ({ className: e, ...t }) => /* @__PURE__ */ Q(P, {
+	className: J(e),
 	...t
-}), qn = ({ className: e, variant: t = "default", size: n = "icon-sm", status: r, children: i, ...a }) => {
-	let o = /* @__PURE__ */ K(Qe, { className: "size-4" });
-	return r === "submitted" ? o = /* @__PURE__ */ K(nt, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ K(ut, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ K(W, { className: "size-4" })), /* @__PURE__ */ K(Cn, {
+}), Ar = ({ className: e, variant: t = "default", size: n = "icon-sm", status: r, children: i, ...a }) => {
+	let o = /* @__PURE__ */ Q(Je, { className: "size-4" });
+	return r === "submitted" ? o = /* @__PURE__ */ Q(tt, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ Q(dt, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ Q(_t, { className: "size-4" })), /* @__PURE__ */ Q(ar, {
 		"aria-label": "Submit",
-		className: H(e),
+		className: J(e),
 		size: n,
 		type: "submit",
 		variant: t,
 		...a,
 		children: i ?? o
 	});
-}, Jn = ({ className: e, textareaRef: t, onTranscriptionChange: n, ...r }) => {
+}, jr = ({ 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)) {
@@ -1184,80 +1474,80 @@ var Fn = ({ label: e = "Add photos or files", ...t }) => {
 	let p = o(() => {
 		s && (i ? s.stop() : s.start());
 	}, [s, i]);
-	return /* @__PURE__ */ K(Hn, {
-		className: H("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
+	return /* @__PURE__ */ Q(Tr, {
+		className: J("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
 		disabled: !s,
 		onClick: p,
 		...r,
-		children: /* @__PURE__ */ K(it, { className: "size-4" })
+		children: /* @__PURE__ */ Q(rt, { className: "size-4" })
 	});
-}, Yn = (e) => /* @__PURE__ */ K(ue, { ...e }), Xn = ({ className: e, ...t }) => /* @__PURE__ */ K(pe, {
-	className: H("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),
+}, Mr = (e) => /* @__PURE__ */ Q(le, { ...e }), Nr = ({ className: e, ...t }) => /* @__PURE__ */ Q(fe, {
+	className: J("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
-}), Zn = ({ className: e, ...t }) => /* @__PURE__ */ K(de, {
-	className: H(e),
+}), Pr = ({ className: e, ...t }) => /* @__PURE__ */ Q(ue, {
+	className: J(e),
 	...t
-}), Qn = ({ className: e, ...t }) => /* @__PURE__ */ K(fe, {
-	className: H(e),
+}), Fr = ({ className: e, ...t }) => /* @__PURE__ */ Q(de, {
+	className: J(e),
 	...t
-}), $n = ({ className: e, ...t }) => /* @__PURE__ */ K(me, {
-	className: H(e),
+}), Ir = ({ className: e, ...t }) => /* @__PURE__ */ Q(pe, {
+	className: J(e),
 	...t
-}), er = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ K(R, {
+}), Lr = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ Q(L, {
 	closeDelay: t,
 	openDelay: e,
 	...n
-}), tr = (e) => /* @__PURE__ */ K(oe, { ...e }), nr = ({ align: e = "start", ...t }) => /* @__PURE__ */ K(ae, {
+}), Rr = (e) => /* @__PURE__ */ Q(z, { ...e }), zr = ({ align: e = "start", ...t }) => /* @__PURE__ */ Q(R, {
 	align: e,
 	...t
-}), rr = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
-	className: H(e),
+}), Br = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: J(e),
 	...t
-}), ir = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
-	className: H(e),
+}), Vr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: J(e),
 	...t
-}), ar = ({ className: e, ...t }) => /* @__PURE__ */ K("h3", {
-	className: H("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
+}), Hr = ({ className: e, ...t }) => /* @__PURE__ */ Q("h3", {
+	className: J("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
 	...t
-}), or = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
-	className: H("space-y-1", e),
+}), Ur = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: J("space-y-1", e),
 	...t
-}), sr = ({ className: e, ...t }) => /* @__PURE__ */ K("div", {
-	className: H("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
+}), Wr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: J("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
 	...t
-}), cr = ({ className: e, ...t }) => /* @__PURE__ */ K(D, {
-	className: H(e),
+}), Gr = ({ className: e, ...t }) => /* @__PURE__ */ Q(D, {
+	className: J(e),
 	...t
-}), lr = ({ className: e, ...t }) => /* @__PURE__ */ K(A, {
-	className: H(e),
+}), Kr = ({ className: e, ...t }) => /* @__PURE__ */ Q(A, {
+	className: J(e),
 	...t
-}), ur = ({ className: e, ...t }) => /* @__PURE__ */ K(M, {
-	className: H(e),
+}), qr = ({ className: e, ...t }) => /* @__PURE__ */ Q(M, {
+	className: J(e),
 	...t
-}), dr = ({ className: e, ...t }) => /* @__PURE__ */ K(O, {
-	className: H(e),
+}), Jr = ({ className: e, ...t }) => /* @__PURE__ */ Q(O, {
+	className: J(e),
 	...t
-}), fr = ({ className: e, ...t }) => /* @__PURE__ */ K(k, {
-	className: H(e),
+}), Yr = ({ className: e, ...t }) => /* @__PURE__ */ Q(k, {
+	className: J(e),
 	...t
-}), pr = ({ className: e, ...t }) => /* @__PURE__ */ K(j, {
-	className: H(e),
+}), Xr = ({ className: e, ...t }) => /* @__PURE__ */ Q(j, {
+	className: J(e),
 	...t
-}), mr = ({ className: e, ...t }) => /* @__PURE__ */ K(N, {
-	className: H(e),
+}), Zr = ({ className: e, ...t }) => /* @__PURE__ */ Q(N, {
+	className: J(e),
 	...t
-}), hr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ q(ce, {
+}), Qr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ $(se, {
 	className: "w-full overflow-x-auto whitespace-nowrap",
 	...n,
-	children: [/* @__PURE__ */ K("div", {
-		className: H("flex w-max flex-nowrap items-center gap-2", e),
+	children: [/* @__PURE__ */ Q("div", {
+		className: J("flex w-max flex-nowrap items-center gap-2", e),
 		children: t
-	}), /* @__PURE__ */ K(le, {
+	}), /* @__PURE__ */ Q(ce, {
 		className: "hidden",
 		orientation: "horizontal"
 	})]
-}), gr = ({ suggestion: e, onClick: t, className: n, variant: r = "outline", size: i = "sm", children: a, ...o }) => /* @__PURE__ */ K(v, {
-	className: H("cursor-pointer rounded-full px-4", n),
+}), $r = ({ suggestion: e, onClick: t, className: n, variant: r = "outline", size: i = "sm", children: a, ...o }) => /* @__PURE__ */ Q(v, {
+	className: J("cursor-pointer rounded-full px-4", n),
 	onClick: () => {
 		t?.(e);
 	},
@@ -1266,7 +1556,7 @@ var Fn = ({ label: e = "Add photos or files", ...t }) => {
 	variant: r,
 	...o,
 	children: a || e
-}), _r = r({ code: "" }), vr = {
+}), ei = r({ code: "" }), ti = {
 	name: "line-numbers",
 	line(e, t) {
 		e.children.unshift({
@@ -1287,21 +1577,21 @@ var Fn = ({ label: e = "Add photos or files", ...t }) => {
 		});
 	}
 };
-async function yr(e, t, n = !1) {
-	let r = n ? [vr] : [];
-	return await Promise.all([wt(e, {
+async function ni(e, t, n = !1) {
+	let r = n ? [ti] : [];
+	return await Promise.all([kt(e, {
 		lang: t,
 		theme: "one-light",
 		transformers: r
-	}), wt(e, {
+	}), kt(e, {
 		lang: t,
 		theme: "one-dark-pro",
 		transformers: r
 	})]);
 }
-var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children: i, ...a }) => {
+var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children: i, ...a }) => {
 	let [o, s] = d(""), [l, f] = d(""), p = u(!1);
-	return c(() => (yr(e, t, n).then(([e, t]) => {
+	return c(() => (ni(e, t, n).then(([e, t]) => {
 		p.current ||= (s(e), f(t), !0);
 	}), () => {
 		p.current = !1;
@@ -1309,23 +1599,23 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		e,
 		t,
 		n
-	]), /* @__PURE__ */ K(_r.Provider, {
+	]), /* @__PURE__ */ Q(ei.Provider, {
 		value: { code: e },
-		children: /* @__PURE__ */ K("div", {
-			className: H("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
+		children: /* @__PURE__ */ Q("div", {
+			className: J("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
 			...a,
-			children: /* @__PURE__ */ q("div", {
+			children: /* @__PURE__ */ $("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ K("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__ */ K("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__ */ K("div", {
+					i && /* @__PURE__ */ Q("div", {
 						className: "absolute top-2 right-2 flex items-center gap-2",
 						children: i
 					})
@@ -1333,8 +1623,8 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 			})
 		})
 	});
-}, br = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
-	let [o, c] = d(!1), { code: l } = s(_r), u = async () => {
+}, ii = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
+	let [o, c] = d(!1), { code: l } = s(ei), u = async () => {
 		if (typeof window > "u" || !navigator?.clipboard?.writeText) {
 			t?.(/* @__PURE__ */ Error("Clipboard API not available"));
 			return;
@@ -1344,29 +1634,29 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		} catch (e) {
 			t?.(e);
 		}
-	}, f = o ? He : Xe;
-	return /* @__PURE__ */ K(v, {
-		className: H("shrink-0", i),
+	}, f = o ? Ie : Ke;
+	return /* @__PURE__ */ Q(v, {
+		className: J("shrink-0", i),
 		onClick: u,
 		size: "icon",
 		variant: "ghost",
 		...a,
-		children: r ?? /* @__PURE__ */ K(f, { size: 14 })
+		children: r ?? /* @__PURE__ */ Q(f, { size: 14 })
 	});
-}, xr = ({ className: e, ...t }) => /* @__PURE__ */ K(w, {
-	className: H("not-prose mb-4 w-full rounded-md border", e),
+}, ai = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
+	className: J("not-prose mb-4 w-full rounded-md border", e),
 	...t
-}), Sr = (e) => /* @__PURE__ */ q(_, {
+}), oi = (e) => /* @__PURE__ */ $(_, {
 	className: "gap-1.5 rounded-full text-xs",
 	variant: "secondary",
 	children: [{
-		"input-streaming": /* @__PURE__ */ K(Ke, { className: "size-4" }),
-		"input-available": /* @__PURE__ */ K(Je, { className: "size-4 animate-pulse" }),
-		"approval-requested": /* @__PURE__ */ K(Je, { className: "size-4 text-yellow-600" }),
-		"approval-responded": /* @__PURE__ */ K(Ve, { className: "size-4 text-blue-600" }),
-		"output-available": /* @__PURE__ */ K(Ve, { className: "size-4 text-green-600" }),
-		"output-error": /* @__PURE__ */ K(pt, { className: "size-4 text-red-600" }),
-		"output-denied": /* @__PURE__ */ K(pt, { className: "size-4 text-orange-600" })
+		"input-streaming": /* @__PURE__ */ Q(Be, { className: "size-4" }),
+		"input-available": /* @__PURE__ */ Q(We, { className: "size-4 animate-pulse" }),
+		"approval-requested": /* @__PURE__ */ Q(We, { className: "size-4 text-yellow-600" }),
+		"approval-responded": /* @__PURE__ */ Q(Fe, { className: "size-4 text-blue-600" }),
+		"output-available": /* @__PURE__ */ Q(Fe, { className: "size-4 text-green-600" }),
+		"output-error": /* @__PURE__ */ Q(gt, { className: "size-4 text-red-600" }),
+		"output-denied": /* @__PURE__ */ Q(gt, { className: "size-4 text-orange-600" })
 	}[e], {
 		"input-streaming": "Pending",
 		"input-available": "Running",
@@ -1376,61 +1666,61 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		"output-error": "Error",
 		"output-denied": "Denied"
 	}[e]]
-}), Cr = ({ className: e, title: t, type: n, state: r, ...i }) => /* @__PURE__ */ q(E, {
-	className: H("flex w-full items-center justify-between gap-4 p-3", e),
+}), si = ({ className: e, title: t, type: n, state: r, ...i }) => /* @__PURE__ */ $(E, {
+	className: J("flex w-full items-center justify-between gap-4 p-3", e),
 	...i,
-	children: [/* @__PURE__ */ q("div", {
+	children: [/* @__PURE__ */ $("div", {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ K(dt, { className: "size-4 text-muted-foreground" }),
-			/* @__PURE__ */ K("span", {
+			/* @__PURE__ */ Q(mt, { className: "size-4 text-muted-foreground" }),
+			/* @__PURE__ */ Q("span", {
 				className: "font-medium text-sm",
 				children: t ?? n.split("-").slice(1).join("-")
 			}),
-			Sr(r)
+			oi(r)
 		]
-	}), /* @__PURE__ */ K(Ue, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
-}), wr = ({ className: e, ...t }) => /* @__PURE__ */ K(T, {
-	className: H("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(Le, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
+}), ci = ({ className: e, ...t }) => /* @__PURE__ */ Q(T, {
+	className: J("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
-}), Tr = ({ className: e, input: t, ...n }) => /* @__PURE__ */ q("div", {
-	className: H("space-y-2 overflow-hidden p-4", e),
+}), li = ({ className: e, input: t, ...n }) => /* @__PURE__ */ $("div", {
+	className: J("space-y-2 overflow-hidden p-4", e),
 	...n,
-	children: [/* @__PURE__ */ K("h4", {
+	children: [/* @__PURE__ */ Q("h4", {
 		className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 		children: "Parameters"
-	}), /* @__PURE__ */ K("div", {
+	}), /* @__PURE__ */ Q("div", {
 		className: "rounded-md bg-muted/50",
-		children: /* @__PURE__ */ K(Q, {
+		children: /* @__PURE__ */ Q(ri, {
 			code: JSON.stringify(t, null, 2),
 			language: "json"
 		})
 	})]
-}), Er = ({ className: e, output: t, errorText: n, ...r }) => {
+}), ui = ({ className: e, output: t, errorText: n, ...r }) => {
 	if (!(t || n)) return null;
-	let a = /* @__PURE__ */ K("div", { children: t });
-	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ K(Q, {
+	let a = /* @__PURE__ */ Q("div", { children: t });
+	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ Q(ri, {
 		code: JSON.stringify(t, null, 2),
 		language: "json"
-	}) : typeof t == "string" && (a = /* @__PURE__ */ K(Q, {
+	}) : typeof t == "string" && (a = /* @__PURE__ */ Q(ri, {
 		code: t,
 		language: "json"
-	})), /* @__PURE__ */ q("div", {
-		className: H("space-y-2 p-4", e),
+	})), /* @__PURE__ */ $("div", {
+		className: J("space-y-2 p-4", e),
 		...r,
-		children: [/* @__PURE__ */ K("h4", {
+		children: [/* @__PURE__ */ Q("h4", {
 			className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 			children: n ? "Error" : "Result"
-		}), /* @__PURE__ */ q("div", {
-			className: H("overflow-x-auto rounded-md text-xs [&_table]:w-full", n ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
-			children: [n && /* @__PURE__ */ K("div", { children: n }), a]
+		}), /* @__PURE__ */ $("div", {
+			className: J("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]
 		})]
 	});
-}, Dr = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
-	let a = Et.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
-	return /* @__PURE__ */ K(a, {
+}, di = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
+	let a = jt.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
+	return /* @__PURE__ */ Q(a, {
 		animate: { backgroundPosition: "0% center" },
-		className: H("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: J("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`,
@@ -1443,21 +1733,21 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		},
 		children: e
 	});
-}), Or = r(null), kr = () => {
-	let e = s(Or);
+}), fi = r(null), pi = () => {
+	let e = s(fi);
 	if (!e) throw Error("Reasoning components must be used within Reasoning");
 	return e;
-}, Ar = 1e3, jr = 1e3, Mr = a(({ className: e, isStreaming: t = !1, open: n, defaultOpen: r = !0, onOpenChange: i, duration: a, children: o, ...s }) => {
-	let [l, u] = Tt({
+}, mi = 1e3, hi = 1e3, gi = a(({ className: e, isStreaming: t = !1, open: n, defaultOpen: r = !0, onOpenChange: i, duration: a, children: o, ...s }) => {
+	let [l, u] = At({
 		prop: n,
 		defaultProp: r,
 		onChange: i
-	}), [f, p] = Tt({
+	}), [f, p] = At({
 		prop: a,
 		defaultProp: void 0
 	}), [m, h] = d(!1), [g, _] = d(null);
 	return c(() => {
-		t ? g === null && _(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / jr)), _(null));
+		t ? g === null && _(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / hi)), _(null));
 	}, [
 		t,
 		g,
@@ -1466,7 +1756,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);
-			}, Ar);
+			}, mi);
 			return () => clearTimeout(e);
 		}
 	}, [
@@ -1475,15 +1765,15 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 		r,
 		u,
 		m
-	]), /* @__PURE__ */ K(Or.Provider, {
+	]), /* @__PURE__ */ Q(fi.Provider, {
 		value: {
 			isStreaming: t,
 			isOpen: l,
 			setIsOpen: u,
 			duration: f
 		},
-		children: /* @__PURE__ */ K(w, {
-			className: H("not-prose mb-4", e),
+		children: /* @__PURE__ */ Q(w, {
+			className: J("not-prose mb-4", e),
 			onOpenChange: (e) => {
 				u(e);
 			},
@@ -1492,69 +1782,80 @@ var Q = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children
 			children: o
 		})
 	});
-}), Nr = (e, t) => e || t === 0 ? /* @__PURE__ */ K(Dr, {
+}), _i = (e, t) => e || t === 0 ? /* @__PURE__ */ Q(di, {
 	duration: 1,
 	children: "Thinking..."
-}) : t === void 0 ? /* @__PURE__ */ K("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ q("p", { children: [
+}) : t === void 0 ? /* @__PURE__ */ Q("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ $("p", { children: [
 	"Thought for ",
 	t,
 	" seconds"
-] }), Pr = a(({ className: e, children: t, getThinkingMessage: n = Nr, ...r }) => {
-	let { isStreaming: i, isOpen: a, duration: o } = kr();
-	return /* @__PURE__ */ K(E, {
-		className: H("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
+] }), vi = a(({ className: e, children: t, getThinkingMessage: n = _i, ...r }) => {
+	let { isStreaming: i, isOpen: a, duration: o } = pi();
+	return /* @__PURE__ */ Q(E, {
+		className: J("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
 		...r,
-		children: t ?? /* @__PURE__ */ q(G, { children: [
-			/* @__PURE__ */ K(Re, { className: "size-4" }),
+		children: t ?? /* @__PURE__ */ $(Z, { children: [
+			/* @__PURE__ */ Q(Ne, { className: "size-4" }),
 			n(i, o),
-			/* @__PURE__ */ K(Ue, { className: H("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
+			/* @__PURE__ */ Q(Le, { className: J("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
 		] })
 	});
-}), Fr = a(({ className: e, children: t, ...n }) => /* @__PURE__ */ K(T, {
-	className: H("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),
+}), yi = a(({ className: e, children: t, ...n }) => /* @__PURE__ */ Q(T, {
+	className: J("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__ */ K(St, { children: t })
+	children: /* @__PURE__ */ Q(Dt, { children: t })
 }));
-Mr.displayName = "Reasoning", Pr.displayName = "ReasoningTrigger", Fr.displayName = "ReasoningContent";
+gi.displayName = "Reasoning", vi.displayName = "ReasoningTrigger", yi.displayName = "ReasoningContent";
 //#endregion
 //#region src/elements/sources.tsx
-var Ir = ({ className: e, ...t }) => /* @__PURE__ */ K(w, {
-	className: H("not-prose mb-4 text-primary text-xs", e),
+var bi = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
+	className: J("not-prose mb-4 text-primary text-xs", e),
 	...t
-}), Lr = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ K(E, {
-	className: H("flex items-center gap-2", e),
+}), xi = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ Q(E, {
+	className: J("flex items-center gap-2", e),
 	...r,
-	children: n ?? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q("p", {
+	children: n ?? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $("p", {
 		className: "font-medium",
 		children: [
 			"Used ",
 			t,
 			" sources"
 		]
-	}), /* @__PURE__ */ K(Ue, { className: "h-4 w-4" })] })
-}), Rr = ({ className: e, ...t }) => /* @__PURE__ */ K(T, {
-	className: H("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(Le, { className: "h-4 w-4" })] })
+}), Si = ({ className: e, ...t }) => /* @__PURE__ */ Q(T, {
+	className: J("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
-}), zr = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ K("a", {
+}), Ci = ({ 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__ */ q(G, { children: [/* @__PURE__ */ K(Ie, { className: "h-4 w-4" }), /* @__PURE__ */ K("span", {
+	children: n ?? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q(je, { className: "h-4 w-4" }), /* @__PURE__ */ Q("span", {
 		className: "block font-medium",
 		children: t
 	})] })
 });
 //#endregion
 //#region src/ChatbotEnhanced.tsx
-function Br(e, t) {
-	return t ? "error" : e ? "streaming" : "ready";
+function wi(e) {
+	let t = e ?? {}, n = t.data && typeof t.data == "object" ? t.data : t, r = n.seedApplied, i = n.probes;
+	if (!r && !i) return;
+	let a = {};
+	return r && (r.success === !1 ? a.seedError = r.error ?? (Array.isArray(r.errors) && r.errors.length ? String(r.errors[0]) : "Sample data failed to load.") : a.seededRows = (r.inserted ?? 0) + (r.updated ?? 0)), i && (a.checked = {
+		seeds: i.checked?.seeds ?? 0,
+		views: i.checked?.views ?? 0,
+		widgets: i.checked?.widgets ?? 0
+	}, a.issues = (i.issues ?? []).filter((e) => e && typeof e.message == "string").map((e) => ({
+		severity: e.severity === "error" ? "error" : "warning",
+		code: String(e.code ?? "runtime_issue"),
+		message: String(e.message)
+	}))), a;
 }
-function Vr(e) {
+function Ti(e) {
 	return e === "user" ? "user" : "assistant";
 }
-function Hr(e) {
+function Ei(e) {
 	let t = e.trim();
 	if (t.length < 2 || !(t.startsWith("{") || t.startsWith("[")) || !(t.endsWith("}") || t.endsWith("]"))) return !1;
 	try {
@@ -1563,271 +1864,980 @@ function Hr(e) {
 		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) => {
+function Di(e) {
+	let t = e.state ?? (e.errorText ? "output-error" : e.result === void 0 ? "input-available" : "output-available");
+	return t === "output-error" || t === "output-denied" ? "failed" : t === "approval-requested" || t === "approval-responded" ? "awaiting" : t === "output-available" ? "completed" : "running";
+}
+function Oi(e) {
+	let t = Di(e);
+	return t === "awaiting" || t === "failed" || !!e.pendingActionId || !!e.draftReview?.items.length || !!e.proposedPlan;
+}
+function ki(e) {
+	switch (e) {
+		case "failed": return 4;
+		case "awaiting": return 3;
+		case "running": return 2;
+		case "completed": return 1;
+	}
+}
+function Ai(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = Di(n), r = `${n.toolName}:${e}`, i = t.get(r);
+		if (i) {
+			i.count += 1, i.errorText = i.errorText ?? n.errorText;
+			continue;
+		}
+		t.set(r, {
+			key: r,
+			title: Dn(n.toolName) || n.toolName,
+			rawName: n.toolName,
+			count: 1,
+			state: e,
+			errorText: n.errorText
+		});
+	}
+	return Array.from(t.values()).sort((e, t) => {
+		let n = ki(t.state) - ki(e.state);
+		return n === 0 ? e.title.localeCompare(t.title) : n;
+	});
+}
+function ji({ health: e }) {
+	if (!e) return null;
+	let t = e.issues ?? [], n = t.filter((e) => e.severity === "error"), r = t.filter((e) => e.severity !== "error"), i = e.checked, a = !!i && i.seeds + i.views + i.widgets > 0, o = [];
+	if (typeof e.seededRows == "number" && e.seededRows > 0 && !e.seedError && o.push(`${e.seededRows} sample row${e.seededRows === 1 ? "" : "s"} live`), a && n.length === 0) {
+		let e = [];
+		i.views > 0 && e.push(`${i.views} view${i.views === 1 ? "" : "s"}`), i.widgets > 0 && e.push(`${i.widgets} widget${i.widgets === 1 ? "" : "s"}`), i.seeds > 0 && e.push(`${i.seeds} seed${i.seeds === 1 ? "" : "s"}`), e.length && o.push(`${e.join(" · ")} verified`);
+	}
+	return o.length === 0 && !e.seedError && t.length === 0 ? null : /* @__PURE__ */ $("div", {
+		className: "flex flex-col gap-1 border-t bg-muted/20 px-3 py-2",
+		"data-testid": "publish-health",
+		children: [
+			o.length > 0 ? /* @__PURE__ */ $("div", {
+				className: "flex items-center gap-1.5 text-xs text-emerald-700",
+				children: [/* @__PURE__ */ Q(Y, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: o.join(" · ") })]
+			}) : null,
+			e.seedError ? /* @__PURE__ */ $("div", {
+				className: "flex items-start gap-1.5 text-xs text-red-600",
+				children: [/* @__PURE__ */ Q(X, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: e.seedError })]
+			}) : null,
+			n.map((e, t) => /* @__PURE__ */ $("div", {
+				className: "flex items-start gap-1.5 text-xs text-red-600",
+				children: [/* @__PURE__ */ Q(X, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: e.message })]
+			}, `e${t}`)),
+			r.map((e, t) => /* @__PURE__ */ $("div", {
+				className: "flex items-start gap-1.5 text-xs text-amber-600",
+				children: [/* @__PURE__ */ Q(Oe, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: e.message })]
+			}, `w${t}`))
+		]
+	});
+}
+var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, onClear: a, onStop: o, onReload: s, onUpgrade: c, disabled: l = !1, isLoading: u = !1, error: d, showTimestamp: f = !1, showAvatars: p = !1, userAvatarUrl: m, userAvatarFallback: h = "You", assistantAvatarUrl: g, assistantAvatarFallback: _ = "AI", hideClearBar: v = !1, maxHeight: y = "500px", enableMarkdown: b = !0, enableFileUpload: x = !1, acceptedFileTypes: S = "image/*,.pdf,.doc,.docx,.txt", maxFileSize: C = 10 * 1024 * 1024, suggestions: w, labels: T, models: E, selectedModelId: D, onModelChange: O, headerSlot: k, promptOverlaySlot: A, onInputChange: j, onToolApprove: M, toolApproveLabel: N = "Approve", toolDenyLabel: ee = "Deny", toolDenyReason: te = "User denied the operation", toolDecisions: P, onReviewDraft: F, toolReviewLabel: ne = (e) => `Review ${e} change${e === 1 ? "" : "s"}`, onPublishDrafts: I, onOpenBuiltApp: re, openBuiltAppLabel: ie = "Open app", onPreviewDraftApp: ae, previewDraftLabel: L = "Preview", onDraftArtifacts: R, onBuildMaterialized: z, publishDraftsLabel: oe = "Publish", publishedLabel: B = "Published", verifiedLabel: se = "Verified", nextStepsLabel: ce = "What's next", planTitleLabel: le = "Proposed plan", planQuestionsLabel: ue = "Confirm before building", planAssumptionsLabel: de = "Assumptions", planApproveHintLabel: fe = "Reply to approve or adjust this plan.", planApproveLabel: pe = "Build it", planAdjustLabel: me = "Adjust", planApproveMessage: he = "Looks good — build it as proposed.", planApproveDefaultsMessage: ge = "Build it with your best assumptions; use sensible defaults for the open questions.", planAnswerMessage: _e = (e, t) => `For "${e}", go with: ${t}.`, fetchPendingDraftCount: V, autoPublishDrafts: ve = !1, processVisibility: H = "summary", surface: ye = "card", ...be }, U) => {
+	let W = u ? "streaming" : "ready", G = ye === "plain", [K, xe] = e.useState(null), q = e.useMemo(() => ({
+		emptyTitle: T?.emptyTitle ?? "Start a conversation",
+		emptyDescription: T?.emptyDescription ?? "Ask anything — the assistant has access to your current app context.",
+		clear: T?.clear ?? "Clear",
+		sendHint: T?.sendHint ?? "to send",
+		agentActivity: T?.agentActivity ?? "Agent activity",
+		toolCompleted: T?.toolCompleted ?? "Completed",
+		toolRunning: T?.toolRunning ?? "Running",
+		toolAwaitingApproval: T?.toolAwaitingApproval ?? "Awaiting approval",
+		toolFailed: T?.toolFailed ?? "Failed",
+		toolDetailsHidden: T?.toolDetailsHidden ?? "Detailed tool inputs and outputs are hidden in this view.",
+		copy: T?.copy ?? "Copy",
+		copied: T?.copied ?? "Copied",
+		regenerate: T?.regenerate ?? "Regenerate",
+		model: T?.model ?? "Model",
+		submit: T?.submit ?? "Submit",
+		uploadFiles: T?.uploadFiles ?? "Upload files",
+		stopResponse: T?.stopResponse ?? "Stop response",
+		trace: T?.trace ?? "trace",
+		viewTrace: T?.viewTrace ?? "View trace",
+		connectionWaiting: T?.connectionWaiting ?? "Waiting for server…"
+	}), [T]), [Se, Ce] = e.useState(() => /* @__PURE__ */ new Set()), [we, Te] = e.useState(() => /* @__PURE__ */ new Map()), [Ee, De] = e.useState(() => /* @__PURE__ */ new Map()), ke = e.useRef(/* @__PURE__ */ new Set()), Ae = e.useCallback(async (e) => {
+		if (V) try {
+			let t = await V(e);
+			De((n) => {
+				if (n.get(e) === t) return n;
+				let r = new Map(n);
+				return r.set(e, t), r;
+			});
+		} catch {}
+	}, [V]);
+	e.useEffect(() => {
+		if (!V || u) return;
+		let e = /* @__PURE__ */ new Set();
+		for (let t of n) for (let n of t.toolInvocations ?? []) {
+			let t = n.draftReview?.packageId, r = n.toolCallId;
+			t && r && !ke.current.has(r) && (ke.current.add(r), e.add(t));
+		}
+		for (let t of e) Ae(t);
+	}, [
+		n,
+		u,
+		V,
+		Ae
+	]);
+	let je = e.useCallback(async (e) => {
+		if (!I) return;
+		let t = [];
+		for (let r of n) for (let n of r.toolInvocations ?? []) n.draftReview?.packageId === e && n.toolCallId && t.push(n.toolCallId);
+		let r = await I(e), i = r && typeof r == "object" ? r : void 0;
+		if ((i ? i.ok !== !1 : r !== !1) && t.length > 0) {
+			Ce((e) => {
+				let n = new Set(e);
+				for (let e of t) n.add(e);
+				return n;
+			});
+			let e = i?.health;
+			e && Te((n) => {
+				let r = new Map(n);
+				for (let n of t) r.set(n, e);
+				return r;
+			});
+		}
+		Ae(e);
+	}, [
+		I,
+		n,
+		Ae
+	]), Ne = e.useRef(/* @__PURE__ */ new Set()), Fe = e.useRef(!1);
+	e.useEffect(() => {
+		let e = [];
+		for (let t of n) for (let n of t.toolInvocations ?? []) {
+			let t = n.draftReview;
+			t?.autoPublishable && t.packageId && n.toolCallId && t.items.length > 0 && e.push({
+				key: n.toolCallId,
+				packageId: t.packageId
+			});
+		}
+		if (!Fe.current) {
+			Fe.current = !0;
+			for (let t of e) Ne.current.add(t.key);
+			return;
+		}
+		if (!ve || !I || u) return;
+		let t = e.filter((e) => !Ne.current.has(e.key));
+		if (t.length !== 0) {
+			for (let e of t) Ne.current.add(e.key);
+			for (let e of [...new Set(t.map((e) => e.packageId))]) je(e);
+		}
+	}, [
+		n,
+		u,
+		ve,
+		I,
+		je
+	]);
+	let Ie = e.useRef(/* @__PURE__ */ new Set());
+	e.useEffect(() => {
+		if (!R) return;
+		let e = /* @__PURE__ */ new Map();
+		for (let t of n) {
+			for (let n of t.buildProgress?.items ?? []) n?.type && n?.name && e.set(`${n.type}:${n.name}`, n);
+			for (let n of t.toolInvocations ?? []) for (let t of n.draftReview?.items ?? []) t?.type && t?.name && e.set(`${t.type}:${t.name}`, t);
+		}
+		let t = Ie.current, r = !1;
+		for (let n of e.keys()) t.has(n) || (t.add(n), r = !0);
+		r && R([...e.values()]);
+	}, [n, R]);
+	let Le = e.useRef(/* @__PURE__ */ new Set());
+	e.useEffect(() => {
+		if (z) for (let e of n) for (let t of e.toolInvocations ?? []) {
+			let e = t.draftReview;
+			if (!e?.materialized || !t.toolCallId) continue;
+			let n = e.items.find((e) => e.type === "app");
+			!n || Le.current.has(t.toolCallId) || (Le.current.add(t.toolCallId), z(n.name));
+		}
+	}, [n, z]);
+	let Re = 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]), ze = e.useCallback((e) => {
 		i?.(e);
-	}, [i]), ne = e.useCallback((e) => {
-		navigator.clipboard?.writeText(e.content), L(e.id), window.setTimeout(() => L((t) => t === e.id ? null : t), 1500);
-	}, []);
-	return /* @__PURE__ */ q("div", {
-		ref: P,
-		className: H("flex flex-col border rounded-lg bg-background overflow-hidden", t),
-		style: { maxHeight: g },
-		...N,
-		children: [
-			a && n.length > 0 && /* @__PURE__ */ q("div", {
-				className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30",
-				children: [/* @__PURE__ */ q("span", {
-					className: "text-sm text-muted-foreground",
+	}, [i]), Be = e.useRef(null), He = e.useCallback((e) => {
+		i?.(e ? ge : he);
+	}, [
+		i,
+		he,
+		ge
+	]), Ue = e.useCallback(() => {
+		let e = Be.current?.querySelector("textarea");
+		e && (e.focus(), e.scrollIntoView({ block: "nearest" }));
+	}, []), We = e.useCallback((e) => {
+		navigator.clipboard?.writeText(e.content), xe(e.id), window.setTimeout(() => xe((t) => t === e.id ? null : t), 1500);
+	}, []), Ke = (e) => {
+		let t = e.state ?? (e.errorText ? "output-error" : e.result === void 0 ? "input-available" : "output-available"), n = `tool-${e.toolName}`, r = P?.[e.toolCallId], a = t === "approval-requested" && !!M && !r, o = t === "approval-requested" && !!e.pendingActionId, s = Dn(e.toolName), c = On(e.result), l = H === "debug" && s && s.toLowerCase() !== e.toolName.toLowerCase(), u = H === "debug" || a, d = e.draftReview?.packageId, f = d === void 0 ? void 0 : Ee.get(d), p = f === void 0 ? Se.has(e.toolCallId) : f === 0, m = /* @__PURE__ */ $("span", {
+			className: "inline-flex items-center gap-2",
+			children: [/* @__PURE__ */ Q("span", { children: s || e.toolName }), l ? /* @__PURE__ */ Q("code", {
+				className: "rounded bg-muted px-1 py-px text-[10px] font-mono text-muted-foreground",
+				children: e.toolName
+			}) : null]
+		});
+		return /* @__PURE__ */ $(ai, {
+			defaultOpen: t === "output-error" || t === "approval-requested" || !!(e.draftReview && e.draftReview.items.length > 0) || !!e.proposedPlan,
+			children: [/* @__PURE__ */ Q(si, {
+				type: n,
+				state: t,
+				title: m
+			}), /* @__PURE__ */ $(ci, { children: [
+				u && e.args !== void 0 ? /* @__PURE__ */ Q(li, { input: e.args }) : null,
+				o ? null : u || t === "output-error" ? /* @__PURE__ */ Q(qi, {
+					output: c,
+					errorText: e.errorText
+				}) : null,
+				r ? /* @__PURE__ */ $("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" ? "OK" : "X"
+					}), /* @__PURE__ */ Q("span", { children: r.message ?? (r.state === "pending" ? "Submitting decision..." : r.state === "success" ? "Action approved and executed." : "Decision failed.") })]
+				}) : null,
+				a ? /* @__PURE__ */ $("div", {
+					className: "flex gap-2 p-3 border-t bg-muted/30",
+					children: [/* @__PURE__ */ Q("button", {
+						type: "button",
+						onClick: () => M?.(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: N
+					}), /* @__PURE__ */ Q("button", {
+						type: "button",
+						onClick: () => M?.(e.toolCallId, !1, te),
+						className: "inline-flex h-7 items-center rounded-md border bg-background px-3 text-xs font-medium hover:bg-accent",
+						children: ee
+					})]
+				}) : null,
+				e.draftReview && e.draftReview.items.length > 0 && (F || I && e.draftReview.packageId) ? /* @__PURE__ */ $(Z, { children: [
+					/* @__PURE__ */ $("div", {
+						className: "flex items-center gap-2 p-3 border-t bg-muted/30",
+						children: [
+							I && e.draftReview.packageId ? p ? /* @__PURE__ */ $("span", {
+								className: "inline-flex h-7 items-center gap-1.5 rounded-md border border-emerald-200 bg-emerald-50 px-3 text-xs font-medium text-emerald-700",
+								children: [
+									/* @__PURE__ */ Q(Y, { className: "size-3.5" }),
+									B,
+									e.draftReview.failedCount ? ` · ${e.draftReview.failedCount} need${e.draftReview.failedCount === 1 ? "s" : ""} attention` : ""
+								]
+							}) : /* @__PURE__ */ $("button", {
+								type: "button",
+								onClick: () => void je(e.draftReview.packageId),
+								className: "inline-flex h-7 items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90",
+								"data-testid": "draft-publish",
+								children: [
+									/* @__PURE__ */ Q(ct, { className: "size-3.5" }),
+									oe,
+									typeof f == "number" && f > 0 ? ` (${f})` : ""
+								]
+							}) : null,
+							F ? /* @__PURE__ */ $("button", {
+								type: "button",
+								onClick: () => F(e.draftReview.items),
+								className: I && e.draftReview.packageId ? "inline-flex h-7 items-center gap-1.5 rounded-md border px-3 text-xs font-medium hover:bg-muted" : "inline-flex h-7 items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90",
+								children: [/* @__PURE__ */ Q(Xe, { className: "size-3.5" }), ne(e.draftReview.items.length)]
+							}) : null,
+							ae && !p ? (() => {
+								let t = e.draftReview.items.find((e) => e.type === "app");
+								return t ? /* @__PURE__ */ $("button", {
+									type: "button",
+									onClick: () => ae(t.name, { materialized: e.draftReview.materialized === !0 }),
+									className: "inline-flex h-7 items-center gap-1.5 rounded-md border px-3 text-xs font-medium hover:bg-muted",
+									"data-testid": "draft-preview-app",
+									children: [/* @__PURE__ */ Q(Ye, { className: "size-3.5" }), L]
+								}) : null;
+							})() : null,
+							e.draftReview.verification ? e.draftReview.verification.errors > 0 ? /* @__PURE__ */ $("span", {
+								className: "inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md border border-amber-200 bg-amber-50 px-2.5 text-xs font-medium text-amber-700",
+								"data-testid": "draft-verification-chip",
+								children: [/* @__PURE__ */ Q(pt, { className: "size-3.5" }), `${e.draftReview.verification.errors} issue${e.draftReview.verification.errors === 1 ? "" : "s"}`]
+							}) : /* @__PURE__ */ $("span", {
+								className: "inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md border border-emerald-200 bg-emerald-50 px-2.5 text-xs font-medium text-emerald-700",
+								"data-testid": "draft-verification-chip",
+								children: [/* @__PURE__ */ Q(ut, { className: "size-3.5" }), se]
+							}) : null,
+							e.draftReview.summary ? /* @__PURE__ */ Q("span", {
+								className: "truncate text-xs text-muted-foreground",
+								children: e.draftReview.summary
+							}) : null
+						]
+					}),
+					e.draftReview.issues && e.draftReview.issues.length > 0 ? /* @__PURE__ */ $("div", {
+						className: "flex flex-col gap-1 border-t bg-muted/20 px-3 py-2",
+						"data-testid": "draft-issues",
+						children: [e.draftReview.issues.filter((e) => e.severity === "error").map((e, t) => /* @__PURE__ */ $("div", {
+							className: "flex items-start gap-1.5 text-xs text-red-600",
+							children: [/* @__PURE__ */ Q(X, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: e.fix ? `${e.message} — ${e.fix}` : e.message })]
+						}, `e${t}`)), e.draftReview.issues.filter((e) => e.severity !== "error").map((e, t) => /* @__PURE__ */ $("div", {
+							className: "flex items-start gap-1.5 text-xs text-amber-600",
+							children: [/* @__PURE__ */ Q(Oe, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: e.message })]
+						}, `w${t}`))]
+					}) : null,
+					Se.has(e.toolCallId) ? /* @__PURE__ */ Q(ji, { health: we.get(e.toolCallId) }) : null,
+					e.draftReview.nextSteps && e.draftReview.nextSteps.length > 0 ? /* @__PURE__ */ $("div", {
+						className: "flex flex-col gap-1 border-t bg-muted/20 px-3 py-2",
+						"data-testid": "draft-next-steps",
+						children: [/* @__PURE__ */ Q("span", {
+							className: "text-xs font-medium text-foreground/80",
+							children: ce
+						}), e.draftReview.nextSteps.map((e, t) => /* @__PURE__ */ $("div", {
+							className: "flex items-start gap-1.5 text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ Q("span", {
+								className: "mt-px shrink-0 text-foreground/40",
+								children: "→"
+							}), /* @__PURE__ */ Q("span", { children: e })]
+						}, t))]
+					}) : null
+				] }) : null,
+				e.proposedPlan ? /* @__PURE__ */ $("div", {
+					className: "flex flex-col gap-2 border-t bg-muted/20 px-3 py-2.5",
+					"data-testid": "proposed-plan",
 					children: [
-						n.length,
-						" message",
-						n.length === 1 ? "" : "s"
+						/* @__PURE__ */ $("span", {
+							className: "inline-flex items-center gap-1.5 text-xs font-medium text-foreground/80",
+							children: [/* @__PURE__ */ Q(Ve, { className: "size-3.5" }), le]
+						}),
+						e.proposedPlan.summary ? /* @__PURE__ */ Q("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.proposedPlan.summary
+						}) : null,
+						e.proposedPlan.objects.length > 0 ? /* @__PURE__ */ Q("div", {
+							className: "flex flex-wrap gap-1.5",
+							children: e.proposedPlan.objects.map((e) => /* @__PURE__ */ $("span", {
+								className: "inline-flex items-center gap-1 rounded-md border bg-background px-1.5 py-0.5 text-[11px] text-foreground/80",
+								title: e.name,
+								children: [
+									/* @__PURE__ */ Q(ft, { className: "size-3 text-foreground/40" }),
+									e.label || e.name,
+									e.fieldCount > 0 ? /* @__PURE__ */ $("span", {
+										className: "text-foreground/40",
+										children: ["· ", e.fieldCount]
+									}) : null
+								]
+							}, e.name))
+						}) : null,
+						(() => {
+							let t = e.proposedPlan.counts, n = [];
+							return t.objects && n.push(`${t.objects} object${t.objects === 1 ? "" : "s"}`), t.views && n.push(`${t.views} view${t.views === 1 ? "" : "s"}`), t.dashboards && n.push(`${t.dashboards} dashboard${t.dashboards === 1 ? "" : "s"}`), t.seedData && n.push("sample data"), n.length ? /* @__PURE__ */ Q("span", {
+								className: "text-[11px] text-muted-foreground",
+								children: n.join(" · ")
+							}) : null;
+						})(),
+						e.proposedPlan.assumptions.length > 0 ? /* @__PURE__ */ $("div", {
+							className: "flex flex-col gap-0.5",
+							children: [/* @__PURE__ */ Q("span", {
+								className: "text-[11px] font-medium text-foreground/70",
+								children: de
+							}), e.proposedPlan.assumptions.map((e, t) => /* @__PURE__ */ $("div", {
+								className: "flex items-start gap-1.5 text-[11px] text-muted-foreground",
+								children: [/* @__PURE__ */ Q("span", {
+									className: "mt-px shrink-0 text-foreground/40",
+									children: "·"
+								}), /* @__PURE__ */ Q("span", { children: e })]
+							}, t))]
+						}) : null,
+						e.proposedPlan.questions.length > 0 ? /* @__PURE__ */ $("div", {
+							className: "flex flex-col gap-1 rounded-md border border-amber-200 bg-amber-50 px-2 py-1.5 dark:border-amber-900/50 dark:bg-amber-950/30",
+							"data-testid": "proposed-plan-questions",
+							children: [/* @__PURE__ */ $("span", {
+								className: "inline-flex items-center gap-1.5 text-[11px] font-medium text-amber-800 dark:text-amber-300",
+								children: [/* @__PURE__ */ Q(Ze, { className: "size-3.5" }), ue]
+							}), e.proposedPlan.questions.map((t, n) => {
+								let r = e.proposedPlan.questionChoices?.find((e) => e.text === t);
+								return /* @__PURE__ */ $("div", {
+									className: "flex flex-col gap-1",
+									children: [/* @__PURE__ */ $("div", {
+										className: "flex items-start gap-1.5 text-[11px] text-amber-900/90 dark:text-amber-200/90",
+										children: [/* @__PURE__ */ Q("span", {
+											className: "mt-px shrink-0",
+											children: "?"
+										}), /* @__PURE__ */ Q("span", { children: t })]
+									}), i && r && r.options.length > 0 ? /* @__PURE__ */ Q("div", {
+										className: "flex flex-wrap gap-1 pl-3.5",
+										"data-testid": "proposed-plan-choice",
+										children: r.options.map((e, n) => /* @__PURE__ */ Q("button", {
+											type: "button",
+											onClick: () => i(_e(t, e)),
+											className: "inline-flex h-6 items-center rounded-full border border-amber-300 bg-background px-2 text-[11px] font-medium text-amber-900 hover:bg-amber-100 dark:border-amber-800 dark:text-amber-200 dark:hover:bg-amber-900/40",
+											children: e
+										}, n))
+									}) : null]
+								}, n);
+							})]
+						}) : null,
+						i ? /* @__PURE__ */ $("div", {
+							className: "flex flex-wrap items-center gap-1.5 pt-0.5",
+							"data-testid": "proposed-plan-actions",
+							children: [/* @__PURE__ */ $("button", {
+								type: "button",
+								onClick: () => He(e.proposedPlan.questions.length > 0),
+								className: "inline-flex h-7 items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90",
+								"data-testid": "proposed-plan-approve",
+								children: [/* @__PURE__ */ Q(ct, { className: "size-3.5" }), pe]
+							}), /* @__PURE__ */ Q("button", {
+								type: "button",
+								onClick: Ue,
+								className: "inline-flex h-7 items-center rounded-md border bg-background px-3 text-xs font-medium hover:bg-accent",
+								"data-testid": "proposed-plan-adjust",
+								children: me
+							})]
+						}) : /* @__PURE__ */ Q("span", {
+							className: "text-[11px] italic text-muted-foreground/80",
+							children: fe
+						})
 					]
-				}), /* @__PURE__ */ K("button", {
+				}) : null
+			] })]
+		}, e.toolCallId);
+	};
+	return /* @__PURE__ */ $("div", {
+		ref: U,
+		className: J(G ? "flex min-h-0 flex-col overflow-hidden bg-background" : "flex min-h-0 flex-col overflow-hidden rounded-lg border bg-background", t),
+		style: { maxHeight: y },
+		...be,
+		children: [
+			a && !v && n.length > 0 && /* @__PURE__ */ Q("div", {
+				className: J("flex items-center justify-end px-4 py-2", G ? "bg-background" : "border-b bg-muted/30"),
+				children: /* @__PURE__ */ Q("button", {
 					type: "button",
 					onClick: a,
 					className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
-					children: "Clear"
-				})]
+					children: q.clear
+				})
 			}),
-			T ? /* @__PURE__ */ K("div", {
-				className: "shrink-0 border-b bg-background/50",
-				children: T
+			k ? /* @__PURE__ */ Q("div", {
+				className: J("shrink-0", !G && "border-b bg-background/50"),
+				children: k
 			}) : null,
-			/* @__PURE__ */ q(Zt, {
+			/* @__PURE__ */ $(Mn, {
 				className: "flex-1 min-h-0",
-				children: [/* @__PURE__ */ K(Qt, {
-					className: "space-y-4 px-4 py-3",
-					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, {
-							className: "justify-center pt-2",
-							children: x.map((e) => /* @__PURE__ */ K(gr, {
-								suggestion: e,
-								onClick: te
-							}, e))
-						}) : null
+				children: [/* @__PURE__ */ $(Nn, {
+					className: J("space-y-4", G ? "mx-auto w-full max-w-2xl px-4 py-8 sm:px-0" : "px-4 py-3"),
+					children: [n.length === 0 ? /* @__PURE__ */ $(Pn, {
+						className: "gap-3 px-0 py-8",
+						children: [
+							/* @__PURE__ */ Q("div", {
+								className: "flex size-9 items-center justify-center rounded-md bg-muted/70 text-muted-foreground",
+								children: g ? /* @__PURE__ */ Q("img", {
+									src: g,
+									alt: "",
+									className: "size-full rounded-md object-cover"
+								}) : /* @__PURE__ */ Q(Me, { className: "size-4" })
+							}),
+							/* @__PURE__ */ $("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ Q("h3", {
+									className: "text-sm font-medium text-foreground/90",
+									children: q.emptyTitle
+								}), /* @__PURE__ */ Q("p", {
+									className: "text-sm text-muted-foreground",
+									children: q.emptyDescription
+								})]
+							}),
+							w && w.length > 0 ? /* @__PURE__ */ Q(Qr, {
+								className: "justify-center gap-2",
+								children: w.map((e) => /* @__PURE__ */ Q($r, {
+									className: "h-8 border-border/60 bg-background/80 px-3 text-xs font-medium text-foreground/90 shadow-none hover:bg-muted/60",
+									suggestion: e,
+									onClick: ze
+								}, e))
+							}) : null
+						]
 					}) : n.map((e) => {
-						let t = e.role === "user", n = e.toolInvocations ?? [], r = e.reasoning?.trim(), i = e.sources ?? [];
-						return /* @__PURE__ */ q(an, {
-							from: Vr(e.role),
-							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 = 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",
-											children: e.toolName
-										}) : null]
-									});
-									return /* @__PURE__ */ q(xr, {
-										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(Wr, {
-												output: s,
-												errorText: e.errorText
+						let t = e.role === "user", n = e.toolInvocations ?? [], r = e.reasoning?.trim(), i = e.sources ?? [], a = t ? void 0 : e.buildProgress, o = !t && !!e.streaming && !e.content && n.length === 0 && !r && !a, c = !t && H === "summary" ? n.filter((e) => !Oi(e)) : [], l = !t && H === "debug" ? n : !t && H !== "debug" ? n.filter(Oi) : [];
+						return /* @__PURE__ */ Q(zn, {
+							from: Ti(e.role),
+							children: /* @__PURE__ */ $("div", {
+								className: J("flex w-full gap-2.5", p ? t ? "flex-row-reverse items-start" : "flex-row items-start" : "flex-col"),
+								children: [p ? /* @__PURE__ */ Q(Ni, {
+									isUser: t,
+									url: t ? m : g,
+									fallback: t ? h : _
+								}) : null, /* @__PURE__ */ $("div", {
+									className: J("flex min-w-0 flex-col gap-2", p && !t && "flex-1"),
+									children: [/* @__PURE__ */ $(Bn, { children: [
+										a ? /* @__PURE__ */ Q(Hi, {
+											progress: a,
+											onOpenBuiltApp: re,
+											openBuiltAppLabel: ie,
+											onPreviewDraftApp: ae,
+											previewDraftLabel: L,
+											waitingLabel: q.connectionWaiting
+										}) : null,
+										!t && H === "debug" && r ? /* @__PURE__ */ $(gi, {
+											isStreaming: !!e.streaming && !e.content,
+											className: "mb-2",
+											children: [/* @__PURE__ */ Q(vi, {}), /* @__PURE__ */ Q(yi, { children: r })]
+										}) : null,
+										!t && H === "summary" && c.length > 0 ? /* @__PURE__ */ Q(Ui, {
+											groups: Ai(c),
+											labels: q
+										}) : null,
+										!t && l.length > 0 ? l.map(Ke) : null,
+										t ? e.content ? /* @__PURE__ */ Q("div", {
+											className: "whitespace-pre-wrap break-words",
+											children: e.content
+										}) : null : o ? /* @__PURE__ */ Q(Fi, {}) : e.content ? /* @__PURE__ */ Q(Zn, { children: e.content }) : null,
+										e.streaming && !o ? /* @__PURE__ */ Q("span", {
+											"aria-hidden": !0,
+											className: "ml-0.5 inline-block w-[2px] h-4 align-middle bg-current animate-pulse"
+										}) : null,
+										!t && (e.charts?.length ?? 0) > 0 ? /* @__PURE__ */ Q("div", {
+											className: "mt-2 flex flex-col gap-3",
+											"data-testid": "chat-charts",
+											children: e.charts.map((e, t) => /* @__PURE__ */ $("div", {
+												className: "rounded-lg border bg-background p-3",
+												style: { width: "min(520px, 80vw)" },
+												"data-testid": "chat-chart",
+												children: [e.title ? /* @__PURE__ */ Q("div", {
+													className: "mb-2 text-sm font-medium text-foreground",
+													children: e.title
+												}) : null, /* @__PURE__ */ Q(xt, { schema: {
+													type: "chart",
+													chartType: e.chartType ?? "bar",
+													data: e.data,
+													xAxisKey: e.xAxisKey,
+													series: e.series
+												} })]
+											}, t))
+										}) : null,
+										!t && i.length > 0 ? /* @__PURE__ */ $(bi, { children: [/* @__PURE__ */ Q(xi, { count: i.length }), /* @__PURE__ */ Q(Si, { children: i.map((e, t) => /* @__PURE__ */ Q(Ci, {
+											href: e.url,
+											title: e.title ?? e.url
+										}, e.id ?? e.url ?? t)) })] }) : null,
+										f && e.timestamp ? /* @__PURE__ */ Q("div", {
+											className: "text-[10px] opacity-70 mt-1",
+											children: e.timestamp
+										}) : null
+									] }), !t && !o ? /* @__PURE__ */ $(Vn, {
+										className: "opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
+										children: [
+											/* @__PURE__ */ Q(Hn, {
+												label: K === e.id ? q.copied : q.copy,
+												tooltip: K === e.id ? q.copied : q.copy,
+												onClick: () => We(e),
+												children: K === e.id ? /* @__PURE__ */ Q(Pe, { className: "size-3.5" }) : /* @__PURE__ */ Q(Ge, { className: "size-3.5" })
 											}),
-											r ? /* @__PURE__ */ q("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__ */ K("span", {
-													"aria-hidden": "true",
-													children: r.state === "pending" ? "⏳" : r.state === "success" ? "✓" : "✗"
-												}), /* @__PURE__ */ K("span", { children: r.message ?? (r.state === "pending" ? "Submitting decision…" : r.state === "success" ? "Action approved and executed." : "Decision failed.") })]
+											s ? /* @__PURE__ */ Q(Hn, {
+												label: q.regenerate,
+												tooltip: q.regenerate,
+												onClick: s,
+												children: /* @__PURE__ */ Q(st, { className: "size-3.5" })
 											}) : null,
-											i ? /* @__PURE__ */ q("div", {
-												className: "flex gap-2 p-3 border-t bg-muted/30",
-												children: [/* @__PURE__ */ K("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__ */ K("button", {
-													type: "button",
-													onClick: () => O?.(e.toolCallId, !1, j),
-													className: "inline-flex h-7 items-center rounded-md border bg-background px-3 text-xs font-medium hover:bg-accent",
-													children: A
-												})]
+											H === "debug" && 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",
+												title: q.viewTrace,
+												children: q.trace
 											}) : null
-										] })]
-									}, e.toolCallId);
-								}) : null,
-								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"
-								}) : null,
-								!t && i.length > 0 ? /* @__PURE__ */ q(Ir, { children: [/* @__PURE__ */ K(Lr, { count: i.length }), /* @__PURE__ */ K(Rr, { children: i.map((e, t) => /* @__PURE__ */ K(zr, {
-									href: e.url,
-									title: e.title ?? e.url
-								}, e.id ?? e.url ?? t)) })] }) : null,
-								d && e.timestamp ? /* @__PURE__ */ K("div", {
-									className: "text-[10px] opacity-70 mt-1",
-									children: e.timestamp
-								}) : null
-							] }), 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(cn, {
-									label: "Regenerate",
-									tooltip: "Regenerate",
-									onClick: s,
-									children: /* @__PURE__ */ K(ct, { className: "size-3.5" })
-								}) : null,
-								e.traceId ? /* @__PURE__ */ K("a", {
-									href: `#trace/${e.traceId}`,
-									"data-trace-id": e.traceId,
-									className: "text-[10px] text-muted-foreground hover:text-foreground ml-1 underline",
-									title: "View trace",
-									children: "trace"
-								}) : null
-							] })]
+										]
+									}) : null]
+								})]
+							})
 						}, e.id);
-					})
-				}), /* @__PURE__ */ K(en, {})]
+					}), u && !n.some((e) => e.streaming) ? /* @__PURE__ */ Q(Pi, {
+						showAvatar: p,
+						assistantAvatarUrl: g,
+						assistantAvatarFallback: _,
+						waitingLabel: q.connectionWaiting
+					}) : null]
+				}), /* @__PURE__ */ Q(Fn, {})]
 			}),
-			u ? /* @__PURE__ */ K(Ur, {
-				error: u,
-				onReload: s
+			d ? /* @__PURE__ */ Q(Ki, {
+				error: d,
+				onReload: s,
+				onUpgrade: c
 			}) : null,
-			/* @__PURE__ */ q("div", {
-				className: "relative",
-				children: [E ? /* @__PURE__ */ K("div", {
+			/* @__PURE__ */ $("div", {
+				ref: Be,
+				className: J("relative", G && "mx-auto w-full max-w-2xl px-4 pb-4 sm:px-0"),
+				children: [A ? /* @__PURE__ */ Q("div", {
 					className: "absolute bottom-full left-0 right-0 z-10 px-3 pb-1",
-					children: E
-				}) : null, /* @__PURE__ */ q(In, {
-					accept: y,
-					maxFileSize: b,
-					onSubmit: ee,
+					children: A
+				}) : null, /* @__PURE__ */ $(yr, {
+					accept: S,
+					fileInputLabel: q.uploadFiles,
+					maxFileSize: C,
+					onSubmit: Re,
 					onError: (e) => {
 						console.warn("[plugin-chatbot] prompt-input error", e);
 					},
 					children: [
-						v ? /* @__PURE__ */ K(Ln, { children: /* @__PURE__ */ K(Pn, { children: (e) => /* @__PURE__ */ K(Nn, { data: e }) }) }) : null,
-						/* @__PURE__ */ K(Rn, {
+						x ? /* @__PURE__ */ Q(br, { children: /* @__PURE__ */ Q(_r, { children: (e) => /* @__PURE__ */ Q(gr, { data: e }) }) }) : null,
+						/* @__PURE__ */ Q(xr, {
 							placeholder: r,
-							disabled: c || F === "streaming",
-							onChange: D ? (e) => D(e.currentTarget.value) : void 0
+							disabled: l || W === "streaming",
+							onChange: j ? (e) => j(e.currentTarget.value) : void 0
 						}),
-						/* @__PURE__ */ q(Bn, { children: [/* @__PURE__ */ q(Vn, { children: [
-							v ? /* @__PURE__ */ q(Un, { children: [/* @__PURE__ */ K(Wn, {}), /* @__PURE__ */ K(Gn, { children: /* @__PURE__ */ K(Fn, {}) })] }) : null,
-							S && S.length > 0 ? /* @__PURE__ */ K("select", {
-								"aria-label": "Model",
-								value: C ?? S[0].id,
-								onChange: (e) => w?.(e.target.value),
+						/* @__PURE__ */ $(Cr, { children: [/* @__PURE__ */ $(wr, { children: [
+							x ? /* @__PURE__ */ $(Er, { children: [/* @__PURE__ */ Q(Dr, {}), /* @__PURE__ */ Q(Or, { children: /* @__PURE__ */ Q(vr, {}) })] }) : null,
+							E && E.length > 0 ? /* @__PURE__ */ Q("select", {
+								"aria-label": q.model,
+								value: D ?? E[0].id,
+								onChange: (e) => O?.(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__ */ q("option", {
+								children: E.map((e) => /* @__PURE__ */ $("option", {
 									value: e.id,
 									children: [e.label ?? e.id, e.provider ? ` · ${e.provider}` : ""]
 								}, e.id))
 							}) : null,
-							/* @__PURE__ */ q("span", {
+							/* @__PURE__ */ $("span", {
 								className: "hidden items-center gap-1 text-[10px] text-muted-foreground sm:inline-flex",
 								"aria-hidden": "true",
 								children: [
-									/* @__PURE__ */ K("kbd", {
+									/* @__PURE__ */ Q("kbd", {
 										className: "inline-flex h-4 items-center rounded border bg-muted px-1 font-mono text-[10px] leading-none",
 										children: "⌘"
 									}),
-									/* @__PURE__ */ K(Ze, { className: "h-3 w-3" }),
-									/* @__PURE__ */ K("span", {
+									/* @__PURE__ */ Q(qe, { className: "h-3 w-3" }),
+									/* @__PURE__ */ Q("span", {
 										className: "opacity-70",
-										children: "to send"
+										children: q.sendHint
 									})
 								]
 							})
-						] }), /* @__PURE__ */ K(qn, {
-							status: F,
-							disabled: c,
-							onClick: F === "streaming" ? o : void 0
+						] }), /* @__PURE__ */ Q(Ar, {
+							"aria-label": W === "streaming" ? q.stopResponse : q.submit,
+							status: W,
+							disabled: l,
+							onClick: W === "streaming" ? o : void 0,
+							type: W === "streaming" ? "button" : "submit"
 						})] })
 					]
 				})]
-			}),
-			/* @__PURE__ */ K("span", {
-				hidden: !0,
-				"data-avatar-user": f ?? p,
-				"data-avatar-assistant": m ?? h
 			})
 		]
 	});
 });
-$.displayName = "ChatbotEnhanced";
-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",
-		children: [/* @__PURE__ */ q("div", {
-			className: "flex items-center gap-2",
-			children: [
-				/* @__PURE__ */ K(Pe, { className: "h-4 w-4 shrink-0" }),
-				/* @__PURE__ */ K("span", {
-					className: "flex-1 leading-snug",
-					children: r || "An error occurred"
-				}),
-				i ? /* @__PURE__ */ K("button", {
+Mi.displayName = "ChatbotEnhanced";
+function Ni({ isUser: e, url: t, fallback: n }) {
+	return /* @__PURE__ */ Q("div", {
+		className: J("mt-0.5 flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-full text-[11px] font-medium", e ? "bg-secondary text-secondary-foreground" : "bg-primary/10 text-primary"),
+		"aria-hidden": "true",
+		children: t ? /* @__PURE__ */ Q("img", {
+			src: t,
+			alt: "",
+			className: "size-full object-cover"
+		}) : e ? n?.trim()?.charAt(0)?.toUpperCase() || "U" : /* @__PURE__ */ Q(Me, { className: "size-4" })
+	});
+}
+function Pi({ showAvatar: e, assistantAvatarUrl: t, assistantAvatarFallback: n, waitingLabel: r }) {
+	return /* @__PURE__ */ Q(zn, {
+		from: "assistant",
+		"aria-live": "polite",
+		children: /* @__PURE__ */ $("div", {
+			className: J("flex w-full gap-2.5", e ? "flex-row items-start" : "flex-col"),
+			children: [e ? /* @__PURE__ */ Q(Ni, {
+				isUser: !1,
+				url: t,
+				fallback: n
+			}) : null, /* @__PURE__ */ Q(Bn, {
+				className: "rounded-lg border bg-muted/30 px-3 py-2 text-muted-foreground",
+				children: /* @__PURE__ */ $("span", {
+					className: "inline-flex items-center gap-2",
+					children: [/* @__PURE__ */ Q(Fi, {}), /* @__PURE__ */ Q(zi, {
+						active: !0,
+						pending: !0,
+						activityKey: 0,
+						waitingLabel: r
+					})]
+				})
+			})]
+		})
+	});
+}
+function Fi() {
+	return /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("span", {
+		className: "sr-only",
+		children: "Assistant is responding"
+	}), /* @__PURE__ */ $("span", {
+		"aria-hidden": "true",
+		className: "inline-flex items-center gap-1",
+		children: [
+			/* @__PURE__ */ Q("span", { className: "size-1.5 rounded-full bg-current animate-pulse" }),
+			/* @__PURE__ */ Q("span", { className: "size-1.5 rounded-full bg-current animate-pulse" }),
+			/* @__PURE__ */ Q("span", { className: "size-1.5 rounded-full bg-current animate-pulse" })
+		]
+	})] });
+}
+function Ii(e) {
+	let t = Math.floor(e / 60), n = e % 60;
+	return `${t}:${String(n).padStart(2, "0")}`;
+}
+var Li = 6;
+function Ri(t, n) {
+	let r = e.useRef(0), i = e.useRef(0), [a, o] = e.useState({
+		elapsed: 0,
+		quiet: 0
+	});
+	return e.useEffect(() => {
+		let e = Date.now();
+		r.current = e, i.current = e;
+	}, []), e.useEffect(() => {
+		let e = Date.now();
+		i.current = e, o({
+			elapsed: Math.floor((e - r.current) / 1e3),
+			quiet: 0
+		});
+	}, [n]), e.useEffect(() => {
+		if (!t) return;
+		let e = () => {
+			let e = Date.now();
+			o({
+				elapsed: Math.floor((e - r.current) / 1e3),
+				quiet: Math.floor((e - i.current) / 1e3)
+			});
+		};
+		e();
+		let n = setInterval(e, 1e3);
+		return () => clearInterval(n);
+	}, [t]), {
+		elapsedSeconds: a.elapsed,
+		quietSeconds: a.quiet,
+		live: a.quiet < Li
+	};
+}
+function zi({ active: e, activityKey: t, pending: n = !1, waitingLabel: r }) {
+	let { elapsedSeconds: i, quietSeconds: a, live: o } = Ri(e, t), s = o ? n ? "waiting" : "receiving" : "stalled";
+	return /* @__PURE__ */ $("span", {
+		className: J("inline-flex items-center gap-1.5 text-xs font-normal tabular-nums", s === "stalled" ? "text-amber-600" : "text-muted-foreground"),
+		"aria-live": "polite",
+		title: s === "receiving" ? `Receiving from server · ${Ii(i)} elapsed` : s === "waiting" ? `${r} · ${Ii(i)} elapsed` : `${r} (${a}s with no response)`,
+		children: [/* @__PURE__ */ Q("span", {
+			"aria-hidden": !0,
+			className: J("size-1.5 shrink-0 rounded-full", s === "receiving" ? "bg-emerald-500 animate-pulse" : s === "waiting" ? "bg-muted-foreground/50 animate-pulse" : "bg-amber-500")
+		}), s === "receiving" ? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q(Ue, {
+			className: "size-3 shrink-0",
+			"aria-hidden": !0
+		}), Ii(i)] }) : s === "waiting" ? /* @__PURE__ */ Q("span", { children: r }) : /* @__PURE__ */ $("span", { children: [
+			r,
+			" ",
+			a,
+			"s"
+		] })]
+	});
+}
+var Bi = [
+	"object",
+	"view",
+	"dashboard",
+	"app",
+	"seed"
+], Vi = {
+	object: "Objects",
+	view: "Views",
+	dashboard: "Dashboards",
+	app: "App",
+	seed: "Sample data"
+};
+function Hi({ progress: e, onOpenBuiltApp: t, openBuiltAppLabel: n = "Open app", onPreviewDraftApp: r, previewDraftLabel: i = "Preview", waitingLabel: a = "Waiting for server…" }) {
+	let { phase: o, appLabel: s, items: c, done: l, total: u, seq: d } = e, f = o === "done", p = d ?? `${o}:${l}:${c.length}`, m = c.find((e) => e.type === "app"), h = u > 0 ? Math.min(100, Math.round(l / u * 100)) : f ? 100 : 6, g = /* @__PURE__ */ new Map();
+	for (let e of c) {
+		let t = g.get(e.type) ?? [];
+		t.push(e.name.replace(/_sample$/, "")), g.set(e.type, t);
+	}
+	let _ = [...Bi.filter((e) => g.has(e)), ...[...g.keys()].filter((e) => !Bi.includes(e))];
+	return /* @__PURE__ */ $("div", {
+		className: "rounded-lg border bg-muted/30 p-3 text-sm",
+		"data-testid": "build-progress",
+		children: [
+			/* @__PURE__ */ $("div", {
+				className: "mb-2 flex items-center gap-2 font-medium",
+				children: [
+					f ? /* @__PURE__ */ Q(Y, { className: "size-4 shrink-0 text-emerald-600" }) : /* @__PURE__ */ Q(et, { className: "size-4 shrink-0 animate-spin text-primary" }),
+					/* @__PURE__ */ Q("span", { children: f ? `Built ${s ?? "your app"}` : `Building ${s ?? "your app"}…` }),
+					!f && o === "data" ? /* @__PURE__ */ Q("span", {
+						className: "text-xs font-normal text-muted-foreground",
+						children: "adding sample data"
+					}) : null,
+					f ? null : /* @__PURE__ */ Q("span", {
+						className: "ml-auto",
+						children: /* @__PURE__ */ Q(zi, {
+							active: !0,
+							activityKey: p,
+							waitingLabel: a
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "mb-2 h-1.5 w-full overflow-hidden rounded-full bg-muted",
+				children: /* @__PURE__ */ Q("div", {
+					className: J("h-full rounded-full transition-all duration-500", f ? "bg-emerald-500" : "bg-primary"),
+					style: { width: `${h}%` }
+				})
+			}),
+			/* @__PURE__ */ Q("ul", {
+				className: "space-y-1",
+				children: _.map((e) => {
+					let t = g.get(e);
+					return /* @__PURE__ */ $("li", {
+						className: "flex items-start gap-2",
+						children: [/* @__PURE__ */ Q(Y, { className: "mt-0.5 size-3.5 shrink-0 text-emerald-600" }), /* @__PURE__ */ $("span", {
+							className: "min-w-0 text-muted-foreground",
+							children: [
+								/* @__PURE__ */ Q("span", {
+									className: "font-medium text-foreground",
+									children: Vi[e] ?? e
+								}),
+								" ",
+								t.slice(0, 6).join(", "),
+								t.length > 6 ? ` +${t.length - 6} more` : ""
+							]
+						})]
+					}, e);
+				})
+			}),
+			f && m && (t || r) ? /* @__PURE__ */ $("div", {
+				className: "mt-3 flex items-center gap-2",
+				children: [t ? /* @__PURE__ */ $("button", {
 					type: "button",
-					onClick: () => o((e) => !e),
-					className: "text-xs underline hover:no-underline",
-					"aria-expanded": a,
-					children: a ? "Hide details" : "Details"
-				}) : null,
-				n ? /* @__PURE__ */ q("button", {
+					onClick: () => t(m.name),
+					className: "inline-flex h-7 items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90",
+					"data-testid": "build-progress-open-app",
+					children: [n, /* @__PURE__ */ Q(Ae, { className: "size-3.5" })]
+				}) : null, r ? /* @__PURE__ */ $("button", {
 					type: "button",
-					onClick: n,
-					className: "inline-flex h-7 items-center rounded-md border border-destructive/30 bg-destructive/10 px-2 text-xs font-medium hover:bg-destructive/20",
-					children: [/* @__PURE__ */ K(ct, { className: "mr-1 h-3 w-3" }), "Retry"]
-				}) : null
-			]
-		}), a && i ? /* @__PURE__ */ K("pre", {
-			className: "max-h-32 overflow-auto whitespace-pre-wrap break-words rounded bg-destructive/5 px-2 py-1 font-mono text-[11px] leading-snug text-destructive/90",
-			children: i
-		}) : null]
+					onClick: () => r(m.name),
+					className: "inline-flex h-7 items-center gap-1.5 rounded-md border px-3 text-xs font-medium hover:bg-muted",
+					"data-testid": "build-progress-preview-app",
+					children: [/* @__PURE__ */ Q(Ye, { className: "size-3.5" }), i]
+				}) : null]
+			}) : null
+		]
+	});
+}
+function Ui({ groups: e, labels: t }) {
+	return e.length === 0 ? null : /* @__PURE__ */ Q("div", {
+		className: "not-prose mb-2 border-l border-border/70 pl-3",
+		children: /* @__PURE__ */ Q("div", {
+			className: "space-y-1",
+			children: e.map((e) => /* @__PURE__ */ $("div", {
+				className: "flex min-h-6 items-center justify-between gap-3 text-xs",
+				children: [/* @__PURE__ */ $("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: [
+						/* @__PURE__ */ Q(Wi, { state: e.state }),
+						/* @__PURE__ */ Q("span", {
+							className: "truncate font-medium text-foreground",
+							children: e.title
+						}),
+						e.count > 1 ? /* @__PURE__ */ $("span", {
+							className: "shrink-0 text-[10px] text-muted-foreground",
+							children: ["x", e.count]
+						}) : null
+					]
+				}), /* @__PURE__ */ Q("span", {
+					className: J("shrink-0 text-[10px] font-medium", e.state === "failed" ? "text-destructive" : e.state === "completed" ? "text-emerald-700 dark:text-emerald-400" : "text-muted-foreground"),
+					children: Gi(e.state, t)
+				})]
+			}, e.key))
+		})
+	});
+}
+function Wi({ state: e }) {
+	return e === "failed" ? /* @__PURE__ */ Q(X, { className: "size-3.5 shrink-0 text-destructive" }) : e === "completed" ? /* @__PURE__ */ Q(Y, { className: "size-3.5 shrink-0 text-emerald-600" }) : /* @__PURE__ */ Q(Ue, { className: "size-3.5 shrink-0 text-muted-foreground" });
+}
+function Gi(e, t) {
+	switch (e) {
+		case "failed": return t.toolFailed;
+		case "awaiting": return t.toolAwaitingApproval;
+		case "running": return t.toolRunning;
+		case "completed": return t.toolCompleted;
+	}
+}
+function Ki({ error: t, onReload: n, onUpgrade: r }) {
+	let i = e.useMemo(() => jn(t), [t]), { summary: a, details: o } = e.useMemo(() => kn(t), [t]), [s, c] = e.useState(!1);
+	if (i) {
+		let e = typeof navigator < "u" && !!navigator.language?.toLowerCase().startsWith("zh"), t = (e ? i.message : i.messageEn ?? i.message) || (e ? "AI 额度已用完。" : "You have reached your AI quota."), n = i.topUp ? e ? "购买额度包" : "Buy a credit pack" : e ? "升级方案" : "Upgrade plan";
+		return /* @__PURE__ */ Q("div", {
+			className: "border-t bg-background px-3 py-2 text-sm",
+			role: "alert",
+			children: /* @__PURE__ */ Q("div", {
+				className: "rounded-md border border-amber-300/40 bg-amber-50/60 px-3 py-2 text-foreground dark:bg-amber-950/20",
+				children: /* @__PURE__ */ $("div", {
+					className: "flex items-start gap-2",
+					children: [/* @__PURE__ */ $("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ Q("div", {
+							className: "font-medium leading-snug text-foreground",
+							children: e ? "需要升级" : "Upgrade needed"
+						}), /* @__PURE__ */ Q("div", {
+							className: "mt-0.5 break-words leading-snug text-muted-foreground",
+							children: t
+						})]
+					}), r ? /* @__PURE__ */ Q("button", {
+						type: "button",
+						onClick: r,
+						className: "inline-flex h-7 shrink-0 items-center rounded-md border border-amber-400/50 bg-background px-2 text-xs font-medium text-amber-700 hover:bg-amber-100/60 dark:text-amber-300",
+						children: n
+					}) : null]
+				})
+			})
+		});
+	}
+	return /* @__PURE__ */ Q("div", {
+		className: "border-t bg-background px-3 py-2 text-sm",
+		role: "alert",
+		children: /* @__PURE__ */ $("div", {
+			className: "rounded-md border border-destructive/20 bg-destructive/5 px-3 py-2 text-foreground",
+			children: [/* @__PURE__ */ $("div", {
+				className: "flex items-start gap-2",
+				children: [
+					/* @__PURE__ */ Q(Oe, { className: "mt-0.5 h-4 w-4 shrink-0 text-destructive" }),
+					/* @__PURE__ */ $("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ Q("div", {
+							className: "font-medium leading-snug text-destructive",
+							children: "Response failed"
+						}), /* @__PURE__ */ Q("div", {
+							className: "mt-0.5 break-words leading-snug text-muted-foreground",
+							children: a || "Something went wrong. Please try again."
+						})]
+					}),
+					/* @__PURE__ */ $("div", {
+						className: "flex shrink-0 items-center gap-1",
+						children: [o ? /* @__PURE__ */ Q("button", {
+							type: "button",
+							onClick: () => c((e) => !e),
+							className: "inline-flex h-7 items-center rounded-md px-2 text-xs font-medium text-muted-foreground hover:bg-destructive/10 hover:text-foreground",
+							"aria-expanded": s,
+							children: s ? "Hide" : "Details"
+						}) : null, n ? /* @__PURE__ */ $("button", {
+							type: "button",
+							onClick: n,
+							className: "inline-flex h-7 items-center rounded-md border border-destructive/30 bg-background px-2 text-xs font-medium text-destructive hover:bg-destructive/10",
+							children: [/* @__PURE__ */ Q(st, { className: "mr-1 h-3 w-3" }), "Retry"]
+						}) : null]
+					})
+				]
+			}), s && o ? /* @__PURE__ */ Q("pre", {
+				className: "mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words rounded border bg-background px-2 py-1 font-mono text-[11px] leading-snug text-muted-foreground",
+				children: o
+			}) : null]
+		})
 	});
 }
-function Wr({ output: e, errorText: t }) {
-	return t ? /* @__PURE__ */ K(Er, {
+function qi({ output: e, errorText: t }) {
+	return t ? /* @__PURE__ */ Q(ui, {
 		output: void 0,
 		errorText: t
-	}) : e == null || e === "" ? null : typeof e == "string" && !Hr(e) ? /* @__PURE__ */ q("div", {
+	}) : e == null || e === "" ? null : typeof e == "string" && !Ei(e) ? /* @__PURE__ */ $("div", {
 		className: "space-y-2 p-4",
-		children: [/* @__PURE__ */ K("h4", {
+		children: [/* @__PURE__ */ Q("h4", {
 			className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 			children: "Result"
-		}), /* @__PURE__ */ K("div", {
+		}), /* @__PURE__ */ Q("div", {
 			className: "overflow-x-auto rounded-md bg-muted/40 px-3 py-2 text-sm text-foreground",
-			children: /* @__PURE__ */ K(X, { children: e })
+			children: /* @__PURE__ */ Q(Zn, { children: e })
 		})]
-	}) : /* @__PURE__ */ K(Er, {
+	}) : /* @__PURE__ */ Q(ui, {
 		output: e,
 		errorText: void 0
 	});
 }
 //#endregion
 //#region src/FloatingChatbot.tsx
-function Gr({ floatingConfig: t, headerExtra: n, headerActions: r, ...i }) {
+function Ji({ 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");
@@ -1835,29 +2845,29 @@ function Gr({ floatingConfig: t, headerExtra: n, headerActions: r, ...i }) {
 			e && e.parentNode && !e.hasChildNodes() && e.parentNode.removeChild(e);
 		};
 	}, []);
-	let p = /* @__PURE__ */ q(Ht, {
+	let p = /* @__PURE__ */ $(pn, {
 		defaultOpen: o,
-		children: [/* @__PURE__ */ K(Gt, {
+		children: [/* @__PURE__ */ Q(yn, {
 			position: a,
 			size: u
-		}), /* @__PURE__ */ K(Kt, {
+		}), /* @__PURE__ */ Q(Tn, {
 			title: l,
 			position: a,
 			width: s,
 			height: c,
 			headerExtra: n,
 			headerActions: r,
-			children: /* @__PURE__ */ K($, {
+			children: /* @__PURE__ */ Q(Mi, {
 				...i,
 				maxHeight: "100%",
 				className: "h-full border-0 rounded-none"
 			})
 		})]
 	});
-	return d ? gt.createPortal(p, d) : p;
+	return d ? bt.createPortal(p, d) : p;
 }
-Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, sendMessage: a } = J({
+Mt.register("chatbot", ({ schema: e, className: t, ...n }) => {
+	let { messages: r, isLoading: i, sendMessage: a } = $t({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -1874,7 +2884,7 @@ Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ K(fi, {
+	return /* @__PURE__ */ Q(ha, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e) => {
@@ -2022,8 +3032,8 @@ Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), 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({
+}), Mt.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 } = $t({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -2040,7 +3050,7 @@ Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ K($, {
+	return /* @__PURE__ */ Q(Mi, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e, t) => {
@@ -2062,6 +3072,7 @@ Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		maxHeight: e.maxHeight,
 		enableMarkdown: e.enableMarkdown ?? !0,
 		enableFileUpload: e.enableFileUpload ?? !1,
+		processVisibility: e.processVisibility,
 		className: t,
 		...n
 	});
@@ -2104,6 +3115,12 @@ Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 			label: "Enable File Upload",
 			defaultValue: !1
 		},
+		{
+			name: "processVisibility",
+			type: "enum",
+			label: "Agent Process Visibility",
+			defaultValue: "summary"
+		},
 		{
 			name: "userAvatarUrl",
 			type: "string",
@@ -2202,8 +3219,8 @@ Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), 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({
+}), Mt.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 } = $t({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -2220,7 +3237,7 @@ Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ K(Gr, {
+	return /* @__PURE__ */ Q(Ji, {
 		floatingConfig: e.floatingConfig,
 		messages: r,
 		placeholder: e.placeholder,
@@ -2392,71 +3409,71 @@ Dt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 });
 //#endregion
 //#region src/elements/loader.tsx
-var Kr = ({ size: e = 16 }) => /* @__PURE__ */ q("svg", {
+var Yi = ({ size: e = 16 }) => /* @__PURE__ */ $("svg", {
 	height: e,
 	strokeLinejoin: "round",
 	style: { color: "currentcolor" },
 	viewBox: "0 0 16 16",
 	width: e,
 	children: [
-		/* @__PURE__ */ K("title", { children: "Loader" }),
-		/* @__PURE__ */ q("g", {
+		/* @__PURE__ */ Q("title", { children: "Loader" }),
+		/* @__PURE__ */ $("g", {
 			clipPath: "url(#clip0_2393_1490)",
 			children: [
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M8 0V4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M8 16V12",
 					opacity: "0.5",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M3.29773 1.52783L5.64887 4.7639",
 					opacity: "0.9",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M12.7023 1.52783L10.3511 4.7639",
 					opacity: "0.1",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M12.7023 14.472L10.3511 11.236",
 					opacity: "0.4",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M3.29773 14.472L5.64887 11.236",
 					opacity: "0.6",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M15.6085 5.52783L11.8043 6.7639",
 					opacity: "0.2",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M0.391602 10.472L4.19583 9.23598",
 					opacity: "0.7",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M15.6085 10.4722L11.8043 9.2361",
 					opacity: "0.3",
 					stroke: "currentColor",
 					strokeWidth: "1.5"
 				}),
-				/* @__PURE__ */ K("path", {
+				/* @__PURE__ */ Q("path", {
 					d: "M0.391602 5.52783L4.19583 6.7639",
 					opacity: "0.8",
 					stroke: "currentColor",
@@ -2464,106 +3481,106 @@ var Kr = ({ size: e = 16 }) => /* @__PURE__ */ q("svg", {
 				})
 			]
 		}),
-		/* @__PURE__ */ K("defs", { children: /* @__PURE__ */ K("clipPath", {
+		/* @__PURE__ */ Q("defs", { children: /* @__PURE__ */ Q("clipPath", {
 			id: "clip0_2393_1490",
-			children: /* @__PURE__ */ K("rect", {
+			children: /* @__PURE__ */ Q("rect", {
 				fill: "white",
 				height: "16",
 				width: "16"
 			})
 		}) })
 	]
-}), qr = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ K("div", {
-	className: H("inline-flex animate-spin items-center justify-center", e),
+}), Xi = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ Q("div", {
+	className: J("inline-flex animate-spin items-center justify-center", e),
 	...n,
-	children: /* @__PURE__ */ K(Kr, { size: t })
-}), Jr = /* @__PURE__ */ kt({
-	CodeBlock: () => Q,
-	CodeBlockCopyButton: () => br,
-	Conversation: () => Zt,
-	ConversationContent: () => Qt,
-	ConversationEmptyState: () => $t,
-	ConversationScrollButton: () => en,
-	Loader: () => qr,
-	Message: () => an,
-	MessageAction: () => cn,
-	MessageActions: () => sn,
-	MessageAttachment: () => gn,
-	MessageAttachments: () => _n,
-	MessageBranch: () => un,
-	MessageBranchContent: () => dn,
-	MessageBranchNext: () => mn,
-	MessageBranchPage: () => hn,
-	MessageBranchPrevious: () => pn,
-	MessageBranchSelector: () => fn,
-	MessageContent: () => on,
-	MessageResponse: () => X,
-	MessageToolbar: () => vn,
-	PromptInput: () => In,
-	PromptInputActionAddAttachments: () => Fn,
-	PromptInputActionMenu: () => Un,
-	PromptInputActionMenuContent: () => Gn,
-	PromptInputActionMenuItem: () => Kn,
-	PromptInputActionMenuTrigger: () => Wn,
-	PromptInputAttachment: () => Nn,
-	PromptInputAttachments: () => Pn,
-	PromptInputBody: () => Ln,
-	PromptInputButton: () => Hn,
-	PromptInputCommand: () => cr,
-	PromptInputCommandEmpty: () => dr,
-	PromptInputCommandGroup: () => fr,
-	PromptInputCommandInput: () => lr,
-	PromptInputCommandItem: () => pr,
-	PromptInputCommandList: () => ur,
-	PromptInputCommandSeparator: () => mr,
-	PromptInputFooter: () => Bn,
-	PromptInputHeader: () => zn,
-	PromptInputHoverCard: () => er,
-	PromptInputHoverCardContent: () => nr,
-	PromptInputHoverCardTrigger: () => tr,
-	PromptInputProvider: () => jn,
-	PromptInputSelect: () => Yn,
-	PromptInputSelectContent: () => Zn,
-	PromptInputSelectItem: () => Qn,
-	PromptInputSelectTrigger: () => Xn,
-	PromptInputSelectValue: () => $n,
-	PromptInputSpeechButton: () => Jn,
-	PromptInputSubmit: () => qn,
-	PromptInputTab: () => ir,
-	PromptInputTabBody: () => or,
-	PromptInputTabItem: () => sr,
-	PromptInputTabLabel: () => ar,
-	PromptInputTabsList: () => rr,
-	PromptInputTextarea: () => Rn,
-	PromptInputTools: () => Vn,
-	Reasoning: () => Mr,
-	ReasoningContent: () => Fr,
-	ReasoningTrigger: () => Pr,
-	Shimmer: () => Dr,
-	Source: () => zr,
-	Sources: () => Ir,
-	SourcesContent: () => Rr,
-	SourcesTrigger: () => Lr,
-	Suggestion: () => gr,
-	Suggestions: () => hr,
-	Tool: () => xr,
-	ToolContent: () => wr,
-	ToolHeader: () => Cr,
-	ToolInput: () => Tr,
-	ToolOutput: () => Er,
-	highlightCode: () => yr,
-	usePromptInputAttachments: () => Z,
-	usePromptInputController: () => Dn,
-	useProviderAttachments: () => kn,
-	useReasoning: () => kr
-}), Yr = "/api/v1/ai";
-function Xr(e, t, n) {
+	children: /* @__PURE__ */ Q(Yi, { size: t })
+}), Zi = /* @__PURE__ */ Pt({
+	CodeBlock: () => ri,
+	CodeBlockCopyButton: () => ii,
+	Conversation: () => Mn,
+	ConversationContent: () => Nn,
+	ConversationEmptyState: () => Pn,
+	ConversationScrollButton: () => Fn,
+	Loader: () => Xi,
+	Message: () => zn,
+	MessageAction: () => Hn,
+	MessageActions: () => Vn,
+	MessageAttachment: () => Qn,
+	MessageAttachments: () => $n,
+	MessageBranch: () => Gn,
+	MessageBranchContent: () => Kn,
+	MessageBranchNext: () => Yn,
+	MessageBranchPage: () => Xn,
+	MessageBranchPrevious: () => Jn,
+	MessageBranchSelector: () => qn,
+	MessageContent: () => Bn,
+	MessageResponse: () => Zn,
+	MessageToolbar: () => er,
+	PromptInput: () => yr,
+	PromptInputActionAddAttachments: () => vr,
+	PromptInputActionMenu: () => Er,
+	PromptInputActionMenuContent: () => Or,
+	PromptInputActionMenuItem: () => kr,
+	PromptInputActionMenuTrigger: () => Dr,
+	PromptInputAttachment: () => gr,
+	PromptInputAttachments: () => _r,
+	PromptInputBody: () => br,
+	PromptInputButton: () => Tr,
+	PromptInputCommand: () => Gr,
+	PromptInputCommandEmpty: () => Jr,
+	PromptInputCommandGroup: () => Yr,
+	PromptInputCommandInput: () => Kr,
+	PromptInputCommandItem: () => Xr,
+	PromptInputCommandList: () => qr,
+	PromptInputCommandSeparator: () => Zr,
+	PromptInputFooter: () => Cr,
+	PromptInputHeader: () => Sr,
+	PromptInputHoverCard: () => Lr,
+	PromptInputHoverCardContent: () => zr,
+	PromptInputHoverCardTrigger: () => Rr,
+	PromptInputProvider: () => pr,
+	PromptInputSelect: () => Mr,
+	PromptInputSelectContent: () => Pr,
+	PromptInputSelectItem: () => Fr,
+	PromptInputSelectTrigger: () => Nr,
+	PromptInputSelectValue: () => Ir,
+	PromptInputSpeechButton: () => jr,
+	PromptInputSubmit: () => Ar,
+	PromptInputTab: () => Vr,
+	PromptInputTabBody: () => Ur,
+	PromptInputTabItem: () => Wr,
+	PromptInputTabLabel: () => Hr,
+	PromptInputTabsList: () => Br,
+	PromptInputTextarea: () => xr,
+	PromptInputTools: () => wr,
+	Reasoning: () => gi,
+	ReasoningContent: () => yi,
+	ReasoningTrigger: () => vi,
+	Shimmer: () => di,
+	Source: () => Ci,
+	Sources: () => bi,
+	SourcesContent: () => Si,
+	SourcesTrigger: () => xi,
+	Suggestion: () => $r,
+	Suggestions: () => Qr,
+	Tool: () => ai,
+	ToolContent: () => ci,
+	ToolHeader: () => si,
+	ToolInput: () => li,
+	ToolOutput: () => ui,
+	highlightCode: () => ni,
+	usePromptInputAttachments: () => hr,
+	usePromptInputController: () => lr,
+	useProviderAttachments: () => dr,
+	useReasoning: () => pi
+}), Qi = "/api/v1/ai";
+function $i(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 Zr(e, t, n) {
+async function ea(e, t, n) {
 	let r = await fetch(e, {
 		credentials: "include",
 		...t,
@@ -2583,8 +3600,8 @@ async function Zr(e, t, n) {
 	}
 	return i;
 }
-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({
+function ta(t = {}) {
+	let { apiBase: n = Qi, 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,
@@ -2602,7 +3619,7 @@ function Qr(t = {}) {
 		let { apiBase: e, status: t, conversationId: n, limit: r, headers: i } = _.current;
 		m(!0), g(void 0);
 		try {
-			let a = await Zr(Xr(e, "/pending-actions", {
+			let a = await ea($i(e, "/pending-actions", {
 				status: t && t !== "all" ? t : void 0,
 				conversationId: n,
 				limit: r
@@ -2614,9 +3631,9 @@ function Qr(t = {}) {
 			m(!1);
 		}
 	}, []), y = e.useCallback(async (e) => {
-		let { apiBase: t, headers: n } = _.current, r = Xr(t, `/pending-actions/${encodeURIComponent(e)}/approve`);
+		let { apiBase: t, headers: n } = _.current, r = $i(t, `/pending-actions/${encodeURIComponent(e)}/approve`);
 		try {
-			return await Zr(r, {
+			return await ea(r, {
 				method: "POST",
 				body: "{}"
 			}, n);
@@ -2624,9 +3641,9 @@ function Qr(t = {}) {
 			v();
 		}
 	}, [v]), b = e.useCallback(async (e, t) => {
-		let { apiBase: n, headers: r } = _.current, i = Xr(n, `/pending-actions/${encodeURIComponent(e)}/reject`);
+		let { apiBase: n, headers: r } = _.current, i = $i(n, `/pending-actions/${encodeURIComponent(e)}/reject`);
 		try {
-			return await Zr(i, {
+			return await ea(i, {
 				method: "POST",
 				body: JSON.stringify(t ? { reason: t } : {})
 			}, r);
@@ -2660,7 +3677,7 @@ function Qr(t = {}) {
 }
 //#endregion
 //#region src/AiPendingActionsInbox.tsx
-var $r = {
+var na = {
 	pending: {
 		variant: "secondary",
 		label: "Pending"
@@ -2682,17 +3699,17 @@ var $r = {
 		label: "Rejected"
 	}
 };
-function ei({ status: e }) {
-	let t = $r[e] ?? {
+function ra({ status: e }) {
+	let t = na[e] ?? {
 		variant: "outline",
 		label: e
 	};
-	return /* @__PURE__ */ K(_, {
+	return /* @__PURE__ */ Q(_, {
 		variant: t.variant,
 		children: t.label
 	});
 }
-function ti(e) {
+function ia(e) {
 	if (!e) return "—";
 	let t = Date.parse(e);
 	if (Number.isNaN(t)) return e;
@@ -2710,7 +3727,7 @@ function ti(e) {
 		return e;
 	}
 }
-function ni(e) {
+function aa(e) {
 	if (!e) return null;
 	try {
 		return JSON.parse(e);
@@ -2718,35 +3735,35 @@ function ni(e) {
 		return e;
 	}
 }
-function ri({ value: e, max: t = 320 }) {
+function oa({ value: e, max: t = 320 }) {
 	let n = typeof e == "string" ? e : JSON.stringify(e, null, 2);
-	return n == null || n === "" ? /* @__PURE__ */ K("span", {
+	return n == null || n === "" ? /* @__PURE__ */ Q("span", {
 		className: "text-muted-foreground text-xs",
 		children: "—"
-	}) : /* @__PURE__ */ K("pre", {
+	}) : /* @__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 ii(e) {
+function sa(e) {
 	switch (e) {
 		case "pending": return "pending";
 		case "all": return "all";
 		case "decided": return "all";
 	}
 }
-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({
+function ca({ 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: ee, approve: te, reject: P } = ta({
 		apiBase: t,
 		headers: n,
 		pollInterval: r,
 		conversationId: i,
-		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) => {
+		status: sa(l)
+	}), F = e.useMemo(() => l === "decided" ? j.filter((e) => e.status !== "pending") : j, [j, l]), L = e.useMemo(() => d ? j.find((e) => e.id === d) ?? null : null, [d, j]), R = e.useCallback(async (e) => {
 		E(e), O(null);
 		try {
-			let t = await F(e), n = t.status === "executed";
+			let t = await te(e), n = t.status === "executed";
 			A({
 				id: e,
 				kind: "approve",
@@ -2764,10 +3781,10 @@ function ai({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 		} finally {
 			E(null);
 		}
-	}, [F]), oe = e.useCallback(async (e, t) => {
+	}, [te]), z = e.useCallback(async (e, t) => {
 		E(e), O(null);
 		try {
-			await I(e, t.trim() || void 0), A({
+			await P(e, t.trim() || void 0), A({
 				id: e,
 				kind: "reject",
 				ok: !0,
@@ -2784,52 +3801,52 @@ function ai({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 		} finally {
 			E(null);
 		}
-	}, [I]), se = /* @__PURE__ */ q("div", {
+	}, [P]), oe = /* @__PURE__ */ $("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ $("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ K(Ee, {
+				children: [/* @__PURE__ */ Q(xe, {
 					value: l,
 					onValueChange: (e) => u(e),
-					children: /* @__PURE__ */ q(De, { children: [
-						/* @__PURE__ */ K(Oe, {
+					children: /* @__PURE__ */ $(q, { children: [
+						/* @__PURE__ */ Q(Se, {
 							value: "pending",
 							children: "Pending"
 						}),
-						/* @__PURE__ */ K(Oe, {
+						/* @__PURE__ */ Q(Se, {
 							value: "decided",
 							children: "Decided"
 						}),
-						/* @__PURE__ */ K(Oe, {
+						/* @__PURE__ */ Q(Se, {
 							value: "all",
 							children: "All"
 						})
 					] })
-				}), /* @__PURE__ */ q(v, {
+				}), /* @__PURE__ */ $(v, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => void P(),
+					onClick: () => void ee(),
 					disabled: M,
 					"data-testid": "ai-inbox-refresh",
-					children: [/* @__PURE__ */ K(ct, { className: `h-3.5 w-3.5 mr-1.5 ${M ? "animate-spin" : ""}` }), "Refresh"]
+					children: [/* @__PURE__ */ Q(st, { className: `h-3.5 w-3.5 mr-1.5 ${M ? "animate-spin" : ""}` }), "Refresh"]
 				})]
 			}),
-			N ? /* @__PURE__ */ q(f, {
+			N ? /* @__PURE__ */ $(f, {
 				variant: "destructive",
-				children: [/* @__PURE__ */ K(Pe, { className: "h-4 w-4" }), /* @__PURE__ */ K(p, { children: N.message })]
+				children: [/* @__PURE__ */ Q(Oe, { className: "h-4 w-4" }), /* @__PURE__ */ Q(p, { children: N.message })]
 			}) : null,
-			D ? /* @__PURE__ */ q(f, {
+			D ? /* @__PURE__ */ $(f, {
 				variant: "destructive",
-				children: [/* @__PURE__ */ K(Pe, { className: "h-4 w-4" }), /* @__PURE__ */ K(p, { children: D })]
+				children: [/* @__PURE__ */ Q(Oe, { className: "h-4 w-4" }), /* @__PURE__ */ Q(p, { children: D })]
 			}) : null,
-			k && !D ? /* @__PURE__ */ q(f, {
+			k && !D ? /* @__PURE__ */ $(f, {
 				variant: k.ok ? "default" : "destructive",
-				children: [k.ok ? /* @__PURE__ */ K(Be, { className: "h-4 w-4" }) : /* @__PURE__ */ K(U, { className: "h-4 w-4" }), /* @__PURE__ */ q(p, { children: [
+				children: [k.ok ? /* @__PURE__ */ Q(Y, { className: "h-4 w-4" }) : /* @__PURE__ */ Q(X, { className: "h-4 w-4" }), /* @__PURE__ */ $(p, { children: [
 					k.kind === "approve" ? "Approve" : "Reject",
 					" for",
 					" ",
-					/* @__PURE__ */ q("code", {
+					/* @__PURE__ */ $("code", {
 						className: "text-xs",
 						children: [k.id.slice(0, 8), "…"]
 					}),
@@ -2838,89 +3855,89 @@ function ai({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 					k.message ?? (k.ok ? "OK" : "Failed")
 				] })]
 			}) : null,
-			M && L.length === 0 ? /* @__PURE__ */ q("div", {
+			M && F.length === 0 ? /* @__PURE__ */ $("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ K(xe, { className: "h-10 w-full" }),
-					/* @__PURE__ */ K(xe, { className: "h-10 w-full" }),
-					/* @__PURE__ */ K(xe, { className: "h-10 w-full" })
+					/* @__PURE__ */ Q(H, { className: "h-10 w-full" }),
+					/* @__PURE__ */ Q(H, { className: "h-10 w-full" }),
+					/* @__PURE__ */ Q(H, { className: "h-10 w-full" })
 				]
-			}) : L.length === 0 ? /* @__PURE__ */ K(ee, { children: /* @__PURE__ */ q(ne, { children: [
-				/* @__PURE__ */ K(re, { children: /* @__PURE__ */ K(tt, { className: "h-8 w-8 text-muted-foreground" }) }),
-				/* @__PURE__ */ K(ie, { children: "No actions waiting" }),
-				/* @__PURE__ */ K(te, { children: "When the AI proposes a sensitive action it will appear here for review." })
-			] }) }) : /* @__PURE__ */ K("div", {
+			}) : F.length === 0 ? /* @__PURE__ */ Q(ne, { children: /* @__PURE__ */ $(re, { children: [
+				/* @__PURE__ */ Q(ie, { children: /* @__PURE__ */ Q($e, { className: "h-8 w-8 text-muted-foreground" }) }),
+				/* @__PURE__ */ Q(ae, { children: "No actions waiting" }),
+				/* @__PURE__ */ Q(I, { children: "When the AI proposes a sensitive action it will appear here for review." })
+			] }) }) : /* @__PURE__ */ Q("div", {
 				className: "rounded-md border",
-				children: /* @__PURE__ */ q(Se, { children: [/* @__PURE__ */ K(we, { children: /* @__PURE__ */ q(Te, { children: [
-					/* @__PURE__ */ K(V, {
+				children: /* @__PURE__ */ $(ye, { children: [/* @__PURE__ */ Q(G, { children: /* @__PURE__ */ $(K, { children: [
+					/* @__PURE__ */ Q(W, {
 						className: "w-[140px]",
 						children: "Tool"
 					}),
-					/* @__PURE__ */ K(V, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[140px]",
 						children: "Action"
 					}),
-					/* @__PURE__ */ K(V, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[120px]",
 						children: "Object"
 					}),
-					/* @__PURE__ */ K(V, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[110px]",
 						children: "Status"
 					}),
-					/* @__PURE__ */ K(V, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[110px]",
 						children: "Proposed"
 					}),
-					/* @__PURE__ */ K(V, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[260px] text-right",
 						children: "Decision"
 					})
-				] }) }), /* @__PURE__ */ K(Ce, { children: L.map((e) => {
+				] }) }), /* @__PURE__ */ Q(be, { children: F.map((e) => {
 					let t = e.status === "pending", n = T === e.id;
-					return /* @__PURE__ */ q(Te, { children: [
-						/* @__PURE__ */ K(B, {
+					return /* @__PURE__ */ $(K, { children: [
+						/* @__PURE__ */ Q(U, {
 							className: "font-mono text-xs",
 							children: e.tool_name
 						}),
-						/* @__PURE__ */ K(B, {
+						/* @__PURE__ */ Q(U, {
 							className: "text-sm",
 							children: e.action_name
 						}),
-						/* @__PURE__ */ K(B, {
+						/* @__PURE__ */ Q(U, {
 							className: "text-sm",
 							children: e.object_name
 						}),
-						/* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(ei, { status: e.status }) }),
-						/* @__PURE__ */ K(B, {
+						/* @__PURE__ */ Q(U, { children: /* @__PURE__ */ Q(ra, { status: e.status }) }),
+						/* @__PURE__ */ Q(U, {
 							className: "text-xs text-muted-foreground",
-							children: /* @__PURE__ */ q("span", {
+							children: /* @__PURE__ */ $("span", {
 								className: "inline-flex items-center gap-1",
 								children: [
-									/* @__PURE__ */ K(qe, { className: "h-3 w-3" }),
+									/* @__PURE__ */ Q(He, { className: "h-3 w-3" }),
 									" ",
-									ti(e.proposed_at)
+									ia(e.proposed_at)
 								]
 							})
 						}),
-						/* @__PURE__ */ K(B, {
+						/* @__PURE__ */ Q(U, {
 							className: "text-right",
-							children: /* @__PURE__ */ q("div", {
+							children: /* @__PURE__ */ $("div", {
 								className: "inline-flex gap-1.5",
-								children: [/* @__PURE__ */ q(v, {
+								children: [/* @__PURE__ */ $(v, {
 									size: "sm",
 									variant: "ghost",
 									onClick: () => m(e.id),
 									"data-testid": `ai-inbox-view-${e.id}`,
-									children: [/* @__PURE__ */ K($e, { className: "h-3.5 w-3.5 mr-1" }), " View"]
-								}), t ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q(v, {
+									children: [/* @__PURE__ */ Q(Ye, { className: "h-3.5 w-3.5 mr-1" }), " View"]
+								}), t ? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $(v, {
 									size: "sm",
 									variant: "default",
 									disabled: n,
-									onClick: () => void ae(e.id),
+									onClick: () => void R(e.id),
 									"data-testid": `ai-inbox-approve-${e.id}`,
-									children: [/* @__PURE__ */ K(Be, { className: "h-3.5 w-3.5 mr-1" }), n ? "Working…" : "Approve"]
-								}), /* @__PURE__ */ q(v, {
+									children: [/* @__PURE__ */ Q(Y, { className: "h-3.5 w-3.5 mr-1" }), n ? "Working…" : "Approve"]
+								}), /* @__PURE__ */ $(v, {
 									size: "sm",
 									variant: "destructive",
 									disabled: n,
@@ -2928,7 +3945,7 @@ function ai({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 										g(e.id), w("");
 									},
 									"data-testid": `ai-inbox-reject-${e.id}`,
-									children: [/* @__PURE__ */ K(U, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
+									children: [/* @__PURE__ */ Q(X, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
 								})] }) : null]
 							})
 						})
@@ -2937,174 +3954,174 @@ function ai({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 			})
 		]
 	});
-	return /* @__PURE__ */ q(G, { children: [
-		a === "card" ? /* @__PURE__ */ q(y, {
+	return /* @__PURE__ */ $(Z, { children: [
+		a === "card" ? /* @__PURE__ */ $(y, {
 			className: c,
-			children: [/* @__PURE__ */ q(S, {
+			children: [/* @__PURE__ */ $(S, {
 				className: "pb-3",
-				children: [/* @__PURE__ */ q(C, {
+				children: [/* @__PURE__ */ $(C, {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ K(Le, { className: "h-4 w-4" }),
+						/* @__PURE__ */ Q(Me, { className: "h-4 w-4" }),
 						" ",
 						o
 					]
-				}), s ? /* @__PURE__ */ K(x, { children: s }) : null]
-			}), /* @__PURE__ */ K(b, { children: se })]
-		}) : /* @__PURE__ */ K("div", {
+				}), s ? /* @__PURE__ */ Q(x, { children: s }) : null]
+			}), /* @__PURE__ */ Q(b, { children: oe })]
+		}) : /* @__PURE__ */ Q("div", {
 			className: c,
-			children: se
+			children: oe
 		}),
-		/* @__PURE__ */ K(ge, {
+		/* @__PURE__ */ Q(he, {
 			open: !!d,
 			onOpenChange: (e) => {
 				e || m(null);
 			},
-			children: /* @__PURE__ */ q(_e, {
+			children: /* @__PURE__ */ $(ge, {
 				className: "sm:max-w-[560px] overflow-y-auto",
-				children: [/* @__PURE__ */ q(ye, { children: [/* @__PURE__ */ q(be, {
+				children: [/* @__PURE__ */ $(V, { children: [/* @__PURE__ */ $(ve, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ K(Le, { className: "h-4 w-4" }), R ? R.action_name : "Pending action"]
-				}), /* @__PURE__ */ K(ve, { children: R ? /* @__PURE__ */ q(G, { children: [
+					children: [/* @__PURE__ */ Q(Me, { className: "h-4 w-4" }), L ? L.action_name : "Pending action"]
+				}), /* @__PURE__ */ Q(_e, { children: L ? /* @__PURE__ */ $(Z, { children: [
 					"Tool ",
-					/* @__PURE__ */ K("code", {
+					/* @__PURE__ */ Q("code", {
 						className: "text-xs",
-						children: R.tool_name
+						children: L.tool_name
 					}),
 					" on",
 					" ",
-					/* @__PURE__ */ K("code", {
+					/* @__PURE__ */ Q("code", {
 						className: "text-xs",
-						children: R.object_name
+						children: L.object_name
 					})
-				] }) : "Loading…" })] }), R ? /* @__PURE__ */ q("div", {
+				] }) : "Loading…" })] }), L ? /* @__PURE__ */ $("div", {
 					className: "px-4 space-y-4 mt-4",
 					children: [
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ $("div", {
 							className: "grid grid-cols-2 gap-3 text-sm",
 							children: [
-								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
+								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
 									className: "text-xs text-muted-foreground",
 									children: "Status"
-								}), /* @__PURE__ */ K("div", {
+								}), /* @__PURE__ */ Q("div", {
 									className: "mt-1",
-									children: /* @__PURE__ */ K(ei, { status: R.status })
+									children: /* @__PURE__ */ Q(ra, { status: L.status })
 								})] }),
-								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
+								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
 									className: "text-xs text-muted-foreground",
 									children: "Proposed"
-								}), /* @__PURE__ */ K("div", {
+								}), /* @__PURE__ */ Q("div", {
 									className: "mt-1 text-xs",
-									children: ti(R.proposed_at)
+									children: ia(L.proposed_at)
 								})] }),
-								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
+								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
 									className: "text-xs text-muted-foreground",
 									children: "Proposed by"
-								}), /* @__PURE__ */ K("div", {
+								}), /* @__PURE__ */ Q("div", {
 									className: "mt-1 text-xs font-mono break-all",
-									children: R.proposed_by ?? "—"
+									children: L.proposed_by ?? "—"
 								})] }),
-								/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
+								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
 									className: "text-xs text-muted-foreground",
 									children: "Decided by"
-								}), /* @__PURE__ */ K("div", {
+								}), /* @__PURE__ */ Q("div", {
 									className: "mt-1 text-xs font-mono break-all",
-									children: R.decided_by ?? "—"
+									children: L.decided_by ?? "—"
 								})] }),
-								R.conversation_id ? /* @__PURE__ */ q("div", {
+								L.conversation_id ? /* @__PURE__ */ $("div", {
 									className: "col-span-2",
-									children: [/* @__PURE__ */ K(z, {
+									children: [/* @__PURE__ */ Q(B, {
 										className: "text-xs text-muted-foreground",
 										children: "Conversation"
-									}), /* @__PURE__ */ K("div", {
+									}), /* @__PURE__ */ Q("div", {
 										className: "mt-1 text-xs font-mono break-all",
-										children: R.conversation_id
+										children: L.conversation_id
 									})]
 								}) : null
 							]
 						}),
-						/* @__PURE__ */ K(he, {}),
-						/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
+						/* @__PURE__ */ Q(me, {}),
+						/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
 							className: "text-xs",
 							children: "Tool input"
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ Q("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ K(ri, { value: ni(R.tool_input) })
+							children: /* @__PURE__ */ Q(oa, { value: aa(L.tool_input) })
 						})] }),
-						R.result ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
+						L.result ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
 							className: "text-xs",
 							children: "Result"
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ Q("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ K(ri, { value: ni(R.result) })
+							children: /* @__PURE__ */ Q(oa, { value: aa(L.result) })
 						})] }) : null,
-						R.error ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
+						L.error ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
 							className: "text-xs text-destructive",
 							children: "Error"
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ Q("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ K(ri, { value: R.error })
+							children: /* @__PURE__ */ Q(oa, { value: L.error })
 						})] }) : null,
-						R.rejection_reason ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(z, {
+						L.rejection_reason ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
 							className: "text-xs",
 							children: "Rejection reason"
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ Q("div", {
 							className: "mt-1.5 text-sm",
-							children: R.rejection_reason
+							children: L.rejection_reason
 						})] }) : null,
-						R.status === "pending" ? /* @__PURE__ */ q("div", {
+						L.status === "pending" ? /* @__PURE__ */ $("div", {
 							className: "pt-2 flex gap-2",
-							children: [/* @__PURE__ */ q(v, {
+							children: [/* @__PURE__ */ $(v, {
 								size: "sm",
-								onClick: () => void ae(R.id),
-								disabled: T === R.id,
-								children: [/* @__PURE__ */ K(Be, { className: "h-3.5 w-3.5 mr-1" }), "Approve & Execute"]
-							}), /* @__PURE__ */ q(v, {
+								onClick: () => void R(L.id),
+								disabled: T === L.id,
+								children: [/* @__PURE__ */ Q(Y, { className: "h-3.5 w-3.5 mr-1" }), "Approve & Execute"]
+							}), /* @__PURE__ */ $(v, {
 								size: "sm",
 								variant: "destructive",
 								onClick: () => {
-									g(R.id), w("");
+									g(L.id), w("");
 								},
-								disabled: T === R.id,
-								children: [/* @__PURE__ */ K(U, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
+								disabled: T === L.id,
+								children: [/* @__PURE__ */ Q(X, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
 							})]
 						}) : null
 					]
 				}) : null]
 			})
 		}),
-		/* @__PURE__ */ K(ge, {
+		/* @__PURE__ */ Q(he, {
 			open: !!h,
 			onOpenChange: (e) => {
 				e || (g(null), w(""));
 			},
-			children: /* @__PURE__ */ q(_e, {
+			children: /* @__PURE__ */ $(ge, {
 				side: "bottom",
 				className: "max-h-[40vh]",
-				children: [/* @__PURE__ */ q(ye, { children: [/* @__PURE__ */ K(be, { children: "Reject this action?" }), /* @__PURE__ */ K(ve, { children: "The reason is shown back to the AI so it can adjust its next response." })] }), /* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ $(V, { children: [/* @__PURE__ */ Q(ve, { children: "Reject this action?" }), /* @__PURE__ */ Q(_e, { children: "The reason is shown back to the AI so it can adjust its next response." })] }), /* @__PURE__ */ $("div", {
 					className: "px-4 mt-3 space-y-3",
-					children: [/* @__PURE__ */ K(ke, {
+					children: [/* @__PURE__ */ Q(Ce, {
 						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__ */ q("div", {
+					}), /* @__PURE__ */ $("div", {
 						className: "flex justify-end gap-2",
-						children: [/* @__PURE__ */ K(v, {
+						children: [/* @__PURE__ */ Q(v, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => {
 								g(null), w("");
 							},
 							children: "Cancel"
-						}), /* @__PURE__ */ q(v, {
+						}), /* @__PURE__ */ $(v, {
 							variant: "destructive",
 							size: "sm",
-							onClick: () => h && void oe(h, _),
+							onClick: () => h && void z(h, _),
 							disabled: !h || T === h,
 							"data-testid": "ai-inbox-reject-confirm",
-							children: [/* @__PURE__ */ K(U, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
+							children: [/* @__PURE__ */ Q(X, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
 						})]
 					})]
 				})]
@@ -3114,14 +4131,14 @@ function ai({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 }
 //#endregion
 //#region src/useHitlInChat.ts
-function oi(e) {
+function la(e) {
 	return !e || e.length === 0 ? "/api/v1/ai" : e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function si(e, t) {
+function ua(e, t) {
 	let n = { ...e ?? {} };
 	return t && (n["Content-Type"] = "application/json"), n;
 }
-async function ci(e) {
+async function da(e) {
 	let t = await e.text();
 	if (!t) return null;
 	try {
@@ -3130,8 +4147,8 @@ async function ci(e) {
 		return { raw: t };
 	}
 }
-function li(t) {
-	let { messages: n, apiBase: r, headers: i, onDecided: a, continueConversation: o } = t, s = oi(r), c = e.useMemo(() => {
+function fa(t) {
+	let { messages: n, apiBase: r, headers: i, onDecided: a, continueConversation: o } = t, s = la(r), c = e.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) {
 			let n = t.toolInvocations ?? [];
@@ -3174,9 +4191,9 @@ function li(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: si(i, !0),
+					headers: ua(i, !0),
 					body: c
-				}), f = await ci(d) ?? {};
+				}), f = await da(d) ?? {};
 				if (!d.ok) {
 					let t = typeof f.error == "string" ? f.error : `Approval failed: HTTP ${d.status}`;
 					m(e, {
@@ -3203,7 +4220,7 @@ function li(t) {
 					state: "success",
 					message: `Status: ${p}`
 				}), h = !0), a?.(e, f), h && o) {
-					let r = ui({
+					let r = pa({
 						approved: t,
 						status: p,
 						toolName: u,
@@ -3238,24 +4255,24 @@ function li(t) {
 		isDeciding: f
 	};
 }
-function ui(e) {
+function pa(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 : di(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 : ma(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 : di(JSON.stringify(e ?? {}), 400)}. Apologize concisely and offer alternatives.`;
+		return `${s} The \`${r}\` call was approved but execution failed: ${typeof e == "string" ? e : ma(JSON.stringify(e ?? {}), 400)}. Apologize concisely and offer alternatives.`;
 	}
 }
-function di(e, t) {
+function ma(e, t) {
 	return e.length <= t ? e : `${e.slice(0, t - 1)}…`;
 }
 //#endregion
 //#region src/index.tsx
-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) => {
+var ha = 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) {
@@ -3268,20 +4285,20 @@ var fi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 	}, b = (e) => {
 		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), y());
 	};
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ $("div", {
 		ref: p,
-		className: H("flex flex-col border rounded-lg bg-background overflow-hidden", t),
+		className: J("flex flex-col border rounded-lg bg-background overflow-hidden", t),
 		style: { maxHeight: d },
 		...f,
-		children: [/* @__PURE__ */ K(ce, {
+		children: [/* @__PURE__ */ Q(se, {
 			ref: g,
 			className: "flex-1 p-4",
-			children: /* @__PURE__ */ K("div", {
+			children: /* @__PURE__ */ Q("div", {
 				className: "space-y-4",
-				children: n.length === 0 ? /* @__PURE__ */ K("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__ */ K(pi, {
+				}) : n.map((e) => /* @__PURE__ */ Q(ga, {
 					message: e,
 					showTimestamp: o,
 					userAvatarUrl: s,
@@ -3290,11 +4307,11 @@ var fi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 					assistantAvatarFallback: u
 				}, e.id))
 			})
-		}), /* @__PURE__ */ K("div", {
+		}), /* @__PURE__ */ Q("div", {
 			className: "border-t p-4",
-			children: /* @__PURE__ */ q("div", {
+			children: /* @__PURE__ */ $("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ K(se, {
+				children: [/* @__PURE__ */ Q(oe, {
 					ref: _,
 					value: m,
 					onChange: (e) => h(e.target.value),
@@ -3302,71 +4319,71 @@ var fi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 					placeholder: r,
 					disabled: a,
 					className: "flex-1"
-				}), /* @__PURE__ */ K(v, {
+				}), /* @__PURE__ */ Q(v, {
 					onClick: y,
 					disabled: a || !m.trim(),
 					size: "icon",
-					children: /* @__PURE__ */ K(lt, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ Q(lt, { className: "h-4 w-4" })
 				})]
 			})
 		})]
 	});
 });
-fi.displayName = "Chatbot";
-var pi = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
+ha.displayName = "Chatbot";
+var ga = ({ 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", {
+	if (e.role === "system") return /* @__PURE__ */ Q("div", {
 		className: "flex justify-center",
-		children: /* @__PURE__ */ K("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__ */ q("div", {
-		className: H("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
-		children: [/* @__PURE__ */ q(m, {
+	return /* @__PURE__ */ $("div", {
+		className: J("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
+		children: [/* @__PURE__ */ $(m, {
 			className: "h-8 w-8",
-			children: [/* @__PURE__ */ K(g, { src: s }), /* @__PURE__ */ K(h, {
+			children: [/* @__PURE__ */ Q(g, { src: s }), /* @__PURE__ */ Q(h, {
 				className: "text-xs",
 				children: c
 			})]
-		}), /* @__PURE__ */ q("div", {
-			className: H("flex flex-col gap-1", o ? "items-end" : "items-start"),
-			children: [/* @__PURE__ */ K("div", {
-				className: H("rounded-lg px-4 py-2 max-w-[70%] break-words", o ? "bg-primary text-primary-foreground" : "bg-muted"),
-				children: /* @__PURE__ */ K("p", {
+		}), /* @__PURE__ */ $("div", {
+			className: J("flex flex-col gap-1", o ? "items-end" : "items-start"),
+			children: [/* @__PURE__ */ Q("div", {
+				className: J("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__ */ K("span", {
+			}), t && e.timestamp && /* @__PURE__ */ Q("span", {
 				className: "text-xs text-muted-foreground",
 				children: e.timestamp
 			})]
 		})]
 	});
-}, mi = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ q("div", {
+}, _a = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ $("div", {
 	ref: i,
-	className: H("flex gap-3", e),
+	className: J("flex gap-3", e),
 	...r,
-	children: [/* @__PURE__ */ q(m, {
+	children: [/* @__PURE__ */ $(m, {
 		className: "h-8 w-8",
-		children: [/* @__PURE__ */ K(g, { src: t }), /* @__PURE__ */ K(h, {
+		children: [/* @__PURE__ */ Q(g, { src: t }), /* @__PURE__ */ Q(h, {
 			className: "text-xs",
 			children: n
 		})]
-	}), /* @__PURE__ */ K("div", {
+	}), /* @__PURE__ */ Q("div", {
 		className: "flex items-center bg-muted rounded-lg px-4 py-2",
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ $("div", {
 			className: "flex gap-1",
 			children: [
-				/* @__PURE__ */ K("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]" }),
-				/* @__PURE__ */ K("span", { className: "w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]" }),
-				/* @__PURE__ */ K("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" })
 			]
 		})
 	})]
 }));
-mi.displayName = "TypingIndicator";
+_a.displayName = "TypingIndicator";
 //#endregion
-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 };
+export { en as AGENT_ALIAS_GROUPS, Zi as AIElements, ca as AiPendingActionsInbox, ha as Chatbot, Mi as ChatbotEnhanced, Ji as FloatingChatbot, Tn as FloatingChatbotPanel, pn as FloatingChatbotProvider, yn as FloatingChatbotTrigger, cn as PLATFORM_DEFAULT_AGENT, _a as TypingIndicator, tn as agentAliasGroup, nn as agentRouteName, Wt as buildProgressFromDraftReview, Ht as detectDraftResult, Vt as detectProposedPlan, Dn as humanizeToolName, sn as isAskAgent, on as isBuildAgent, an as isBuiltinAgentName, wi as publishHealthFromResponse, rn as resolveAgentParam, ln as resolveDefaultAgentName, kn as summarizeChatError, Yt as uiMessageToChatMessage, Xt as uiMessagesToChatMessages, On as unwrapToolResult, dn as useAgents, mn as useFloatingChatbot, fa as useHitlInChat, $t as useObjectChat, ta as usePendingActions };