@object-ui/plugin-chatbot 7.0.0 → 7.2.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 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 { 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 ee, DropdownMenuItem as F, DropdownMenuTrigger as I, Empty as te, EmptyDescription as ne, EmptyHeader as L, 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 B, TableBody as Se, TableCell as V, TableHead as H, TableHeader as Ce, TableRow as we, Tabs as U, TabsList as W, TabsTrigger as G, Textarea as Te, Tooltip as K, TooltipContent as Ee, TooltipProvider as De, TooltipTrigger as Oe, cn as q } from "@object-ui/components";
+import { AlertCircle as ke, ArrowDownIcon as Ae, ArrowRight as je, BookIcon as Me, Bot as Ne, BrainIcon as Pe, Check as Fe, CheckCircle2 as J, CheckCircleIcon as Y, 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, WifiOff as mt, WrenchIcon as ht, X as gt, XCircle as X, XCircleIcon as _t, XIcon as vt } 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";
+import { useChat as yt } from "@ai-sdk/react";
+import { DefaultChatTransport as bt } from "ai";
+import * as xt from "react-dom";
+import { SchemaRenderer as St, useObjectTranslation as Ct } from "@object-ui/react";
+import { StickToBottom as wt, useStickToBottomContext as Tt } from "use-stick-to-bottom";
+import { cva as Et } from "class-variance-authority";
+import { Slot as Dt } from "@radix-ui/react-slot";
+import { Streamdown as Ot } from "streamdown";
+import { nanoid as kt } from "nanoid";
+import { codeToHtml as At } from "shiki";
+import { useControllableState as jt } from "@radix-ui/react-use-controllable-state";
+import { motion as Mt } from "motion/react";
+import { ComponentRegistry as Nt } from "@object-ui/core";
 //#region \0rolldown/runtime.js
-var Nt = Object.defineProperty, Pt = (e, t) => {
+var Pt = Object.defineProperty, Ft = (e, t) => {
 	let n = {};
-	for (var r in e) Nt(n, r, {
+	for (var r in e) Pt(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Nt(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || Pt(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/utils.ts
-function Ft(e = "msg") {
+function It(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 It(e, t) {
+function Lt(e, t) {
 	return typeof e.content == "string" ? e.content : t.filter((e) => e.type === "text").map((e) => e.text ?? "").join("");
 }
-function Lt(e) {
+function Rt(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 Rt(e) {
+function zt(e) {
 	let t = (e) => {
 		if (e && typeof e == "object") return e;
 		if (typeof e != "string") return;
@@ -62,8 +62,8 @@ function Rt(e) {
 	}
 	return r;
 }
-function zt(e) {
-	let t = Rt(e);
+function Bt(e) {
+	let t = zt(e);
 	if (!t) return;
 	let n = t.pendingActionId;
 	if (t.status === "pending_approval" && typeof n == "string" && n.length > 0) return {
@@ -71,11 +71,11 @@ function zt(e) {
 		raw: t
 	};
 }
-function Bt(e) {
+function Vt(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "string" && e.trim().length > 0) : [];
 }
-function Vt(e) {
-	let t = Rt(e);
+function Ht(e) {
+	let t = zt(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;
@@ -91,7 +91,7 @@ function Vt(e) {
 		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) => {
+	}, c = Vt(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) : [];
@@ -104,14 +104,33 @@ function Vt(e) {
 		...d ? { summary: d } : {},
 		objects: i,
 		counts: s,
-		questions: c.length ? c : Bt(r.questions),
+		questions: c.length ? c : Vt(r.questions),
 		...u.length ? { questionChoices: u } : {},
-		assumptions: Bt(r.assumptions),
+		assumptions: Vt(r.assumptions),
 		...typeof f == "string" && f ? { targetApp: f } : {}
 	};
 }
-function Ht(e) {
-	let t = Rt(e);
+function Ut(e) {
+	let t = zt(e);
+	if (!t || t.status !== "changes_proposed") return;
+	let n = (e) => typeof e == "string" && e ? e : void 0, r = t.changes, i = (Array.isArray(r) ? r : []).flatMap((e) => {
+		let t = e;
+		return typeof t?.verb != "string" || !t.verb ? [] : [{
+			verb: t.verb,
+			...n(t.object) ? { object: n(t.object) } : {},
+			...n(t.field) ? { field: n(t.field) } : {},
+			...n(t.type) ? { type: n(t.type) } : {},
+			...n(t.name) ? { name: n(t.name) } : {},
+			...n(t.details) ? { details: n(t.details) } : {}
+		}];
+	});
+	if (i.length !== 0) return {
+		...n(t.summary) ? { summary: n(t.summary) } : {},
+		changes: i
+	};
+}
+function Wt(e) {
+	let t = zt(e);
 	if (!t || t.status !== "drafted") return;
 	let n = [];
 	if (Array.isArray(t.drafted)) {
@@ -151,37 +170,38 @@ function Ht(e) {
 		...s.length ? { issues: s } : {}
 	};
 }
-function Ut(e) {
+function Gt(e) {
 	return e.replace(/[._-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function Wt(e) {
+function Kt(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),
+		appLabel: Gt(t.name),
 		items: e.items,
 		done: e.items.length,
 		total: e.items.length
 	};
 }
-function Gt(e, t = {}) {
+function qt(e, t = {}) {
 	return e.filter((e) => e.type === "dynamic-tool" ? !0 : typeof e.type == "string" && e.type.startsWith("tool-")).map((e) => {
-		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;
+		let n = e.type === "dynamic-tool" ? e.toolName ?? "tool" : typeof e.type == "string" ? e.type.replace(/^tool-/, "") : "tool", r = e.output ?? e.result, i = Bt(r), a = Wt(r), o = Ht(r), s = Ut(r), c = e.state, l = (c === "input-available" || c === "input-streaming") && (r !== void 0 || !t.liveTail) ? "output-available" : c, u = i && l !== "output-error" ? "approval-requested" : l;
 		return {
 			toolCallId: e.toolCallId ?? e.id ?? `${e.type ?? "tool"}-${Math.random().toString(36).slice(2, 8)}`,
 			toolName: n,
 			args: e.input ?? e.args,
 			result: r,
 			errorText: e.errorText,
-			state: l,
+			state: u,
 			pendingActionId: i?.pendingActionId,
 			draftReview: a,
-			proposedPlan: o
+			proposedPlan: o,
+			proposedChanges: s
 		};
 	});
 }
-function Kt(e) {
+function Jt(e) {
 	let t = e.filter((e) => e.type === "source-url" || e.type === "source").map((e) => ({
 		id: e.id,
 		title: e.title,
@@ -189,7 +209,7 @@ function Kt(e) {
 	})).filter((e) => !!e.url);
 	return t.length > 0 ? t : void 0;
 }
-function qt(e) {
+function Yt(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) => ({
@@ -205,7 +225,7 @@ function qt(e) {
 		...typeof n.seq == "number" ? { seq: n.seq } : {}
 	};
 }
-function Jt(e) {
+function Xt(e) {
 	let t = [];
 	for (let n of e) {
 		if (n.type !== "data-chart") continue;
@@ -225,28 +245,28 @@ function Jt(e) {
 	}
 	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);
+function Zt(e, t = {}) {
+	let n = Array.isArray(e.parts) ? e.parts : [], r = qt(n, { liveTail: t.streaming }), i = Array.isArray(e.toolInvocations) ? e.toolInvocations : [], a = r.length > 0 ? r : i, o = Yt(n) ?? a.map((e) => Kt(e.draftReview)).find((e) => !!e);
 	return {
 		id: e.id ?? `msg-${Math.random().toString(36).slice(2, 8)}`,
 		role: e.role ?? "assistant",
-		content: It(e, n),
-		reasoning: Lt(n),
+		content: Lt(e, n),
+		reasoning: Rt(n),
 		toolInvocations: a,
-		sources: Kt(n),
+		sources: Jt(n),
 		buildProgress: o,
-		charts: Jt(n),
+		charts: Xt(n),
 		streaming: t.streaming
 	};
 }
-function Xt(e, t = {}) {
+function Qt(e, t = {}) {
 	if (!Array.isArray(e) || e.length === 0) return [];
 	let n = e.length - 1;
-	return e.map((e, r) => Yt(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
+	return e.map((e, r) => Zt(e, { streaming: !!t.isStreaming && r === n && e.role === "assistant" }));
 }
 //#endregion
 //#region src/useObjectChat.ts
-function Zt(e) {
+function $t(e) {
 	let t = [...e.messages].reverse().find((e) => e.role === "user");
 	return { body: {
 		...e.body ?? {},
@@ -257,7 +277,7 @@ function Zt(e) {
 		...t ? { turnId: t.id } : {}
 	} };
 }
-function Qt(e) {
+function en(e) {
 	return (e ?? []).map((e, t) => ({
 		id: e.id || `msg-${t}`,
 		role: e.role || "user",
@@ -268,14 +288,14 @@ function Qt(e) {
 		toolInvocations: e.toolInvocations
 	}));
 }
-function $t(e = {}) {
+function tn(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 = [];
+		let n = en([e])[0], r = [];
 		n.content && r.push({
 			type: "text",
 			text: n.content
@@ -300,9 +320,11 @@ function $t(e = {}) {
 				text: ""
 			}]
 		};
-	}), []), C = vt({
+	}), []), C = u(a);
+	C.current = a;
+	let w = yt({
 		transport: l(() => {
-			if (x) return new yt({
+			if (x) return new bt({
 				api: t,
 				headers: { ...f },
 				body: {
@@ -312,13 +334,16 @@ function $t(e = {}) {
 					...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
-				})
+				prepareSendMessagesRequest: ({ id: e, body: t, messages: n, trigger: r, messageId: i }) => {
+					let a = $t({
+						id: e,
+						body: t,
+						messages: n,
+						trigger: r,
+						messageId: i
+					});
+					return C.current && (a.body.model = C.current), a;
+				}
 			});
 		}, [
 			x,
@@ -334,11 +359,11 @@ function $t(e = {}) {
 		onError: x ? (e) => {
 			h?.(e);
 		} : void 0
-	}), [w, T] = d(() => Qt(n)), [E, D] = d(!1), [O, k] = d(""), [A, j] = d(""), M = u(null);
+	}), [T, E] = d(() => en(n)), [D, O] = d(!1), [k, A] = d(""), [j, M] = d(""), N = u(null);
 	if (c(() => () => {
-		M.current &&= (clearTimeout(M.current), null);
+		N.current &&= (clearTimeout(N.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 = Xt(e, { isStreaming: c }).map((t, n) => ({
+		let { messages: e, status: t, error: n, sendMessage: r, regenerate: i, stop: a, setMessages: s } = w, c = t === "submitted" || t === "streaming", l = Qt(e, { isStreaming: c }).map((t, n) => ({
 			...t,
 			metadata: e[n]?.metadata
 		}));
@@ -350,11 +375,11 @@ function $t(e = {}) {
 				let t = e.trim();
 				if (!t) return;
 				let n = [...l, {
-					id: Ft("msg"),
+					id: It("msg"),
 					role: "user",
 					content: t
 				}];
-				r({ text: t }), j(""), b?.(t, n);
+				r({ text: t }), M(""), b?.(t, n);
 			}, [
 				r,
 				b,
@@ -367,39 +392,39 @@ function $t(e = {}) {
 			}, [s]),
 			setMessages: s,
 			isApiMode: !0,
-			input: A,
-			setInput: j,
+			input: j,
+			setInput: M,
 			handleInputChange: o((e) => {
-				j(e.target.value);
+				M(e.target.value);
 			}, [])
 		};
 	}
-	let N = o(() => {
-		M.current &&= (clearTimeout(M.current), null), D(!1);
+	let P = o(() => {
+		N.current &&= (clearTimeout(N.current), null), O(!1);
 	}, []);
 	return {
-		messages: w,
-		isLoading: E,
+		messages: T,
+		isLoading: D,
 		error: void 0,
 		sendMessage: o((e) => {
 			if (!e.trim()) return;
 			let t = {
-				id: Ft("msg"),
+				id: It("msg"),
 				role: "user",
 				content: e.trim(),
 				timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
 			};
-			T((n) => {
+			E((n) => {
 				let r = [...n, t];
 				return b?.(e.trim(), r), r;
-			}), k(""), _ && (D(!0), M.current = setTimeout(() => {
+			}), A(""), _ && (O(!0), N.current = setTimeout(() => {
 				let e = {
-					id: Ft("msg"),
+					id: It("msg"),
 					role: "assistant",
 					content: v || "Thank you for your message!",
 					timestamp: g ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
 				};
-				T((t) => [...t, e]), D(!1);
+				E((t) => [...t, e]), O(!1);
 			}, y));
 		}, [
 			g,
@@ -408,56 +433,56 @@ function $t(e = {}) {
 			y,
 			b
 		]),
-		stop: N,
+		stop: P,
 		reload: o(() => {}, []),
 		clear: o(() => {
-			N(), T([]);
-		}, [N]),
+			P(), E([]);
+		}, [P]),
 		isApiMode: !1,
-		input: O,
-		setInput: k,
+		input: k,
+		setInput: A,
 		handleInputChange: o((e) => {
-			k(e.target.value);
+			A(e.target.value);
 		}, [])
 	};
 }
 //#endregion
 //#region src/agentAliases.ts
-var en = [["build", "metadata_assistant"], ["ask", "data_chat"]];
-function tn(e) {
-	return en.find((t) => t.includes(e)) ?? [e];
+var nn = [["build", "metadata_assistant"], ["ask", "data_chat"]];
+function rn(e) {
+	return nn.find((t) => t.includes(e)) ?? [e];
 }
-function nn(e) {
-	return tn(e)[0];
+function an(e) {
+	return rn(e)[0];
 }
-function rn(e, t) {
+function on(e, t) {
 	if (e) {
 		if (t.includes(e)) return e;
-		for (let n of tn(e)) if (t.includes(n)) return n;
+		for (let n of rn(e)) if (t.includes(n)) return n;
 	}
 }
-function an(e) {
-	return e != null && en.some((t) => t.includes(e));
+function sn(e) {
+	return e != null && nn.some((t) => t.includes(e));
 }
-function on(e) {
-	return e != null && nn(e) === "build";
+function cn(e) {
+	return e != null && an(e) === "build";
 }
-function sn(e) {
-	return e != null && nn(e) === "ask";
+function ln(e) {
+	return e != null && an(e) === "ask";
 }
 //#endregion
 //#region src/useAgents.ts
-var cn = "ask";
-function ln(e, t) {
+var un = "ask";
+function dn(e, t) {
 	if (e.length === 0) return;
 	let n = e.map((e) => e.name);
 	if (t) {
-		let e = rn(t, n);
+		let e = on(t, n);
 		if (e) return e;
 	}
-	return rn("ask", n) || e[0].name;
+	return on("ask", n) || e[0].name;
 }
-function un(e) {
+function fn(e) {
 	return e.filter((e) => typeof e?.name == "string" && e.name.length > 0).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
@@ -466,7 +491,7 @@ function un(e) {
 		active: e.active !== !1
 	}));
 }
-function dn(e = {}) {
+function pn(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;
@@ -486,7 +511,7 @@ function dn(e = {}) {
 			return e.json();
 		}).then((e) => {
 			if (n) return;
-			let t = un(Array.isArray(e) ? e : e?.agents ?? []);
+			let t = fn(Array.isArray(e) ? e : e?.agents ?? []);
 			s(t.length > 0 ? t : i);
 		}).catch((e) => {
 			n || e.name === "AbortError" || (m(e), s(i));
@@ -507,9 +532,64 @@ function dn(e = {}) {
 	};
 }
 //#endregion
+//#region src/useAiModels.ts
+function mn(e) {
+	return e.filter((e) => typeof e?.id == "string" && e.id.length > 0).map((e) => ({
+		id: e.id,
+		label: e.label || e.id
+	}));
+}
+function hn(e = {}) {
+	let { apiBase: t, headers: n, enabled: r = !0 } = e, [i, a] = d([]), [s, l] = d(void 0), [f, p] = d(!1), [m, h] = d(void 0), [g, _] = d(0), v = u(n);
+	return v.current = n, c(() => {
+		if (!r || !t) return;
+		let e = new AbortController(), n = !1, i = `${t.replace(/\/$/, "")}/models`, o = 0, s = async () => {
+			if (!n) {
+				p(!0), h(void 0);
+				try {
+					let t = await fetch(i, {
+						method: "GET",
+						headers: {
+							Accept: "application/json",
+							...v.current ?? {}
+						},
+						credentials: "include",
+						signal: e.signal
+					});
+					if (!t.ok) throw Error(`Failed to load AI models (${t.status})`);
+					let r = await t.json();
+					if (n) return;
+					let c = Array.isArray(r) ? r : r?.models ?? [], u = Array.isArray(r) ? void 0 : r?.defaultModel, d = mn(c);
+					a(d), l(u ?? c.find((e) => e?.default)?.id ?? c[0]?.id), p(!1), d.length === 0 && o < 5 && !n && (o += 1, setTimeout(() => {
+						s();
+					}, 1200));
+				} catch (e) {
+					if (n || e?.name === "AbortError") return;
+					o < 5 ? (o += 1, setTimeout(() => {
+						s();
+					}, 1200)) : (h(e), a([]), l(void 0), p(!1));
+				}
+			}
+		};
+		return s(), () => {
+			n = !0, e.abort();
+		};
+	}, [
+		t,
+		r,
+		g
+	]), {
+		models: i,
+		defaultModelId: s,
+		isLoading: f,
+		error: m,
+		refetch: o(() => _((e) => e + 1), [])
+	};
+}
+//#endregion
 //#region src/FloatingChatbotProvider.tsx
-var fn = e.createContext(null);
-function pn({ defaultOpen: t = !1, children: n }) {
+var gn = e.createContext(null);
+function _n({ defaultOpen: t = !1, children: n }) {
 	let [r, i] = e.useState(t), [a, o] = e.useState(!1), s = e.useMemo(() => ({
 		isOpen: r,
 		isFullscreen: a,
@@ -520,21 +600,21 @@ function pn({ defaultOpen: t = !1, children: n }) {
 		toggle: () => i((e) => !e),
 		toggleFullscreen: () => o((e) => !e)
 	}), [r, a]);
-	return /* @__PURE__ */ Q(fn.Provider, {
+	return /* @__PURE__ */ Q(gn.Provider, {
 		value: s,
 		children: n
 	});
 }
-function mn() {
-	let t = e.useContext(fn);
+function vn() {
+	let t = e.useContext(gn);
 	if (!t) throw Error("useFloatingChatbot must be used within a <FloatingChatbotProvider>");
 	return t;
 }
 //#endregion
 //#region src/FloatingChatbotTrigger.tsx
-function hn() {
+function yn() {
 	try {
-		let { t: e } = St();
+		let { t: e } = Ct();
 		return (t, n) => {
 			let r = e(`common.${t}`);
 			return !r || r === `common.${t}` ? n : r;
@@ -543,7 +623,7 @@ function hn() {
 		return (e, t) => t;
 	}
 }
-var gn = {
+var bn = {
 	32: "size-8",
 	36: "size-9",
 	40: "size-10",
@@ -556,26 +636,26 @@ var gn = {
 	72: "size-[72px]",
 	80: "size-20"
 };
-function _n(e, t) {
+function xn(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 Sn(e) {
+	return bn[e] ?? bn[xn(e, Object.keys(bn).map(Number))];
 }
-function yn({ position: e = "bottom-right", size: t = 56, className: n }) {
-	let { isOpen: r, toggle: i } = mn(), a = hn();
+function Cn({ position: e = "bottom-right", size: t = 56, className: n }) {
+	let { isOpen: r, toggle: i } = vn(), a = yn();
 	return /* @__PURE__ */ Q(v, {
 		onClick: i,
-		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),
+		className: q("fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105", Sn(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: Q(r ? ht : Me, { className: "h-6 w-6" })
+		children: Q(r ? gt : Ne, { className: "h-6 w-6" })
 	});
 }
 //#endregion
 //#region src/FloatingChatbotPanel.tsx
-var bn = {
+var wn = {
 	300: "sm:w-[300px]",
 	320: "sm:w-[320px]",
 	340: "sm:w-[340px]",
@@ -594,7 +674,7 @@ var bn = {
 	640: "sm:w-[640px]",
 	720: "sm:w-[720px]",
 	800: "sm:w-[800px]"
-}, xn = {
+}, Tn = {
 	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]",
@@ -608,19 +688,19 @@ var bn = {
 	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) {
+function En(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 Dn(e) {
+	return wn[e] ?? wn[En(e, Object.keys(wn).map(Number))];
 }
-function wn(e) {
-	return xn[e] ?? xn[Sn(e, Object.keys(xn).map(Number))];
+function On(e) {
+	return Tn[e] ?? Tn[En(e, Object.keys(Tn).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();
+function kn({ 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 } = vn();
 	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),
+		className: q("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" ? q("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)]", Dn(n), On(r)) : q("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)]", Dn(n), On(r)), a),
 		role: "dialog",
 		"aria-label": e,
 		"data-testid": "floating-chatbot-panel",
@@ -656,7 +736,7 @@ function Tn({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 							onClick: u,
 							"aria-label": "Close chat",
 							"data-testid": "floating-chatbot-close",
-							children: /* @__PURE__ */ Q(ht, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ Q(gt, { className: "h-4 w-4" })
 						})
 					]
 				})
@@ -669,7 +749,7 @@ function Tn({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 }
 //#endregion
 //#region src/tool-display.ts
-var En = {
+var An = {
 	ai: "AI",
 	api: "API",
 	crm: "CRM",
@@ -681,17 +761,17 @@ var En = {
 	url: "URL",
 	utc: "UTC"
 };
-function Dn(e) {
+function jn(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 En[n] ? En[n] : t === 0 ? n.charAt(0).toUpperCase() + n.slice(1) : n;
+		return An[n] ? An[n] : t === 0 ? n.charAt(0).toUpperCase() + n.slice(1) : n;
 	}).join(" ");
 }
-function On(e) {
+function Mn(e) {
 	if (e == null) return e;
 	let t = e;
 	for (let e = 0; e < 2; e++) {
@@ -709,7 +789,7 @@ function On(e) {
 	}
 	return t;
 }
-function kn(e) {
+function Nn(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(/^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);
@@ -718,12 +798,12 @@ function kn(e) {
 		details: n.length > i.length ? n : void 0
 	};
 }
-var An = new Set([
+var Pn = new Set([
 	"ai_design_quota_exhausted",
 	"ai_data_chat_trial_exhausted",
 	"ai_allowance_exhausted"
 ]);
-function jn(e) {
+function Fn(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("}");
@@ -734,7 +814,7 @@ function jn(e) {
 	} catch {
 		return null;
 	}
-	return !a || typeof a.error != "string" || !An.has(a.error) ? null : {
+	return !a || typeof a.error != "string" || !Pn.has(a.error) ? null : {
 		code: a.error,
 		message: typeof a.message == "string" ? a.message : "",
 		messageEn: typeof a.messageEn == "string" ? a.messageEn : void 0,
@@ -744,17 +824,17 @@ function jn(e) {
 }
 //#endregion
 //#region src/elements/conversation.tsx
-var Mn = ({ className: e, ...t }) => /* @__PURE__ */ Q(Ct, {
-	className: J("relative flex-1 overflow-y-hidden", e),
+var In = ({ className: e, ...t }) => /* @__PURE__ */ Q(wt, {
+	className: q("relative flex-1 overflow-y-hidden", e),
 	initial: "smooth",
 	resize: "smooth",
 	role: "log",
 	...t
-}), Nn = ({ className: e, ...t }) => /* @__PURE__ */ Q(Ct.Content, {
-	className: J("flex flex-col gap-8 p-4", e),
+}), Ln = ({ className: e, ...t }) => /* @__PURE__ */ Q(wt.Content, {
+	className: q("flex flex-col gap-8 p-4", e),
 	...t
-}), 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),
+}), Rn = ({ 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: q("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", e),
 	...a,
 	children: i ?? /* @__PURE__ */ $(Z, { children: [r && /* @__PURE__ */ Q("div", {
 		className: "text-muted-foreground",
@@ -769,55 +849,55 @@ var Mn = ({ className: e, ...t }) => /* @__PURE__ */ Q(Ct, {
 			children: n
 		})]
 	})] })
-}), Fn = ({ className: e, ...t }) => {
-	let { isAtBottom: n, scrollToBottom: r } = wt(), i = o(() => {
+}), zn = ({ className: e, ...t }) => {
+	let { isAtBottom: n, scrollToBottom: r } = Tt(), i = o(() => {
 		r();
 	}, [r]);
 	return !n && /* @__PURE__ */ Q(v, {
-		className: J("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
+		className: q("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
 		onClick: i,
 		size: "icon",
 		type: "button",
 		variant: "outline",
 		...t,
-		children: /* @__PURE__ */ Q(ke, { className: "size-4" })
+		children: /* @__PURE__ */ Q(Ae, { className: "size-4" })
 	});
-}, 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", {
+}, Bn = Et("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 Ln({ className: e, orientation: t, ...n }) {
+function Vn({ className: e, orientation: t, ...n }) {
 	return /* @__PURE__ */ Q("div", {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": t,
-		className: J(In({ orientation: t }), e),
+		className: q(Bn({ orientation: t }), e),
 		...n
 	});
 }
-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),
+function Hn({ className: e, asChild: t = !1, ...n }) {
+	return /* @__PURE__ */ Q(t ? Dt : "div", {
+		className: q("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 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),
+var Un = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
+	className: q("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
 	...n
-}), 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),
+}), Wn = ({ children: e, className: t, ...n }) => /* @__PURE__ */ Q("div", {
+	className: q("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
-}), Vn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q("div", {
-	className: J("flex items-center gap-1", e),
+}), Gn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q("div", {
+	className: q("flex items-center gap-1", e),
 	...n,
 	children: t
-}), Hn = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
+}), Kn = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
 	let o = /* @__PURE__ */ $(v, {
 		size: i,
 		type: "button",
@@ -828,15 +908,15 @@ var zn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 			children: n || e
 		})]
 	});
-	return e ? /* @__PURE__ */ Q(Ee, { children: /* @__PURE__ */ $(we, { children: [/* @__PURE__ */ Q(De, {
+	return e ? /* @__PURE__ */ Q(De, { children: /* @__PURE__ */ $(K, { children: [/* @__PURE__ */ Q(Oe, {
 		asChild: !0,
 		children: o
-	}), /* @__PURE__ */ Q(Te, { children: /* @__PURE__ */ Q("p", { children: e }) })] }) }) : o;
-}, Un = r(null), Wn = () => {
-	let e = s(Un);
+	}), /* @__PURE__ */ Q(Ee, { children: /* @__PURE__ */ Q("p", { children: e }) })] }) }) : o;
+}, qn = r(null), Jn = () => {
+	let e = s(qn);
 	if (!e) throw Error("MessageBranch components must be used within MessageBranch");
 	return e;
-}, Gn = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
+}, Yn = ({ defaultBranch: e = 0, onBranchChange: t, className: n, ...r }) => {
 	let [i, a] = d(e), [o, s] = d([]), c = (e) => {
 		a(e), t?.(e);
 	}, l = {
@@ -851,15 +931,15 @@ var zn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 		branches: o,
 		setBranches: s
 	};
-	return /* @__PURE__ */ Q(Un.Provider, {
+	return /* @__PURE__ */ Q(qn.Provider, {
 		value: l,
 		children: /* @__PURE__ */ Q("div", {
-			className: J("grid w-full gap-2 [&>div]:pb-0", n),
+			className: q("grid w-full gap-2 [&>div]:pb-0", n),
 			...r
 		})
 	});
-}, Kn = ({ children: e, ...t }) => {
-	let { currentBranch: n, setBranches: r, branches: i } = Wn(), a = Array.isArray(e) ? e : [e];
+}, Xn = ({ children: e, ...t }) => {
+	let { currentBranch: n, setBranches: r, branches: i } = Jn(), a = Array.isArray(e) ? e : [e];
 	return c(() => {
 		i.length !== a.length && r(a);
 	}, [
@@ -867,19 +947,19 @@ var zn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 		i,
 		r
 	]), a.map((e, r) => /* @__PURE__ */ Q("div", {
-		className: J("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
+		className: q("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
 		...t,
 		children: e
 	}, e.key));
-}, qn = ({ className: e, from: t, ...n }) => {
-	let { totalBranches: r } = Wn();
-	return r <= 1 ? null : /* @__PURE__ */ Q(Ln, {
+}, Zn = ({ className: e, from: t, ...n }) => {
+	let { totalBranches: r } = Jn();
+	return r <= 1 ? null : /* @__PURE__ */ Q(Vn, {
 		className: "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
 		orientation: "horizontal",
 		...n
 	});
-}, Jn = ({ children: e, ...t }) => {
-	let { goToPrevious: n, totalBranches: r } = Wn();
+}, Qn = ({ children: e, ...t }) => {
+	let { goToPrevious: n, totalBranches: r } = Jn();
 	return /* @__PURE__ */ Q(v, {
 		"aria-label": "Previous branch",
 		disabled: r <= 1,
@@ -890,8 +970,8 @@ var zn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 		...t,
 		children: e ?? /* @__PURE__ */ Q(Re, { size: 14 })
 	});
-}, Yn = ({ children: e, className: t, ...n }) => {
-	let { goToNext: r, totalBranches: i } = Wn();
+}, $n = ({ children: e, className: t, ...n }) => {
+	let { goToNext: r, totalBranches: i } = Jn();
 	return /* @__PURE__ */ Q(v, {
 		"aria-label": "Next branch",
 		disabled: i <= 1,
@@ -902,10 +982,10 @@ var zn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 		...n,
 		children: e ?? /* @__PURE__ */ Q(ze, { size: 14 })
 	});
-}, 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),
+}, er = ({ className: e, ...t }) => {
+	let { currentBranch: n, totalBranches: r } = Jn();
+	return /* @__PURE__ */ $(Hn, {
+		className: q("border-none bg-transparent text-muted-foreground shadow-none", e),
 		...t,
 		children: [
 			n + 1,
@@ -913,15 +993,15 @@ var zn = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 			r
 		]
 	});
-}, Zn = a(({ className: e, ...t }) => /* @__PURE__ */ Q(Dt, {
-	className: J("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
+}, tr = a(({ className: e, ...t }) => /* @__PURE__ */ Q(Ot, {
+	className: q("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
 	...t
 }), (e, t) => e.children === t.children);
-Zn.displayName = "MessageResponse";
-function Qn({ data: e, className: t, onRemove: n, ...r }) {
+tr.displayName = "MessageResponse";
+function nr({ 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__ */ Q("div", {
-		className: J("group relative size-24 overflow-hidden rounded-lg", t),
+		className: q("group relative size-24 overflow-hidden rounded-lg", t),
 		...r,
 		children: a ? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("img", {
 			alt: i || "attachment",
@@ -937,17 +1017,17 @@ function Qn({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ Q(_t, {}), /* @__PURE__ */ Q("span", {
+			children: [/* @__PURE__ */ Q(vt, {}), /* @__PURE__ */ Q("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
-		})] }) : /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $(we, { children: [/* @__PURE__ */ Q(De, {
+		})] }) : /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $(K, { children: [/* @__PURE__ */ Q(Oe, {
 			asChild: !0,
 			children: /* @__PURE__ */ Q("div", {
 				className: "flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground",
 				children: /* @__PURE__ */ Q(at, { className: "size-4" })
 			})
-		}), /* @__PURE__ */ Q(Te, { children: /* @__PURE__ */ Q("p", { children: o }) })] }), n && /* @__PURE__ */ $(v, {
+		}), /* @__PURE__ */ Q(Ee, { 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) => {
@@ -955,36 +1035,36 @@ function Qn({ data: e, className: t, onRemove: n, ...r }) {
 			},
 			type: "button",
 			variant: "ghost",
-			children: [/* @__PURE__ */ Q(_t, {}), /* @__PURE__ */ Q("span", {
+			children: [/* @__PURE__ */ Q(vt, {}), /* @__PURE__ */ Q("span", {
 				className: "sr-only",
 				children: "Remove"
 			})]
 		})] })
 	});
 }
-function $n({ children: e, className: t, ...n }) {
+function rr({ children: e, className: t, ...n }) {
 	return e ? /* @__PURE__ */ Q("div", {
-		className: J("ml-auto flex w-fit flex-wrap items-start gap-2", t),
+		className: q("ml-auto flex w-fit flex-wrap items-start gap-2", t),
 		...n,
 		children: e
 	}) : null;
 }
-var er = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q("div", {
-	className: J("mt-4 flex w-full items-center justify-between gap-4", e),
+var ir = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q("div", {
+	className: q("mt-4 flex w-full items-center justify-between gap-4", e),
 	...n,
 	children: t
 });
 //#endregion
 //#region src/elements/ui/input-group.tsx
-function tr({ className: e, ...t }) {
+function ar({ className: e, ...t }) {
 	return /* @__PURE__ */ Q("div", {
 		"data-slot": "input-group",
 		role: "group",
-		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),
+		className: q("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 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", {
+var or = Et("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]",
@@ -993,19 +1073,19 @@ var nr = Tt("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 te
 	} },
 	defaultVariants: { align: "inline-start" }
 });
-function rr({ className: e, align: t = "inline-start", ...n }) {
+function sr({ className: e, align: t = "inline-start", ...n }) {
 	return /* @__PURE__ */ Q("div", {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": t,
-		className: J(nr({ align: t }), e),
+		className: q(or({ align: t }), e),
 		onClick: (e) => {
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		},
 		...n
 	});
 }
-var ir = Tt("flex items-center gap-2 text-sm shadow-none", {
+var cr = Et("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",
@@ -1014,38 +1094,38 @@ var ir = Tt("flex items-center gap-2 text-sm shadow-none", {
 	} },
 	defaultVariants: { size: "xs" }
 });
-function ar({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
+function lr({ className: e, type: t = "button", variant: n = "ghost", size: r = "xs", ...i }) {
 	return /* @__PURE__ */ Q(v, {
 		type: t,
 		"data-size": r,
 		variant: n,
-		className: J(ir({ size: r }), e),
+		className: q(cr({ size: r }), e),
 		...i
 	});
 }
-function or({ className: e, ...t }) {
-	return /* @__PURE__ */ Q(Ce, {
+function ur({ className: e, ...t }) {
+	return /* @__PURE__ */ Q(Te, {
 		"data-slot": "input-group-control",
-		className: J("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", e),
+		className: q("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 sr = r(null), cr = r(null), lr = () => {
-	let e = s(sr);
+var dr = r(null), fr = r(null), pr = () => {
+	let e = s(dr);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
 	return e;
-}, ur = () => s(sr), dr = () => {
-	let e = s(cr);
+}, mr = () => s(dr), hr = () => {
+	let e = s(fr);
 	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
 	return e;
-}, fr = () => s(cr);
-function pr({ initialInput: e = "", children: t }) {
+}, gr = () => s(fr);
+function _r({ 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: Ot(),
+			id: kt(),
 			type: "file",
 			url: URL.createObjectURL(e),
 			mediaType: e.type,
@@ -1096,25 +1176,25 @@ function pr({ initialInput: e = "", children: t }) {
 		y,
 		b
 	]);
-	return /* @__PURE__ */ Q(sr.Provider, {
+	return /* @__PURE__ */ Q(dr.Provider, {
 		value: x,
-		children: /* @__PURE__ */ Q(cr.Provider, {
+		children: /* @__PURE__ */ Q(fr.Provider, {
 			value: y,
 			children: t
 		})
 	});
 }
-var mr = r(null), hr = () => {
-	let e = fr(), t = s(mr), n = e ?? t;
+var vr = r(null), yr = () => {
+	let e = gr(), t = s(vr), n = e ?? t;
 	if (!n) throw Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
 	return n;
 };
-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, {
+function br({ data: e, className: t, ...n }) {
+	let r = yr(), i = e.filename || "", a = (e.mediaType?.startsWith("image/") && e.url ? "image" : "file") == "image", o = i || (a ? "Image" : "Attachment");
+	return /* @__PURE__ */ $(Vr, { children: [/* @__PURE__ */ Q(oe, {
 		asChild: !0,
 		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),
+			className: q("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__ */ $("div", {
 				className: "relative size-5 shrink-0",
@@ -1138,7 +1218,7 @@ function gr({ data: e, className: t, ...n }) {
 					},
 					type: "button",
 					variant: "ghost",
-					children: [/* @__PURE__ */ Q(_t, {}), /* @__PURE__ */ Q("span", {
+					children: [/* @__PURE__ */ Q(vt, {}), /* @__PURE__ */ Q("span", {
 						className: "sr-only",
 						children: "Remove"
 					})]
@@ -1148,7 +1228,7 @@ function gr({ data: e, className: t, ...n }) {
 				children: o
 			})]
 		}, e.id)
-	}), /* @__PURE__ */ Q(zr, {
+	}), /* @__PURE__ */ Q(Ur, {
 		className: "w-auto p-2",
 		children: /* @__PURE__ */ $("div", {
 			className: "w-auto space-y-3",
@@ -1177,17 +1257,17 @@ function gr({ data: e, className: t, ...n }) {
 		})
 	})] });
 }
-function _r({ children: e, className: t, ...r }) {
-	let i = hr();
+function xr({ children: e, className: t, ...r }) {
+	let i = yr();
 	return i.files.length ? /* @__PURE__ */ Q("div", {
-		className: J("flex flex-wrap items-center gap-2 p-3 w-full", t),
+		className: q("flex flex-wrap items-center gap-2 p-3 w-full", t),
 		...r,
 		children: i.files.map((t) => /* @__PURE__ */ Q(n, { children: e(t) }, t.id))
 	}) : null;
 }
-var vr = ({ label: e = "Add photos or files", ...t }) => {
-	let n = hr();
-	return /* @__PURE__ */ $(P, {
+var Sr = ({ label: e = "Add photos or files", ...t }) => {
+	let n = yr();
+	return /* @__PURE__ */ $(F, {
 		...t,
 		onSelect: (e) => {
 			e.preventDefault(), n.openFileDialog();
@@ -1198,8 +1278,8 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 			e
 		]
 	});
-}, 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);
+}, Cr = ({ 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 _ = mr(), 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();
@@ -1234,7 +1314,7 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 			});
 			let i = [];
 			for (let e of n) i.push({
-				id: Ot(),
+				id: kt(),
 				type: "file",
 				url: URL.createObjectURL(e),
 				mediaType: e.type,
@@ -1282,9 +1362,9 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 	}, [A, i]), c(() => () => {
 		if (!v) for (let e of w.current) e.url && URL.revokeObjectURL(e.url);
 	}, [v]);
-	let ee = (e) => {
+	let P = (e) => {
 		e.currentTarget.files && A(e.currentTarget.files), e.currentTarget.value = "";
-	}, te = async (e) => {
+	}, ee = async (e) => {
 		try {
 			let t = await (await fetch(e)).blob();
 			return new Promise((e) => {
@@ -1294,7 +1374,7 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 		} catch {
 			return null;
 		}
-	}, P = l(() => ({
+	}, F = l(() => ({
 		files: C.map((e) => ({
 			...e,
 			id: e.id
@@ -1310,23 +1390,23 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 		j,
 		M,
 		N
-	]), F = /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("input", {
+	]), I = /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("input", {
 		accept: t,
 		"aria-label": r,
 		className: "hidden",
 		multiple: n,
-		onChange: ee,
+		onChange: P,
 		ref: y,
 		title: r,
 		type: "file"
 	}), /* @__PURE__ */ Q("form", {
-		className: J("w-full", e),
+		className: q("w-full", e),
 		onSubmit: (e) => {
 			e.preventDefault();
 			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 te(t.url);
+					let e = await ee(t.url);
 					return {
 						...t,
 						url: e ?? t.url
@@ -1347,20 +1427,20 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 		},
 		ref: b,
 		...g,
-		children: /* @__PURE__ */ Q(tr, {
+		children: /* @__PURE__ */ Q(ar, {
 			className: "overflow-hidden",
 			children: h
 		})
 	})] });
-	return v ? F : /* @__PURE__ */ Q(mr.Provider, {
-		value: P,
-		children: F
+	return v ? I : /* @__PURE__ */ Q(vr.Provider, {
+		value: F,
+		children: I
 	});
-}, br = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: J("contents", e),
+}, wr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: q("contents", e),
 	...t
-}), 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) => {
+}), Tr = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
+	let i = mr(), a = yr(), [o, s] = d(!1), c = (e) => {
 		if (e.key === "Enter") {
 			if (o || e.nativeEvent.isComposing || e.shiftKey) return;
 			e.preventDefault();
@@ -1388,8 +1468,8 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 			i.textInput.setInput(t.currentTarget.value), e?.(t);
 		}
 	} : { onChange: e };
-	return /* @__PURE__ */ Q(or, {
-		className: J("field-sizing-content max-h-48 min-h-16", t),
+	return /* @__PURE__ */ Q(ur, {
+		className: q("field-sizing-content max-h-48 min-h-16", t),
 		name: "message",
 		onCompositionEnd: () => s(!1),
 		onCompositionStart: () => s(!0),
@@ -1399,52 +1479,52 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 		...r,
 		...u
 	});
-}, Sr = ({ className: e, ...t }) => /* @__PURE__ */ Q(rr, {
+}, Er = ({ className: e, ...t }) => /* @__PURE__ */ Q(sr, {
 	align: "block-end",
-	className: J("order-first flex-wrap gap-1", e),
+	className: q("order-first flex-wrap gap-1", e),
 	...t
-}), Cr = ({ className: e, ...t }) => /* @__PURE__ */ Q(rr, {
+}), Dr = ({ className: e, ...t }) => /* @__PURE__ */ Q(sr, {
 	align: "block-end",
-	className: J("justify-between gap-1", e),
+	className: q("justify-between gap-1", e),
 	...t
-}), wr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: J("flex items-center gap-1", e),
+}), Or = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: q("flex items-center gap-1", e),
 	...t
-}), Tr = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
+}), kr = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
 	let a = r ?? (t.count(i.children) > 1 ? "sm" : "icon-sm");
-	return /* @__PURE__ */ Q(ar, {
-		className: J(n),
+	return /* @__PURE__ */ Q(lr, {
+		className: q(n),
 		size: a,
 		type: "button",
 		variant: e,
 		...i
 	});
-}, Er = (e) => /* @__PURE__ */ Q(ee, { ...e }), Dr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q(F, {
+}, Ar = (e) => /* @__PURE__ */ Q(P, { ...e }), jr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q(I, {
 	asChild: !0,
-	children: /* @__PURE__ */ Q(Tr, {
+	children: /* @__PURE__ */ Q(kr, {
 		className: e,
 		...n,
 		children: t ?? /* @__PURE__ */ Q(ot, { className: "size-4" })
 	})
-}), Or = ({ className: e, ...t }) => /* @__PURE__ */ Q(te, {
+}), Mr = ({ className: e, ...t }) => /* @__PURE__ */ Q(ee, {
 	align: "start",
-	className: J(e),
+	className: q(e),
 	...t
-}), kr = ({ className: e, ...t }) => /* @__PURE__ */ Q(P, {
-	className: J(e),
+}), Nr = ({ className: e, ...t }) => /* @__PURE__ */ Q(F, {
+	className: q(e),
 	...t
-}), Ar = ({ className: e, variant: t = "default", size: n = "icon-sm", status: r, children: i, ...a }) => {
+}), Pr = ({ 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, {
+	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(vt, { className: "size-4" })), /* @__PURE__ */ Q(lr, {
 		"aria-label": "Submit",
-		className: J(e),
+		className: q(e),
 		size: n,
 		type: "submit",
 		variant: t,
 		...a,
 		children: i ?? o
 	});
-}, jr = ({ className: e, textareaRef: t, onTranscriptionChange: n, ...r }) => {
+}, Fr = ({ 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)) {
@@ -1474,80 +1554,80 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 	let p = o(() => {
 		s && (i ? s.stop() : s.start());
 	}, [s, i]);
-	return /* @__PURE__ */ Q(Tr, {
-		className: J("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
+	return /* @__PURE__ */ Q(kr, {
+		className: q("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
 		disabled: !s,
 		onClick: p,
 		...r,
 		children: /* @__PURE__ */ Q(rt, { className: "size-4" })
 	});
-}, 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),
+}, Ir = (e) => /* @__PURE__ */ Q(ue, { ...e }), Lr = ({ className: e, ...t }) => /* @__PURE__ */ Q(pe, {
+	className: q("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
-}), Pr = ({ className: e, ...t }) => /* @__PURE__ */ Q(ue, {
-	className: J(e),
+}), Rr = ({ className: e, ...t }) => /* @__PURE__ */ Q(de, {
+	className: q(e),
 	...t
-}), Fr = ({ className: e, ...t }) => /* @__PURE__ */ Q(de, {
-	className: J(e),
+}), zr = ({ className: e, ...t }) => /* @__PURE__ */ Q(fe, {
+	className: q(e),
 	...t
-}), Ir = ({ className: e, ...t }) => /* @__PURE__ */ Q(pe, {
-	className: J(e),
+}), Br = ({ className: e, ...t }) => /* @__PURE__ */ Q(me, {
+	className: q(e),
 	...t
-}), Lr = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ Q(L, {
+}), Vr = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ Q(R, {
 	closeDelay: t,
 	openDelay: e,
 	...n
-}), Rr = (e) => /* @__PURE__ */ Q(z, { ...e }), zr = ({ align: e = "start", ...t }) => /* @__PURE__ */ Q(R, {
+}), Hr = (e) => /* @__PURE__ */ Q(oe, { ...e }), Ur = ({ align: e = "start", ...t }) => /* @__PURE__ */ Q(ae, {
 	align: e,
 	...t
-}), Br = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: J(e),
+}), Wr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: q(e),
 	...t
-}), Vr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: J(e),
+}), Gr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: q(e),
 	...t
-}), Hr = ({ className: e, ...t }) => /* @__PURE__ */ Q("h3", {
-	className: J("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
+}), Kr = ({ className: e, ...t }) => /* @__PURE__ */ Q("h3", {
+	className: q("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
 	...t
-}), Ur = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: J("space-y-1", e),
+}), qr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: q("space-y-1", e),
 	...t
-}), Wr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: J("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
+}), Jr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
+	className: q("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
 	...t
-}), Gr = ({ className: e, ...t }) => /* @__PURE__ */ Q(D, {
-	className: J(e),
+}), Yr = ({ className: e, ...t }) => /* @__PURE__ */ Q(D, {
+	className: q(e),
 	...t
-}), Kr = ({ className: e, ...t }) => /* @__PURE__ */ Q(A, {
-	className: J(e),
+}), Xr = ({ className: e, ...t }) => /* @__PURE__ */ Q(A, {
+	className: q(e),
 	...t
-}), qr = ({ className: e, ...t }) => /* @__PURE__ */ Q(M, {
-	className: J(e),
+}), Zr = ({ className: e, ...t }) => /* @__PURE__ */ Q(M, {
+	className: q(e),
 	...t
-}), Jr = ({ className: e, ...t }) => /* @__PURE__ */ Q(O, {
-	className: J(e),
+}), Qr = ({ className: e, ...t }) => /* @__PURE__ */ Q(O, {
+	className: q(e),
 	...t
-}), Yr = ({ className: e, ...t }) => /* @__PURE__ */ Q(k, {
-	className: J(e),
+}), $r = ({ className: e, ...t }) => /* @__PURE__ */ Q(k, {
+	className: q(e),
 	...t
-}), Xr = ({ className: e, ...t }) => /* @__PURE__ */ Q(j, {
-	className: J(e),
+}), ei = ({ className: e, ...t }) => /* @__PURE__ */ Q(j, {
+	className: q(e),
 	...t
-}), Zr = ({ className: e, ...t }) => /* @__PURE__ */ Q(N, {
-	className: J(e),
+}), ti = ({ className: e, ...t }) => /* @__PURE__ */ Q(N, {
+	className: q(e),
 	...t
-}), Qr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ $(se, {
+}), ni = ({ className: e, children: t, ...n }) => /* @__PURE__ */ $(ce, {
 	className: "w-full overflow-x-auto whitespace-nowrap",
 	...n,
 	children: [/* @__PURE__ */ Q("div", {
-		className: J("flex w-max flex-nowrap items-center gap-2", e),
+		className: q("flex w-max flex-nowrap items-center gap-2", e),
 		children: t
-	}), /* @__PURE__ */ Q(ce, {
+	}), /* @__PURE__ */ Q(le, {
 		className: "hidden",
 		orientation: "horizontal"
 	})]
-}), $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),
+}), ri = ({ suggestion: e, onClick: t, className: n, variant: r = "outline", size: i = "sm", children: a, ...o }) => /* @__PURE__ */ Q(v, {
+	className: q("cursor-pointer rounded-full px-4", n),
 	onClick: () => {
 		t?.(e);
 	},
@@ -1556,7 +1636,7 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 	variant: r,
 	...o,
 	children: a || e
-}), ei = r({ code: "" }), ti = {
+}), ii = r({ code: "" }), ai = {
 	name: "line-numbers",
 	line(e, t) {
 		e.children.unshift({
@@ -1577,21 +1657,21 @@ var vr = ({ label: e = "Add photos or files", ...t }) => {
 		});
 	}
 };
-async function ni(e, t, n = !1) {
-	let r = n ? [ti] : [];
-	return await Promise.all([kt(e, {
+async function oi(e, t, n = !1) {
+	let r = n ? [ai] : [];
+	return await Promise.all([At(e, {
 		lang: t,
 		theme: "one-light",
 		transformers: r
-	}), kt(e, {
+	}), At(e, {
 		lang: t,
 		theme: "one-dark-pro",
 		transformers: r
 	})]);
 }
-var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children: i, ...a }) => {
+var si = ({ code: e, language: t, showLineNumbers: n = !1, className: r, children: i, ...a }) => {
 	let [o, s] = d(""), [l, f] = d(""), p = u(!1);
-	return c(() => (ni(e, t, n).then(([e, t]) => {
+	return c(() => (oi(e, t, n).then(([e, t]) => {
 		p.current ||= (s(e), f(t), !0);
 	}), () => {
 		p.current = !1;
@@ -1599,10 +1679,10 @@ var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		e,
 		t,
 		n
-	]), /* @__PURE__ */ Q(ei.Provider, {
+	]), /* @__PURE__ */ Q(ii.Provider, {
 		value: { code: e },
 		children: /* @__PURE__ */ Q("div", {
-			className: J("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
+			className: q("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
 			...a,
 			children: /* @__PURE__ */ $("div", {
 				className: "relative",
@@ -1623,8 +1703,8 @@ var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 			})
 		})
 	});
-}, ii = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
-	let [o, c] = d(!1), { code: l } = s(ei), u = async () => {
+}, ci = ({ onCopy: e, onError: t, timeout: n = 2e3, children: r, className: i, ...a }) => {
+	let [o, c] = d(!1), { code: l } = s(ii), u = async () => {
 		if (typeof window > "u" || !navigator?.clipboard?.writeText) {
 			t?.(/* @__PURE__ */ Error("Clipboard API not available"));
 			return;
@@ -1636,27 +1716,27 @@ var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		}
 	}, f = o ? Ie : Ke;
 	return /* @__PURE__ */ Q(v, {
-		className: J("shrink-0", i),
+		className: q("shrink-0", i),
 		onClick: u,
 		size: "icon",
 		variant: "ghost",
 		...a,
 		children: r ?? /* @__PURE__ */ Q(f, { size: 14 })
 	});
-}, ai = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
-	className: J("not-prose mb-4 w-full rounded-md border", e),
+}, li = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
+	className: q("not-prose mb-4 w-full rounded-md border", e),
 	...t
-}), oi = (e) => /* @__PURE__ */ $(_, {
+}), ui = (e) => /* @__PURE__ */ $(_, {
 	className: "gap-1.5 rounded-full text-xs",
 	variant: "secondary",
 	children: [{
 		"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" })
+		"approval-responded": /* @__PURE__ */ Q(Y, { className: "size-4 text-blue-600" }),
+		"output-available": /* @__PURE__ */ Q(Y, { className: "size-4 text-green-600" }),
+		"output-error": /* @__PURE__ */ Q(_t, { className: "size-4 text-red-600" }),
+		"output-denied": /* @__PURE__ */ Q(_t, { className: "size-4 text-orange-600" })
 	}[e], {
 		"input-streaming": "Pending",
 		"input-available": "Running",
@@ -1666,61 +1746,61 @@ var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		"output-error": "Error",
 		"output-denied": "Denied"
 	}[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),
+}), di = ({ className: e, title: t, type: n, state: r, ...i }) => /* @__PURE__ */ $(E, {
+	className: q("flex w-full items-center justify-between gap-4 p-3", e),
 	...i,
 	children: [/* @__PURE__ */ $("div", {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ Q(mt, { className: "size-4 text-muted-foreground" }),
+			/* @__PURE__ */ Q(ht, { className: "size-4 text-muted-foreground" }),
 			/* @__PURE__ */ Q("span", {
 				className: "font-medium text-sm",
 				children: t ?? n.split("-").slice(1).join("-")
 			}),
-			oi(r)
+			ui(r)
 		]
 	}), /* @__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),
+}), fi = ({ className: e, ...t }) => /* @__PURE__ */ Q(T, {
+	className: q("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
-}), li = ({ className: e, input: t, ...n }) => /* @__PURE__ */ $("div", {
-	className: J("space-y-2 overflow-hidden p-4", e),
+}), pi = ({ className: e, input: t, ...n }) => /* @__PURE__ */ $("div", {
+	className: q("space-y-2 overflow-hidden p-4", e),
 	...n,
 	children: [/* @__PURE__ */ Q("h4", {
 		className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 		children: "Parameters"
 	}), /* @__PURE__ */ Q("div", {
 		className: "rounded-md bg-muted/50",
-		children: /* @__PURE__ */ Q(ri, {
+		children: /* @__PURE__ */ Q(si, {
 			code: JSON.stringify(t, null, 2),
 			language: "json"
 		})
 	})]
-}), ui = ({ className: e, output: t, errorText: n, ...r }) => {
+}), mi = ({ className: e, output: t, errorText: n, ...r }) => {
 	if (!(t || n)) return null;
 	let a = /* @__PURE__ */ Q("div", { children: t });
-	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ Q(ri, {
+	return typeof t == "object" && !i(t) ? a = /* @__PURE__ */ Q(si, {
 		code: JSON.stringify(t, null, 2),
 		language: "json"
-	}) : typeof t == "string" && (a = /* @__PURE__ */ Q(ri, {
+	}) : typeof t == "string" && (a = /* @__PURE__ */ Q(si, {
 		code: t,
 		language: "json"
 	})), /* @__PURE__ */ $("div", {
-		className: J("space-y-2 p-4", e),
+		className: q("space-y-2 p-4", e),
 		...r,
 		children: [/* @__PURE__ */ Q("h4", {
 			className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 			children: n ? "Error" : "Result"
 		}), /* @__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"),
+			className: q("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]
 		})]
 	});
-}, 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]);
+}, hi = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
+	let a = Mt.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
 	return /* @__PURE__ */ Q(a, {
 		animate: { backgroundPosition: "0% center" },
-		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),
+		className: q("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`,
@@ -1733,21 +1813,21 @@ var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		},
 		children: e
 	});
-}), fi = r(null), pi = () => {
-	let e = s(fi);
+}), gi = r(null), _i = () => {
+	let e = s(gi);
 	if (!e) throw Error("Reasoning components must be used within Reasoning");
 	return e;
-}, 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({
+}, vi = 1e3, yi = 1e3, bi = a(({ className: e, isStreaming: t = !1, open: n, defaultOpen: r = !0, onOpenChange: i, duration: a, children: o, ...s }) => {
+	let [l, u] = jt({
 		prop: n,
 		defaultProp: r,
 		onChange: i
-	}), [f, p] = At({
+	}), [f, p] = jt({
 		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) / hi)), _(null));
+		t ? g === null && _(Date.now()) : g !== null && (p(Math.ceil((Date.now() - g) / yi)), _(null));
 	}, [
 		t,
 		g,
@@ -1756,7 +1836,7 @@ var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		if (r && !t && l && !m) {
 			let e = setTimeout(() => {
 				u(!1), h(!0);
-			}, mi);
+			}, vi);
 			return () => clearTimeout(e);
 		}
 	}, [
@@ -1765,7 +1845,7 @@ var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		r,
 		u,
 		m
-	]), /* @__PURE__ */ Q(fi.Provider, {
+	]), /* @__PURE__ */ Q(gi.Provider, {
 		value: {
 			isStreaming: t,
 			isOpen: l,
@@ -1773,7 +1853,7 @@ var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 			duration: f
 		},
 		children: /* @__PURE__ */ Q(w, {
-			className: J("not-prose mb-4", e),
+			className: q("not-prose mb-4", e),
 			onOpenChange: (e) => {
 				u(e);
 			},
@@ -1782,37 +1862,37 @@ var ri = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 			children: o
 		})
 	});
-}), _i = (e, t) => e || t === 0 ? /* @__PURE__ */ Q(di, {
+}), xi = (e, t) => e || t === 0 ? /* @__PURE__ */ Q(hi, {
 	duration: 1,
 	children: "Thinking..."
 }) : t === void 0 ? /* @__PURE__ */ Q("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ $("p", { children: [
 	"Thought for ",
 	t,
 	" seconds"
-] }), vi = a(({ className: e, children: t, getThinkingMessage: n = _i, ...r }) => {
-	let { isStreaming: i, isOpen: a, duration: o } = pi();
+] }), Si = a(({ className: e, children: t, getThinkingMessage: n = xi, ...r }) => {
+	let { isStreaming: i, isOpen: a, duration: o } = _i();
 	return /* @__PURE__ */ Q(E, {
-		className: J("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
+		className: q("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
 		...r,
 		children: t ?? /* @__PURE__ */ $(Z, { children: [
-			/* @__PURE__ */ Q(Ne, { className: "size-4" }),
+			/* @__PURE__ */ Q(Pe, { className: "size-4" }),
 			n(i, o),
-			/* @__PURE__ */ Q(Le, { className: J("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
+			/* @__PURE__ */ Q(Le, { className: q("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
 		] })
 	});
-}), 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),
+}), Ci = a(({ className: e, children: t, ...n }) => /* @__PURE__ */ Q(T, {
+	className: q("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__ */ Q(Dt, { children: t })
+	children: /* @__PURE__ */ Q(Ot, { children: t })
 }));
-gi.displayName = "Reasoning", vi.displayName = "ReasoningTrigger", yi.displayName = "ReasoningContent";
+bi.displayName = "Reasoning", Si.displayName = "ReasoningTrigger", Ci.displayName = "ReasoningContent";
 //#endregion
 //#region src/elements/sources.tsx
-var bi = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
-	className: J("not-prose mb-4 text-primary text-xs", e),
+var wi = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
+	className: q("not-prose mb-4 text-primary text-xs", e),
 	...t
-}), xi = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ Q(E, {
-	className: J("flex items-center gap-2", e),
+}), Ti = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ Q(E, {
+	className: q("flex items-center gap-2", e),
 	...r,
 	children: n ?? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $("p", {
 		className: "font-medium",
@@ -1822,23 +1902,23 @@ var bi = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
 			" sources"
 		]
 	}), /* @__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),
+}), Ei = ({ className: e, ...t }) => /* @__PURE__ */ Q(T, {
+	className: q("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
-}), Ci = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ Q("a", {
+}), Di = ({ 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__ */ $(Z, { children: [/* @__PURE__ */ Q(je, { className: "h-4 w-4" }), /* @__PURE__ */ Q("span", {
+	children: n ?? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q(Me, { className: "h-4 w-4" }), /* @__PURE__ */ Q("span", {
 		className: "block font-medium",
 		children: t
 	})] })
 });
 //#endregion
 //#region src/ChatbotEnhanced.tsx
-function wi(e) {
+function Oi(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 = {};
@@ -1852,10 +1932,10 @@ function wi(e) {
 		message: String(e.message)
 	}))), a;
 }
-function Ti(e) {
+function ki(e) {
 	return e === "user" ? "user" : "assistant";
 }
-function Ei(e) {
+function Ai(e) {
 	let t = e.trim();
 	if (t.length < 2 || !(t.startsWith("{") || t.startsWith("[")) || !(t.endsWith("}") || t.endsWith("]"))) return !1;
 	try {
@@ -1864,15 +1944,31 @@ function Ei(e) {
 		return !1;
 	}
 }
-function Di(e) {
+function ji(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 Mi(e) {
+	return [
+		{
+			create_object: "新建对象",
+			add_field: "新增字段",
+			modify_field: "修改字段",
+			delete_field: "删除字段",
+			create_metadata: "新建",
+			update_metadata: "修改",
+			create_seed: "生成示例数据",
+			create_package: "新建应用包"
+		}[e.verb] ?? e.verb,
+		`${e.field ? `${e.object ? `${e.object}.` : ""}${e.field}` : e.object ?? e.name ?? ""}${e.type ? `（${e.type}）` : ""}`,
+		e.details
+	].filter(Boolean).join(" ");
 }
-function ki(e) {
+function Ni(e) {
+	let t = ji(e);
+	return t === "awaiting" || t === "failed" || !!e.pendingActionId || !!e.draftReview?.items.length || !!e.proposedPlan || !!e.proposedChanges;
+}
+function Pi(e) {
 	switch (e) {
 		case "failed": return 4;
 		case "awaiting": return 3;
@@ -1880,17 +1976,17 @@ function ki(e) {
 		case "completed": return 1;
 	}
 }
-function Ai(e) {
+function Fi(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		let e = Di(n), r = `${n.toolName}:${e}`, i = t.get(r);
+		let e = ji(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,
+			title: jn(n.toolName) || n.toolName,
 			rawName: n.toolName,
 			count: 1,
 			state: e,
@@ -1898,11 +1994,11 @@ function Ai(e) {
 		});
 	}
 	return Array.from(t.values()).sort((e, t) => {
-		let n = ki(t.state) - ki(e.state);
+		let n = Pi(t.state) - Pi(e.state);
 		return n === 0 ? e.title.localeCompare(t.title) : n;
 	});
 }
-function ji({ health: e }) {
+function Ii({ 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) {
@@ -1915,7 +2011,7 @@ function ji({ health: e }) {
 		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(" · ") })]
+				children: [/* @__PURE__ */ Q(J, { 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",
@@ -1927,81 +2023,83 @@ function ji({ health: e }) {
 			}, `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 })]
+				children: [/* @__PURE__ */ Q(ke, { 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) => {
+var Li = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type your message...", onSendMessage: i, onClear: a, onStop: o, onReload: s, onUpgrade: c, disabled: l = !1, readOnly: u = !1, isLoading: d = !1, error: f, showTimestamp: p = !1, showAvatars: m = !1, userAvatarUrl: h, userAvatarFallback: g = "You", assistantAvatarUrl: _, assistantAvatarFallback: v = "AI", hideClearBar: y = !1, maxHeight: b = "500px", enableMarkdown: x = !0, enableFileUpload: S = !1, acceptedFileTypes: C = "image/*,.pdf,.doc,.docx,.txt", maxFileSize: w = 10 * 1024 * 1024, suggestions: T, labels: E, models: D, selectedModelId: O, onModelChange: k, headerSlot: A, promptOverlaySlot: j, onInputChange: M, onToolApprove: N, toolApproveLabel: P = "Approve", toolDenyLabel: ee = "Deny", toolDenyReason: F = "User denied the operation", toolDecisions: I, onReviewDraft: te, toolReviewLabel: ne = (e) => `Review ${e} change${e === 1 ? "" : "s"}`, onPublishDrafts: L, onOpenBuiltApp: re, openBuiltAppLabel: ie = "Open app", onPreviewDraftApp: R, previewDraftLabel: ae = "Preview", onDraftArtifacts: oe, onBuildMaterialized: se, publishDraftsLabel: z = "Publish", publishedLabel: ce = "Published", verifiedLabel: le = "Verified", nextStepsLabel: ue = "What's next", planTitleLabel: de = "Proposed plan", planExtendLabel: fe = "Adding to existing app", planQuestionsLabel: pe = "Confirm before building", planAssumptionsLabel: me = "Assumptions", planApproveHintLabel: he = "Reply to approve or adjust this plan.", planApproveLabel: ge = "Build it", planAdjustLabel: _e = "Adjust", planBuiltLabel: ve = "Built", planApproveMessage: ye = "Looks good — build it as proposed.", planApproveDefaultsMessage: be = "Build it with your best assumptions; use sensible defaults for the open questions.", planAnswerMessage: xe = (e, t) => `For "${e}", go with: ${t}.`, fetchPendingDraftCount: B, autoPublishDrafts: Se = !1, processVisibility: V = "summary", surface: H = "card", ...Ce }, we) => {
+	let U = d ? "streaming" : "ready", W = H === "plain", [G, Te] = e.useState(null), K = e.useMemo(() => ({
+		emptyTitle: E?.emptyTitle ?? "Start a conversation",
+		emptyDescription: E?.emptyDescription ?? "Ask anything — the assistant has access to your current app context.",
+		clear: E?.clear ?? "Clear",
+		sendHint: E?.sendHint ?? "to send",
+		agentActivity: E?.agentActivity ?? "Agent activity",
+		toolCompleted: E?.toolCompleted ?? "Completed",
+		toolRunning: E?.toolRunning ?? "Running",
+		toolAwaitingApproval: E?.toolAwaitingApproval ?? "Awaiting approval",
+		toolFailed: E?.toolFailed ?? "Failed",
+		toolDetailsHidden: E?.toolDetailsHidden ?? "Detailed tool inputs and outputs are hidden in this view.",
+		copy: E?.copy ?? "Copy",
+		copied: E?.copied ?? "Copied",
+		regenerate: E?.regenerate ?? "Regenerate",
+		model: E?.model ?? "Model",
+		submit: E?.submit ?? "Submit",
+		uploadFiles: E?.uploadFiles ?? "Upload files",
+		stopResponse: E?.stopResponse ?? "Stop response",
+		trace: E?.trace ?? "trace",
+		viewTrace: E?.viewTrace ?? "View trace",
+		connectionWaiting: E?.connectionWaiting ?? "Waiting for server…",
+		connectionStalledLabel: E?.connectionStalledLabel ?? "Still working…",
+		connectionOfflineLabel: E?.connectionOfflineLabel ?? "Connection lost — reconnecting…"
+	}), [E]), [Ee, De] = e.useState(() => /* @__PURE__ */ new Set()), [Oe, Ae] = e.useState(() => /* @__PURE__ */ new Map()), [je, Me] = e.useState(() => /* @__PURE__ */ new Map()), Pe = e.useRef(/* @__PURE__ */ new Set()), Y = e.useCallback(async (e) => {
+		if (B) try {
+			let t = await B(e);
+			Me((n) => {
 				if (n.get(e) === t) return n;
 				let r = new Map(n);
 				return r.set(e, t), r;
 			});
 		} catch {}
-	}, [V]);
+	}, [B]);
 	e.useEffect(() => {
-		if (!V || u) return;
+		if (!B || d) 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));
+			t && r && !Pe.current.has(r) && (Pe.current.add(r), e.add(t));
 		}
-		for (let t of e) Ae(t);
+		for (let t of e) Y(t);
 	}, [
 		n,
-		u,
-		V,
-		Ae
+		d,
+		B,
+		Y
 	]);
-	let je = e.useCallback(async (e) => {
-		if (!I) return;
+	let Ie = e.useCallback(async (e) => {
+		if (!L) 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;
+		let r = await L(e), i = r && typeof r == "object" ? r : void 0;
 		if ((i ? i.ok !== !1 : r !== !1) && t.length > 0) {
-			Ce((e) => {
+			De((e) => {
 				let n = new Set(e);
 				for (let e of t) n.add(e);
 				return n;
 			});
 			let e = i?.health;
-			e && Te((n) => {
+			e && Ae((n) => {
 				let r = new Map(n);
 				for (let n of t) r.set(n, e);
 				return r;
 			});
 		}
-		Ae(e);
+		Y(e);
 	}, [
-		I,
+		L,
 		n,
-		Ae
-	]), Ne = e.useRef(/* @__PURE__ */ new Set()), Fe = e.useRef(!1);
+		Y
+	]), Le = e.useRef(/* @__PURE__ */ new Set()), Re = e.useRef(!1);
 	e.useEffect(() => {
 		let e = [];
 		for (let t of n) for (let n of t.toolInvocations ?? []) {
@@ -2011,78 +2109,106 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 				packageId: t.packageId
 			});
 		}
-		if (!Fe.current) {
-			Fe.current = !0;
-			for (let t of e) Ne.current.add(t.key);
+		if (!Re.current) {
+			Re.current = !0;
+			for (let t of e) Le.current.add(t.key);
 			return;
 		}
-		if (!ve || !I || u) return;
-		let t = e.filter((e) => !Ne.current.has(e.key));
+		if (!Se || !L || d) return;
+		let t = e.filter((e) => !Le.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);
+			for (let e of t) Le.current.add(e.key);
+			for (let e of [...new Set(t.map((e) => e.packageId))]) Ie(e);
 		}
 	}, [
 		n,
-		u,
-		ve,
-		I,
-		je
+		d,
+		Se,
+		L,
+		Ie
 	]);
-	let Ie = e.useRef(/* @__PURE__ */ new Set());
+	let ze = 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);
+		if (!oe) return;
+		let e = /* @__PURE__ */ new Map(), t;
+		for (let r of n) {
+			for (let t of r.buildProgress?.items ?? []) t?.type && t?.name && e.set(`${t.type}:${t.name}`, t);
+			for (let n of r.toolInvocations ?? []) {
+				let r = n.draftReview;
+				for (let t of r?.items ?? []) t?.type && t?.name && e.set(`${t.type}:${t.name}`, t);
+				r?.packageId && r.items?.some((e) => e.type === "app") && (t = r.packageId);
+			}
 		}
-		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());
+		let r = ze.current, i = !1;
+		for (let t of e.keys()) r.has(t) || (r.add(t), i = !0);
+		i && oe([...e.values()], t);
+	}, [n, oe]);
+	let Be = e.useRef(/* @__PURE__ */ new Set());
 	e.useEffect(() => {
-		if (z) for (let e of n) for (let t of e.toolInvocations ?? []) {
+		if (se) 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 || Be.current.has(t.toolCallId) || (Be.current.add(t.toolCallId), se(n.name));
 		}
-	}, [n, z]);
-	let Re = e.useCallback((e) => {
+	}, [n, se]);
+	let He = 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]), ze = e.useCallback((e) => {
+	}, [i]), Ue = e.useCallback((e) => {
 		i?.(e);
-	}, [i]), Be = e.useRef(null), He = e.useCallback((e) => {
-		i?.(e ? ge : he);
+	}, [i]), We = e.useRef(null), Ke = e.useCallback((e) => {
+		i?.(e ? be : ye);
 	}, [
 		i,
-		he,
-		ge
-	]), Ue = e.useCallback(() => {
-		let e = Be.current?.querySelector("textarea");
+		ye,
+		be
+	]), Je = e.useCallback(() => {
+		let e = We.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", {
+	}, []), Qe = e.useCallback((e) => {
+		navigator.clipboard?.writeText(e.content), Te(e.id), window.setTimeout(() => Te((t) => t === e.id ? null : t), 1500);
+	}, []), $e = e.useMemo(() => {
+		let e = /* @__PURE__ */ new Set(), t = [], r = -1, i = 0;
+		for (let e of n) for (let n of e.toolInvocations ?? []) n.proposedPlan && n.toolCallId && t.push({
+			id: n.toolCallId,
+			order: i
+		}), n.toolName === "apply_blueprint" && (r = i), i += 1;
+		for (let n of t) n.order < r && e.add(n.id);
+		return e;
+	}, [n]), et = e.useMemo(() => {
+		let e = /* @__PURE__ */ new Set(), t = [], r = /* @__PURE__ */ new Map(), i = 0;
+		for (let e of n) for (let n of e.toolInvocations ?? []) n.proposedChanges && n.toolCallId ? t.push({
+			id: n.toolCallId,
+			toolName: n.toolName ?? "",
+			order: i
+		}) : n.toolName && r.set(n.toolName, i), i += 1;
+		for (let n of t) {
+			let t = r.get(n.toolName);
+			t !== void 0 && t > n.order && e.add(n.id);
+		}
+		return e;
+	}, [n]), tt = (e) => {
+		let t = e.state ?? (e.errorText ? "output-error" : e.result === void 0 ? "input-available" : "output-available"), n = `tool-${e.toolName}`, r = I?.[e.toolCallId], a = t === "approval-requested" && !!N && !r, o = t === "approval-requested" && !!e.pendingActionId, s = jn(e.toolName), c = Mn(e.result), l = V === "debug" && s && s.toLowerCase() !== e.toolName.toLowerCase(), u = V === "debug" || a, d = e.draftReview?.packageId, f = d === void 0 ? void 0 : je.get(d), p = f === void 0 ? Ee.has(e.toolCallId) : f === 0, m = t === "input-streaming" || t === "input-available", h = /* @__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]
+			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,
+				m ? /* @__PURE__ */ Q(Ki, { offlineLabel: K.connectionOfflineLabel }) : null
+			]
 		});
-		return /* @__PURE__ */ $(ai, {
-			defaultOpen: t === "output-error" || t === "approval-requested" || !!(e.draftReview && e.draftReview.items.length > 0) || !!e.proposedPlan,
-			children: [/* @__PURE__ */ Q(si, {
+		return /* @__PURE__ */ $(li, {
+			defaultOpen: t === "output-error" || t === "approval-requested" || !!(e.draftReview && e.draftReview.items.length > 0) || !!e.proposedPlan || !!e.proposedChanges,
+			children: [/* @__PURE__ */ Q(di, {
 				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, {
+				title: h
+			}), /* @__PURE__ */ $(fi, { children: [
+				u && e.args !== void 0 ? /* @__PURE__ */ Q(pi, { input: e.args }) : null,
+				o ? null : u || t === "output-error" ? /* @__PURE__ */ Q(ea, {
 					output: c,
 					errorText: e.errorText
 				}) : null,
@@ -2097,52 +2223,55 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 					className: "flex gap-2 p-3 border-t bg-muted/30",
 					children: [/* @__PURE__ */ Q("button", {
 						type: "button",
-						onClick: () => M?.(e.toolCallId, !0),
+						onClick: () => N?.(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
+						children: P
 					}), /* @__PURE__ */ Q("button", {
 						type: "button",
-						onClick: () => M?.(e.toolCallId, !1, te),
+						onClick: () => N?.(e.toolCallId, !1, F),
 						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: [
+				e.draftReview && e.draftReview.items.length > 0 && (te || L && 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", {
+							L && 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,
+									/* @__PURE__ */ Q(J, { className: "size-3.5" }),
+									ce,
 									e.draftReview.failedCount ? ` · ${e.draftReview.failedCount} need${e.draftReview.failedCount === 1 ? "s" : ""} attention` : ""
 								]
 							}) : /* @__PURE__ */ $("button", {
 								type: "button",
-								onClick: () => void je(e.draftReview.packageId),
+								onClick: () => void Ie(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,
+									z,
 									typeof f == "number" && f > 0 ? ` (${f})` : ""
 								]
 							}) : null,
-							F ? /* @__PURE__ */ $("button", {
+							te ? /* @__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",
+								onClick: () => te(e.draftReview.items),
+								className: L && 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 ? (() => {
+							R && !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 }),
+									onClick: () => R(t.name, {
+										materialized: e.draftReview.materialized === !0,
+										appSegment: e.draftReview.packageId
+									}),
 									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]
+									children: [/* @__PURE__ */ Q(Ye, { className: "size-3.5" }), ae]
 								}) : null;
 							})() : null,
 							e.draftReview.verification ? e.draftReview.verification.errors > 0 ? /* @__PURE__ */ $("span", {
@@ -2152,7 +2281,7 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 							}) : /* @__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]
+								children: [/* @__PURE__ */ Q(ut, { className: "size-3.5" }), le]
 							}) : null,
 							e.draftReview.summary ? /* @__PURE__ */ Q("span", {
 								className: "truncate text-xs text-muted-foreground",
@@ -2168,16 +2297,16 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 							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 })]
+							children: [/* @__PURE__ */ Q(ke, { 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,
+					Ee.has(e.toolCallId) ? /* @__PURE__ */ Q(Ii, { health: Oe.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
+							children: ue
 						}), e.draftReview.nextSteps.map((e, t) => /* @__PURE__ */ $("div", {
 							className: "flex items-start gap-1.5 text-xs text-muted-foreground",
 							children: [/* @__PURE__ */ Q("span", {
@@ -2193,8 +2322,19 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 					children: [
 						/* @__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]
+							children: [/* @__PURE__ */ Q(Ve, { className: "size-3.5" }), de]
 						}),
+						e.proposedPlan.targetApp ? /* @__PURE__ */ $("span", {
+							className: "inline-flex w-fit items-center gap-1 rounded-md border border-blue-200 bg-blue-50 px-2 py-0.5 text-[11px] font-medium text-blue-700 dark:border-blue-900/50 dark:bg-blue-950/30 dark:text-blue-300",
+							"data-testid": "proposed-plan-extend",
+							children: [
+								"+ ",
+								fe,
+								" 「",
+								e.proposedPlan.targetApp,
+								"」"
+							]
+						}) : null,
 						e.proposedPlan.summary ? /* @__PURE__ */ Q("p", {
 							className: "text-xs text-muted-foreground",
 							children: e.proposedPlan.summary
@@ -2225,7 +2365,7 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 							className: "flex flex-col gap-0.5",
 							children: [/* @__PURE__ */ Q("span", {
 								className: "text-[11px] font-medium text-foreground/70",
-								children: de
+								children: me
 							}), e.proposedPlan.assumptions.map((e, t) => /* @__PURE__ */ $("div", {
 								className: "flex items-start gap-1.5 text-[11px] text-muted-foreground",
 								children: [/* @__PURE__ */ Q("span", {
@@ -2239,7 +2379,7 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 							"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]
+								children: [/* @__PURE__ */ Q(Ze, { className: "size-3.5" }), pe]
 							}), e.proposedPlan.questions.map((t, n) => {
 								let r = e.proposedPlan.questionChoices?.find((e) => e.text === t);
 								return /* @__PURE__ */ $("div", {
@@ -2255,7 +2395,7 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 										"data-testid": "proposed-plan-choice",
 										children: r.options.map((e, n) => /* @__PURE__ */ Q("button", {
 											type: "button",
-											onClick: () => i(_e(t, e)),
+											onClick: () => i(xe(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))
@@ -2263,25 +2403,82 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 								}, n);
 							})]
 						}) : null,
-						i ? /* @__PURE__ */ $("div", {
+						i ? $e.has(e.toolCallId) ? /* @__PURE__ */ Q("div", {
+							className: "flex flex-wrap items-center gap-1.5 pt-0.5",
+							"data-testid": "proposed-plan-actions",
+							children: /* @__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 dark:border-emerald-900/50 dark:bg-emerald-950/30 dark:text-emerald-300",
+								"data-testid": "proposed-plan-built",
+								children: [/* @__PURE__ */ Q(J, { className: "size-3.5" }), ve]
+							})
+						}) : /* @__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),
+								onClick: () => Ke(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]
+								children: [/* @__PURE__ */ Q(ct, { className: "size-3.5" }), ge]
 							}), /* @__PURE__ */ Q("button", {
 								type: "button",
-								onClick: Ue,
+								onClick: Je,
 								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
+								children: _e
+							})]
+						}) : /* @__PURE__ */ Q("span", {
+							className: "text-[11px] italic text-muted-foreground/80",
+							children: he
+						})
+					]
+				}) : null,
+				e.proposedChanges ? /* @__PURE__ */ $("div", {
+					className: "flex flex-col gap-2 border-t bg-muted/20 px-3 py-2.5",
+					"data-testid": "proposed-changes",
+					children: [
+						/* @__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" }), "确认改动"]
+						}),
+						e.proposedChanges.summary ? /* @__PURE__ */ Q("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.proposedChanges.summary
+						}) : null,
+						/* @__PURE__ */ Q("div", {
+							className: "flex flex-col gap-1",
+							children: e.proposedChanges.changes.map((e, t) => /* @__PURE__ */ $("div", {
+								className: "flex items-start gap-1.5 rounded-md border bg-background px-2 py-1 text-[11px] text-foreground/80",
+								children: [/* @__PURE__ */ Q(ft, { className: "mt-px size-3 shrink-0 text-foreground/40" }), /* @__PURE__ */ Q("span", { children: Mi(e) })]
+							}, t))
+						}),
+						i ? et.has(e.toolCallId) ? /* @__PURE__ */ Q("div", {
+							className: "flex flex-wrap items-center gap-1.5 pt-0.5",
+							"data-testid": "proposed-changes-actions",
+							children: /* @__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 dark:border-emerald-900/50 dark:bg-emerald-950/30 dark:text-emerald-300",
+								"data-testid": "proposed-changes-confirmed",
+								children: [/* @__PURE__ */ Q(J, { className: "size-3.5" }), "已确认"]
+							})
+						}) : /* @__PURE__ */ $("div", {
+							className: "flex flex-wrap items-center gap-1.5 pt-0.5",
+							"data-testid": "proposed-changes-actions",
+							children: [/* @__PURE__ */ $("button", {
+								type: "button",
+								onClick: () => i("确认修改，应用你刚才提议的改动。"),
+								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-changes-confirm",
+								children: [/* @__PURE__ */ Q(J, { className: "size-3.5" }), "确认修改"]
+							}), /* @__PURE__ */ Q("button", {
+								type: "button",
+								onClick: Je,
+								className: "inline-flex h-7 items-center rounded-md border bg-background px-3 text-xs font-medium hover:bg-accent",
+								"data-testid": "proposed-changes-adjust",
+								children: "调整"
 							})]
 						}) : /* @__PURE__ */ Q("span", {
 							className: "text-[11px] italic text-muted-foreground/80",
-							children: fe
+							children: "回复以确认或调整该改动。"
 						})
 					]
 				}) : null
@@ -2289,93 +2486,95 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 		}, 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,
+		ref: we,
+		className: q(W ? "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: b },
+		...Ce,
 		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"),
+			a && !y && n.length > 0 && /* @__PURE__ */ Q("div", {
+				className: q("flex items-center justify-end px-4 py-2", W ? "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: q.clear
+					children: K.clear
 				})
 			}),
-			k ? /* @__PURE__ */ Q("div", {
-				className: J("shrink-0", !G && "border-b bg-background/50"),
-				children: k
+			A ? /* @__PURE__ */ Q("div", {
+				className: q("shrink-0", !W && "border-b bg-background/50"),
+				children: A
 			}) : null,
-			/* @__PURE__ */ $(Mn, {
+			/* @__PURE__ */ $(In, {
 				className: "flex-1 min-h-0",
-				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, {
+				children: [/* @__PURE__ */ $(Ln, {
+					className: q("space-y-4", W ? "mx-auto w-full max-w-2xl px-4 py-8 sm:px-0" : "px-4 py-3"),
+					children: [n.length === 0 ? /* @__PURE__ */ $(Rn, {
 						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,
+								children: _ ? /* @__PURE__ */ Q("img", {
+									src: _,
 									alt: "",
 									className: "size-full rounded-md object-cover"
-								}) : /* @__PURE__ */ Q(Me, { className: "size-4" })
+								}) : /* @__PURE__ */ Q(Ne, { className: "size-4" })
 							}),
 							/* @__PURE__ */ $("div", {
 								className: "space-y-1",
 								children: [/* @__PURE__ */ Q("h3", {
 									className: "text-sm font-medium text-foreground/90",
-									children: q.emptyTitle
+									children: K.emptyTitle
 								}), /* @__PURE__ */ Q("p", {
 									className: "text-sm text-muted-foreground",
-									children: q.emptyDescription
+									children: K.emptyDescription
 								})]
 							}),
-							w && w.length > 0 ? /* @__PURE__ */ Q(Qr, {
+							T && T.length > 0 ? /* @__PURE__ */ Q(ni, {
 								className: "justify-center gap-2",
-								children: w.map((e) => /* @__PURE__ */ Q($r, {
+								children: T.map((e) => /* @__PURE__ */ Q(ri, {
 									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
+									onClick: Ue
 								}, e))
 							}) : null
 						]
 					}) : n.map((e) => {
-						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),
+						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 && V === "summary" ? n.filter((e) => !Ni(e)) : [], l = !t && V === "debug" ? n : !t && V !== "debug" ? n.filter(Ni) : [];
+						return /* @__PURE__ */ Q(Un, {
+							from: ki(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, {
+								className: q("flex w-full gap-2.5", m ? t ? "flex-row-reverse items-start" : "flex-row items-start" : "flex-col"),
+								children: [m ? /* @__PURE__ */ Q(Ri, {
 									isUser: t,
-									url: t ? m : g,
-									fallback: t ? h : _
+									url: t ? h : _,
+									fallback: t ? g : v
 								}) : 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, {
+									className: q("flex min-w-0 flex-col gap-2", m && !t && "flex-1"),
+									children: [/* @__PURE__ */ $(Wn, { children: [
+										a ? /* @__PURE__ */ Q(Yi, {
 											progress: a,
 											onOpenBuiltApp: re,
 											openBuiltAppLabel: ie,
-											onPreviewDraftApp: ae,
-											previewDraftLabel: L,
-											waitingLabel: q.connectionWaiting
+											onPreviewDraftApp: R,
+											previewDraftLabel: ae,
+											waitingLabel: K.connectionWaiting,
+											stalledLabel: K.connectionStalledLabel,
+											offlineLabel: K.connectionOfflineLabel
 										}) : null,
-										!t && H === "debug" && r ? /* @__PURE__ */ $(gi, {
+										!t && V === "debug" && r ? /* @__PURE__ */ $(bi, {
 											isStreaming: !!e.streaming && !e.content,
 											className: "mb-2",
-											children: [/* @__PURE__ */ Q(vi, {}), /* @__PURE__ */ Q(yi, { children: r })]
+											children: [/* @__PURE__ */ Q(Si, {}), /* @__PURE__ */ Q(Ci, { children: r })]
 										}) : null,
-										!t && H === "summary" && c.length > 0 ? /* @__PURE__ */ Q(Ui, {
-											groups: Ai(c),
-											labels: q
+										!t && V === "summary" && c.length > 0 ? /* @__PURE__ */ Q(Xi, {
+											groups: Fi(c),
+											labels: K
 										}) : null,
-										!t && l.length > 0 ? l.map(Ke) : null,
+										!t && l.length > 0 ? l.map(tt) : 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,
+										}) : null : o ? /* @__PURE__ */ Q(Bi, {}) : e.content ? /* @__PURE__ */ Q(tr, { 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"
@@ -2390,7 +2589,7 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 												children: [e.title ? /* @__PURE__ */ Q("div", {
 													className: "mb-2 text-sm font-medium text-foreground",
 													children: e.title
-												}) : null, /* @__PURE__ */ Q(xt, { schema: {
+												}) : null, /* @__PURE__ */ Q(St, { schema: {
 													type: "chart",
 													chartType: e.chartType ?? "bar",
 													data: e.data,
@@ -2399,83 +2598,85 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 												} })]
 											}, 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, {
+										!t && i.length > 0 ? /* @__PURE__ */ $(wi, { children: [/* @__PURE__ */ Q(Ti, { count: i.length }), /* @__PURE__ */ Q(Ei, { children: i.map((e, t) => /* @__PURE__ */ Q(Di, {
 											href: e.url,
 											title: e.title ?? e.url
 										}, e.id ?? e.url ?? t)) })] }) : null,
-										f && e.timestamp ? /* @__PURE__ */ Q("div", {
+										p && e.timestamp ? /* @__PURE__ */ Q("div", {
 											className: "text-[10px] opacity-70 mt-1",
 											children: e.timestamp
 										}) : null
-									] }), !t && !o ? /* @__PURE__ */ $(Vn, {
+									] }), !t && !o ? /* @__PURE__ */ $(Gn, {
 										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" })
+											/* @__PURE__ */ Q(Kn, {
+												label: G === e.id ? K.copied : K.copy,
+												tooltip: G === e.id ? K.copied : K.copy,
+												onClick: () => Qe(e),
+												children: G === e.id ? /* @__PURE__ */ Q(Fe, { className: "size-3.5" }) : /* @__PURE__ */ Q(Ge, { className: "size-3.5" })
 											}),
-											s ? /* @__PURE__ */ Q(Hn, {
-												label: q.regenerate,
-												tooltip: q.regenerate,
+											s ? /* @__PURE__ */ Q(Kn, {
+												label: K.regenerate,
+												tooltip: K.regenerate,
 												onClick: s,
 												children: /* @__PURE__ */ Q(st, { className: "size-3.5" })
 											}) : null,
-											H === "debug" && e.traceId ? /* @__PURE__ */ Q("a", {
+											V === "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
+												title: K.viewTrace,
+												children: K.trace
 											}) : null
 										]
 									}) : null]
 								})]
 							})
 						}, e.id);
-					}), u && !n.some((e) => e.streaming) ? /* @__PURE__ */ Q(Pi, {
-						showAvatar: p,
-						assistantAvatarUrl: g,
-						assistantAvatarFallback: _,
-						waitingLabel: q.connectionWaiting
+					}), d && !n.some((e) => e.streaming) ? /* @__PURE__ */ Q(zi, {
+						showAvatar: m,
+						assistantAvatarUrl: _,
+						assistantAvatarFallback: v,
+						waitingLabel: K.connectionWaiting,
+						stalledLabel: K.connectionStalledLabel,
+						offlineLabel: K.connectionOfflineLabel
 					}) : null]
-				}), /* @__PURE__ */ Q(Fn, {})]
+				}), /* @__PURE__ */ Q(zn, {})]
 			}),
-			d ? /* @__PURE__ */ Q(Ki, {
-				error: d,
+			f ? /* @__PURE__ */ Q($i, {
+				error: f,
 				onReload: s,
 				onUpgrade: c
 			}) : null,
-			/* @__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", {
+			u ? null : /* @__PURE__ */ $("div", {
+				ref: We,
+				className: q("relative", W && "mx-auto w-full max-w-2xl px-4 pb-4 sm:px-0"),
+				children: [j ? /* @__PURE__ */ Q("div", {
 					className: "absolute bottom-full left-0 right-0 z-10 px-3 pb-1",
-					children: A
-				}) : null, /* @__PURE__ */ $(yr, {
-					accept: S,
-					fileInputLabel: q.uploadFiles,
-					maxFileSize: C,
-					onSubmit: Re,
+					children: j
+				}) : null, /* @__PURE__ */ $(Cr, {
+					accept: C,
+					fileInputLabel: K.uploadFiles,
+					maxFileSize: w,
+					onSubmit: He,
 					onError: (e) => {
 						console.warn("[plugin-chatbot] prompt-input error", e);
 					},
 					children: [
-						x ? /* @__PURE__ */ Q(br, { children: /* @__PURE__ */ Q(_r, { children: (e) => /* @__PURE__ */ Q(gr, { data: e }) }) }) : null,
-						/* @__PURE__ */ Q(xr, {
+						S ? /* @__PURE__ */ Q(wr, { children: /* @__PURE__ */ Q(xr, { children: (e) => /* @__PURE__ */ Q(br, { data: e }) }) }) : null,
+						/* @__PURE__ */ Q(Tr, {
 							placeholder: r,
-							disabled: l || W === "streaming",
-							onChange: j ? (e) => j(e.currentTarget.value) : void 0
+							disabled: l || U === "streaming",
+							onChange: M ? (e) => M(e.currentTarget.value) : void 0
 						}),
-						/* @__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),
+						/* @__PURE__ */ $(Dr, { children: [/* @__PURE__ */ $(Or, { children: [
+							S ? /* @__PURE__ */ $(Ar, { children: [/* @__PURE__ */ Q(jr, {}), /* @__PURE__ */ Q(Mr, { children: /* @__PURE__ */ Q(Sr, {}) })] }) : null,
+							D && D.length > 0 ? /* @__PURE__ */ Q("select", {
+								"aria-label": K.model,
+								value: O ?? D[0].id,
+								onChange: (e) => k?.(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: E.map((e) => /* @__PURE__ */ $("option", {
+								children: D.map((e) => /* @__PURE__ */ $("option", {
 									value: e.id,
 									children: [e.label ?? e.id, e.provider ? ` · ${e.provider}` : ""]
 								}, e.id))
@@ -2491,16 +2692,16 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 									/* @__PURE__ */ Q(qe, { className: "h-3 w-3" }),
 									/* @__PURE__ */ Q("span", {
 										className: "opacity-70",
-										children: q.sendHint
+										children: K.sendHint
 									})
 								]
 							})
-						] }), /* @__PURE__ */ Q(Ar, {
-							"aria-label": W === "streaming" ? q.stopResponse : q.submit,
-							status: W,
+						] }), /* @__PURE__ */ Q(Pr, {
+							"aria-label": U === "streaming" ? K.stopResponse : K.submit,
+							status: U,
 							disabled: l,
-							onClick: W === "streaming" ? o : void 0,
-							type: W === "streaming" ? "button" : "submit"
+							onClick: U === "streaming" ? o : void 0,
+							type: U === "streaming" ? "button" : "submit"
 						})] })
 					]
 				})]
@@ -2508,44 +2709,46 @@ var Mi = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 		]
 	});
 });
-Mi.displayName = "ChatbotEnhanced";
-function Ni({ isUser: e, url: t, fallback: n }) {
+Li.displayName = "ChatbotEnhanced";
+function Ri({ 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"),
+		className: q("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" })
+		}) : e ? n?.trim()?.charAt(0)?.toUpperCase() || "U" : /* @__PURE__ */ Q(Ne, { className: "size-4" })
 	});
 }
-function Pi({ showAvatar: e, assistantAvatarUrl: t, assistantAvatarFallback: n, waitingLabel: r }) {
-	return /* @__PURE__ */ Q(zn, {
+function zi({ showAvatar: e, assistantAvatarUrl: t, assistantAvatarFallback: n, waitingLabel: r, stalledLabel: i, offlineLabel: a }) {
+	return /* @__PURE__ */ Q(Un, {
 		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, {
+			className: q("flex w-full gap-2.5", e ? "flex-row items-start" : "flex-col"),
+			children: [e ? /* @__PURE__ */ Q(Ri, {
 				isUser: !1,
 				url: t,
 				fallback: n
-			}) : null, /* @__PURE__ */ Q(Bn, {
+			}) : null, /* @__PURE__ */ Q(Wn, {
 				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, {
+					children: [/* @__PURE__ */ Q(Bi, {}), /* @__PURE__ */ Q(Gi, {
 						active: !0,
 						pending: !0,
 						activityKey: 0,
-						waitingLabel: r
+						waitingLabel: r,
+						stalledLabel: i,
+						offlineLabel: a
 					})]
 				})
 			})]
 		})
 	});
 }
-function Fi() {
+function Bi() {
 	return /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("span", {
 		className: "sr-only",
 		children: "Assistant is responding"
@@ -2559,12 +2762,12 @@ function Fi() {
 		]
 	})] });
 }
-function Ii(e) {
+function Vi(e) {
 	let t = Math.floor(e / 60), n = e % 60;
 	return `${t}:${String(n).padStart(2, "0")}`;
 }
-var Li = 6;
-function Ri(t, n) {
+var Hi = 6;
+function Ui(t, n) {
 	let r = e.useRef(0), i = e.useRef(0), [a, o] = e.useState({
 		elapsed: 0,
 		quiet: 0
@@ -2593,49 +2796,82 @@ function Ri(t, n) {
 	}, [t]), {
 		elapsedSeconds: a.elapsed,
 		quietSeconds: a.quiet,
-		live: a.quiet < Li
+		live: a.quiet < Hi
 	};
 }
-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";
+function Wi() {
+	let [t, n] = e.useState(() => typeof navigator < "u" && navigator.onLine === !1);
+	return e.useEffect(() => {
+		if (typeof window > "u") return;
+		let e = () => n(!1), t = () => n(!0);
+		return window.addEventListener("online", e), window.addEventListener("offline", t), () => {
+			window.removeEventListener("online", e), window.removeEventListener("offline", t);
+		};
+	}, []), t;
+}
+function Gi({ active: e, activityKey: t, pending: n = !1, waitingLabel: r, stalledLabel: i = "Still working…", offlineLabel: a = "Connection lost — reconnecting…" }) {
+	let { elapsedSeconds: o, quietSeconds: s, live: c } = Ui(e, t), l = Wi() ? "offline" : c ? n ? "waiting" : "receiving" : "stalled", u = Vi(o);
 	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"),
+		className: q("inline-flex items-center gap-1.5 text-xs tabular-nums", l === "offline" ? "text-red-600 font-medium" : l === "stalled" ? "text-amber-600 font-medium" : "font-normal 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"
-		] })]
+		"data-liveness-tier": l,
+		title: l === "offline" ? `${a} · ${u} elapsed` : l === "receiving" ? `Receiving from server · ${u} elapsed` : l === "stalled" ? `${i} (${s}s with no response) · ${u} elapsed` : `${r} · ${u} elapsed`,
+		children: [
+			l === "offline" ? /* @__PURE__ */ Q(mt, {
+				className: "size-3 shrink-0",
+				"aria-hidden": !0
+			}) : /* @__PURE__ */ Q("span", {
+				"aria-hidden": !0,
+				className: q("size-1.5 shrink-0 rounded-full", l === "receiving" ? "bg-emerald-500 animate-pulse" : l === "stalled" ? "bg-amber-500" : "bg-muted-foreground/50 animate-pulse")
+			}),
+			/* @__PURE__ */ Q(Ue, {
+				className: "size-3 shrink-0",
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ Q("span", { children: u }),
+			l === "receiving" ? null : /* @__PURE__ */ $("span", { children: ["· ", l === "offline" ? a : l === "stalled" ? i : r] })
+		]
+	});
+}
+function Ki({ offlineLabel: t }) {
+	let [n, r] = e.useState(0), i = Wi();
+	return e.useEffect(() => {
+		let e = Date.now(), t = setInterval(() => r(Math.floor((Date.now() - e) / 1e3)), 1e3);
+		return () => clearInterval(t);
+	}, []), /* @__PURE__ */ $("span", {
+		className: q("inline-flex items-center gap-1 text-xs tabular-nums", i ? "text-red-600 font-medium" : "text-muted-foreground"),
+		"aria-live": "polite",
+		"data-tool-running-timer": !0,
+		children: [
+			Q(i ? mt : Ue, {
+				className: "size-3 shrink-0",
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ Q("span", { children: Vi(n) }),
+			i ? /* @__PURE__ */ $("span", { children: ["· ", t] }) : null
+		]
 	});
 }
-var Bi = [
+var qi = [
 	"object",
 	"view",
 	"dashboard",
 	"app",
 	"seed"
-], Vi = {
+], Ji = {
 	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);
+function Yi({ progress: e, onOpenBuiltApp: t, openBuiltAppLabel: n = "Open app", onPreviewDraftApp: r, previewDraftLabel: i = "Preview", waitingLabel: a = "Waiting for server…", stalledLabel: o = "Still working…", offlineLabel: s = "Connection lost — reconnecting…" }) {
+	let { phase: c, appLabel: l, items: u, done: d, total: f, seq: p } = e, m = c === "done", h = p ?? `${c}:${d}:${u.length}`, g = u.find((e) => e.type === "app"), _ = f > 0 ? Math.min(100, Math.round(d / f * 100)) : m ? 100 : 6, v = /* @__PURE__ */ new Map();
+	for (let e of u) {
+		let t = v.get(e.type) ?? [];
+		t.push(e.name.replace(/_sample$/, "")), v.set(e.type, t);
 	}
-	let _ = [...Bi.filter((e) => g.has(e)), ...[...g.keys()].filter((e) => !Bi.includes(e))];
+	let y = [...qi.filter((e) => v.has(e)), ...[...v.keys()].filter((e) => !qi.includes(e))];
 	return /* @__PURE__ */ $("div", {
 		className: "rounded-lg border bg-muted/30 p-3 text-sm",
 		"data-testid": "build-progress",
@@ -2643,18 +2879,20 @@ function Hi({ progress: e, onOpenBuiltApp: t, openBuiltAppLabel: n = "Open app",
 			/* @__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", {
+					m ? /* @__PURE__ */ Q(J, { className: "size-4 shrink-0 text-emerald-600" }) : /* @__PURE__ */ Q(et, { className: "size-4 shrink-0 animate-spin text-primary" }),
+					/* @__PURE__ */ Q("span", { children: m ? `Built ${l ?? "your app"}` : `Building ${l ?? "your app"}…` }),
+					!m && c === "data" ? /* @__PURE__ */ Q("span", {
 						className: "text-xs font-normal text-muted-foreground",
 						children: "adding sample data"
 					}) : null,
-					f ? null : /* @__PURE__ */ Q("span", {
+					m ? null : /* @__PURE__ */ Q("span", {
 						className: "ml-auto",
-						children: /* @__PURE__ */ Q(zi, {
+						children: /* @__PURE__ */ Q(Gi, {
 							active: !0,
-							activityKey: p,
-							waitingLabel: a
+							activityKey: h,
+							waitingLabel: a,
+							stalledLabel: o,
+							offlineLabel: s
 						})
 					})
 				]
@@ -2662,22 +2900,22 @@ function Hi({ progress: e, onOpenBuiltApp: t, openBuiltAppLabel: n = "Open app",
 			/* @__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}%` }
+					className: q("h-full rounded-full transition-all duration-500", m ? "bg-emerald-500" : "bg-primary"),
+					style: { width: `${_}%` }
 				})
 			}),
 			/* @__PURE__ */ Q("ul", {
 				className: "space-y-1",
-				children: _.map((e) => {
-					let t = g.get(e);
+				children: y.map((e) => {
+					let t = v.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", {
+						children: [/* @__PURE__ */ Q(J, { 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
+									children: Ji[e] ?? e
 								}),
 								" ",
 								t.slice(0, 6).join(", "),
@@ -2687,17 +2925,17 @@ function Hi({ progress: e, onOpenBuiltApp: t, openBuiltAppLabel: n = "Open app",
 					}, e);
 				})
 			}),
-			f && m && (t || r) ? /* @__PURE__ */ $("div", {
+			m && g && (t || r) ? /* @__PURE__ */ $("div", {
 				className: "mt-3 flex items-center gap-2",
 				children: [t ? /* @__PURE__ */ $("button", {
 					type: "button",
-					onClick: () => t(m.name),
+					onClick: () => t(g.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" })]
+					children: [n, /* @__PURE__ */ Q(je, { className: "size-3.5" })]
 				}) : null, r ? /* @__PURE__ */ $("button", {
 					type: "button",
-					onClick: () => r(m.name),
+					onClick: () => r(g.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]
@@ -2706,7 +2944,7 @@ function Hi({ progress: e, onOpenBuiltApp: t, openBuiltAppLabel: n = "Open app",
 		]
 	});
 }
-function Ui({ groups: e, labels: t }) {
+function Xi({ 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", {
@@ -2716,7 +2954,7 @@ function Ui({ groups: e, labels: t }) {
 				children: [/* @__PURE__ */ $("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ Q(Wi, { state: e.state }),
+						/* @__PURE__ */ Q(Zi, { state: e.state }),
 						/* @__PURE__ */ Q("span", {
 							className: "truncate font-medium text-foreground",
 							children: e.title
@@ -2726,18 +2964,18 @@ function Ui({ groups: e, labels: t }) {
 							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.state === "running" ? /* @__PURE__ */ Q(Ki, { offlineLabel: t.connectionOfflineLabel }) : /* @__PURE__ */ Q("span", {
+					className: q("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: Qi(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 Zi({ state: e }) {
+	return e === "failed" ? /* @__PURE__ */ Q(X, { className: "size-3.5 shrink-0 text-destructive" }) : e === "completed" ? /* @__PURE__ */ Q(J, { 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) {
+function Qi(e, t) {
 	switch (e) {
 		case "failed": return t.toolFailed;
 		case "awaiting": return t.toolAwaitingApproval;
@@ -2745,8 +2983,8 @@ function Gi(e, t) {
 		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);
+function $i({ error: t, onReload: n, onUpgrade: r }) {
+	let i = e.useMemo(() => Fn(t), [t]), { summary: a, details: o } = e.useMemo(() => Nn(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", {
@@ -2783,7 +3021,7 @@ function Ki({ error: t, onReload: n, onUpgrade: r }) {
 			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__ */ Q(ke, { className: "mt-0.5 h-4 w-4 shrink-0 text-destructive" }),
 					/* @__PURE__ */ $("div", {
 						className: "min-w-0 flex-1",
 						children: [/* @__PURE__ */ Q("div", {
@@ -2817,27 +3055,27 @@ function Ki({ error: t, onReload: n, onUpgrade: r }) {
 		})
 	});
 }
-function qi({ output: e, errorText: t }) {
-	return t ? /* @__PURE__ */ Q(ui, {
+function ea({ output: e, errorText: t }) {
+	return t ? /* @__PURE__ */ Q(mi, {
 		output: void 0,
 		errorText: t
-	}) : e == null || e === "" ? null : typeof e == "string" && !Ei(e) ? /* @__PURE__ */ $("div", {
+	}) : e == null || e === "" ? null : typeof e == "string" && !Ai(e) ? /* @__PURE__ */ $("div", {
 		className: "space-y-2 p-4",
 		children: [/* @__PURE__ */ Q("h4", {
 			className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
 			children: "Result"
 		}), /* @__PURE__ */ Q("div", {
 			className: "overflow-x-auto rounded-md bg-muted/40 px-3 py-2 text-sm text-foreground",
-			children: /* @__PURE__ */ Q(Zn, { children: e })
+			children: /* @__PURE__ */ Q(tr, { children: e })
 		})]
-	}) : /* @__PURE__ */ Q(ui, {
+	}) : /* @__PURE__ */ Q(mi, {
 		output: e,
 		errorText: void 0
 	});
 }
 //#endregion
 //#region src/FloatingChatbot.tsx
-function Ji({ floatingConfig: t, headerExtra: n, headerActions: r, ...i }) {
+function ta({ 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");
@@ -2845,29 +3083,29 @@ function Ji({ floatingConfig: t, headerExtra: n, headerActions: r, ...i }) {
 			e && e.parentNode && !e.hasChildNodes() && e.parentNode.removeChild(e);
 		};
 	}, []);
-	let p = /* @__PURE__ */ $(pn, {
+	let p = /* @__PURE__ */ $(_n, {
 		defaultOpen: o,
-		children: [/* @__PURE__ */ Q(yn, {
+		children: [/* @__PURE__ */ Q(Cn, {
 			position: a,
 			size: u
-		}), /* @__PURE__ */ Q(Tn, {
+		}), /* @__PURE__ */ Q(kn, {
 			title: l,
 			position: a,
 			width: s,
 			height: c,
 			headerExtra: n,
 			headerActions: r,
-			children: /* @__PURE__ */ Q(Mi, {
+			children: /* @__PURE__ */ Q(Li, {
 				...i,
 				maxHeight: "100%",
 				className: "h-full border-0 rounded-none"
 			})
 		})]
 	});
-	return d ? bt.createPortal(p, d) : p;
+	return d ? xt.createPortal(p, d) : p;
 }
-Mt.register("chatbot", ({ schema: e, className: t, ...n }) => {
-	let { messages: r, isLoading: i, sendMessage: a } = $t({
+Nt.register("chatbot", ({ schema: e, className: t, ...n }) => {
+	let { messages: r, isLoading: i, sendMessage: a } = tn({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -2884,7 +3122,7 @@ Mt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ Q(ha, {
+	return /* @__PURE__ */ Q(Sa, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e) => {
@@ -3032,8 +3270,8 @@ Mt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), 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({
+}), Nt.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 } = tn({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -3050,7 +3288,7 @@ Mt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ Q(Mi, {
+	return /* @__PURE__ */ Q(Li, {
 		messages: r,
 		placeholder: e.placeholder,
 		onSendMessage: (e, t) => {
@@ -3219,8 +3457,8 @@ Mt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: 1e3,
 		className: "w-full max-w-2xl"
 	}
-}), 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({
+}), Nt.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 } = tn({
 		api: e.api,
 		initialMessages: e.messages,
 		conversationId: e.conversationId,
@@ -3237,7 +3475,7 @@ Mt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 		autoResponseDelay: e.autoResponseDelay,
 		onSend: e.onSend
 	});
-	return /* @__PURE__ */ Q(Ji, {
+	return /* @__PURE__ */ Q(ta, {
 		floatingConfig: e.floatingConfig,
 		messages: r,
 		placeholder: e.placeholder,
@@ -3409,7 +3647,7 @@ Mt.register("chatbot", ({ schema: e, className: t, ...n }) => {
 });
 //#endregion
 //#region src/elements/loader.tsx
-var Yi = ({ size: e = 16 }) => /* @__PURE__ */ $("svg", {
+var na = ({ size: e = 16 }) => /* @__PURE__ */ $("svg", {
 	height: e,
 	strokeLinejoin: "round",
 	style: { color: "currentcolor" },
@@ -3490,97 +3728,97 @@ var Yi = ({ size: e = 16 }) => /* @__PURE__ */ $("svg", {
 			})
 		}) })
 	]
-}), Xi = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ Q("div", {
-	className: J("inline-flex animate-spin items-center justify-center", e),
+}), ra = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ Q("div", {
+	className: q("inline-flex animate-spin items-center justify-center", e),
 	...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) {
+	children: /* @__PURE__ */ Q(na, { size: t })
+}), ia = /* @__PURE__ */ Ft({
+	CodeBlock: () => si,
+	CodeBlockCopyButton: () => ci,
+	Conversation: () => In,
+	ConversationContent: () => Ln,
+	ConversationEmptyState: () => Rn,
+	ConversationScrollButton: () => zn,
+	Loader: () => ra,
+	Message: () => Un,
+	MessageAction: () => Kn,
+	MessageActions: () => Gn,
+	MessageAttachment: () => nr,
+	MessageAttachments: () => rr,
+	MessageBranch: () => Yn,
+	MessageBranchContent: () => Xn,
+	MessageBranchNext: () => $n,
+	MessageBranchPage: () => er,
+	MessageBranchPrevious: () => Qn,
+	MessageBranchSelector: () => Zn,
+	MessageContent: () => Wn,
+	MessageResponse: () => tr,
+	MessageToolbar: () => ir,
+	PromptInput: () => Cr,
+	PromptInputActionAddAttachments: () => Sr,
+	PromptInputActionMenu: () => Ar,
+	PromptInputActionMenuContent: () => Mr,
+	PromptInputActionMenuItem: () => Nr,
+	PromptInputActionMenuTrigger: () => jr,
+	PromptInputAttachment: () => br,
+	PromptInputAttachments: () => xr,
+	PromptInputBody: () => wr,
+	PromptInputButton: () => kr,
+	PromptInputCommand: () => Yr,
+	PromptInputCommandEmpty: () => Qr,
+	PromptInputCommandGroup: () => $r,
+	PromptInputCommandInput: () => Xr,
+	PromptInputCommandItem: () => ei,
+	PromptInputCommandList: () => Zr,
+	PromptInputCommandSeparator: () => ti,
+	PromptInputFooter: () => Dr,
+	PromptInputHeader: () => Er,
+	PromptInputHoverCard: () => Vr,
+	PromptInputHoverCardContent: () => Ur,
+	PromptInputHoverCardTrigger: () => Hr,
+	PromptInputProvider: () => _r,
+	PromptInputSelect: () => Ir,
+	PromptInputSelectContent: () => Rr,
+	PromptInputSelectItem: () => zr,
+	PromptInputSelectTrigger: () => Lr,
+	PromptInputSelectValue: () => Br,
+	PromptInputSpeechButton: () => Fr,
+	PromptInputSubmit: () => Pr,
+	PromptInputTab: () => Gr,
+	PromptInputTabBody: () => qr,
+	PromptInputTabItem: () => Jr,
+	PromptInputTabLabel: () => Kr,
+	PromptInputTabsList: () => Wr,
+	PromptInputTextarea: () => Tr,
+	PromptInputTools: () => Or,
+	Reasoning: () => bi,
+	ReasoningContent: () => Ci,
+	ReasoningTrigger: () => Si,
+	Shimmer: () => hi,
+	Source: () => Di,
+	Sources: () => wi,
+	SourcesContent: () => Ei,
+	SourcesTrigger: () => Ti,
+	Suggestion: () => ri,
+	Suggestions: () => ni,
+	Tool: () => li,
+	ToolContent: () => fi,
+	ToolHeader: () => di,
+	ToolInput: () => pi,
+	ToolOutput: () => mi,
+	highlightCode: () => oi,
+	usePromptInputAttachments: () => yr,
+	usePromptInputController: () => pr,
+	useProviderAttachments: () => hr,
+	useReasoning: () => _i
+}), aa = "/api/v1/ai";
+function oa(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 ea(e, t, n) {
+async function sa(e, t, n) {
 	let r = await fetch(e, {
 		credentials: "include",
 		...t,
@@ -3600,8 +3838,8 @@ async function ea(e, t, n) {
 	}
 	return i;
 }
-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({
+function ca(t = {}) {
+	let { apiBase: n = aa, 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,
@@ -3619,7 +3857,7 @@ function ta(t = {}) {
 		let { apiBase: e, status: t, conversationId: n, limit: r, headers: i } = _.current;
 		m(!0), g(void 0);
 		try {
-			let a = await ea($i(e, "/pending-actions", {
+			let a = await sa(oa(e, "/pending-actions", {
 				status: t && t !== "all" ? t : void 0,
 				conversationId: n,
 				limit: r
@@ -3631,9 +3869,9 @@ function ta(t = {}) {
 			m(!1);
 		}
 	}, []), y = e.useCallback(async (e) => {
-		let { apiBase: t, headers: n } = _.current, r = $i(t, `/pending-actions/${encodeURIComponent(e)}/approve`);
+		let { apiBase: t, headers: n } = _.current, r = oa(t, `/pending-actions/${encodeURIComponent(e)}/approve`);
 		try {
-			return await ea(r, {
+			return await sa(r, {
 				method: "POST",
 				body: "{}"
 			}, n);
@@ -3641,9 +3879,9 @@ function ta(t = {}) {
 			v();
 		}
 	}, [v]), b = e.useCallback(async (e, t) => {
-		let { apiBase: n, headers: r } = _.current, i = $i(n, `/pending-actions/${encodeURIComponent(e)}/reject`);
+		let { apiBase: n, headers: r } = _.current, i = oa(n, `/pending-actions/${encodeURIComponent(e)}/reject`);
 		try {
-			return await ea(i, {
+			return await sa(i, {
 				method: "POST",
 				body: JSON.stringify(t ? { reason: t } : {})
 			}, r);
@@ -3677,7 +3915,7 @@ function ta(t = {}) {
 }
 //#endregion
 //#region src/AiPendingActionsInbox.tsx
-var na = {
+var la = {
 	pending: {
 		variant: "secondary",
 		label: "Pending"
@@ -3699,8 +3937,8 @@ var na = {
 		label: "Rejected"
 	}
 };
-function ra({ status: e }) {
-	let t = na[e] ?? {
+function ua({ status: e }) {
+	let t = la[e] ?? {
 		variant: "outline",
 		label: e
 	};
@@ -3709,7 +3947,7 @@ function ra({ status: e }) {
 		children: t.label
 	});
 }
-function ia(e) {
+function da(e) {
 	if (!e) return "—";
 	let t = Date.parse(e);
 	if (Number.isNaN(t)) return e;
@@ -3727,7 +3965,7 @@ function ia(e) {
 		return e;
 	}
 }
-function aa(e) {
+function fa(e) {
 	if (!e) return null;
 	try {
 		return JSON.parse(e);
@@ -3735,7 +3973,7 @@ function aa(e) {
 		return e;
 	}
 }
-function oa({ value: e, max: t = 320 }) {
+function pa({ value: e, max: t = 320 }) {
 	let n = typeof e == "string" ? e : JSON.stringify(e, null, 2);
 	return n == null || n === "" ? /* @__PURE__ */ Q("span", {
 		className: "text-muted-foreground text-xs",
@@ -3746,24 +3984,24 @@ function oa({ value: e, max: t = 320 }) {
 		children: n
 	});
 }
-function sa(e) {
+function ma(e) {
 	switch (e) {
 		case "pending": return "pending";
 		case "all": return "all";
 		case "decided": return "all";
 	}
 }
-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({
+function ha({ 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: ee, reject: F } = ca({
 		apiBase: t,
 		headers: n,
 		pollInterval: r,
 		conversationId: i,
-		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) => {
+		status: ma(l)
+	}), I = e.useMemo(() => l === "decided" ? j.filter((e) => e.status !== "pending") : j, [j, l]), R = e.useMemo(() => d ? j.find((e) => e.id === d) ?? null : null, [d, j]), ae = e.useCallback(async (e) => {
 		E(e), O(null);
 		try {
-			let t = await te(e), n = t.status === "executed";
+			let t = await ee(e), n = t.status === "executed";
 			A({
 				id: e,
 				kind: "approve",
@@ -3781,10 +4019,10 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 		} finally {
 			E(null);
 		}
-	}, [te]), z = e.useCallback(async (e, t) => {
+	}, [ee]), oe = e.useCallback(async (e, t) => {
 		E(e), O(null);
 		try {
-			await P(e, t.trim() || void 0), A({
+			await F(e, t.trim() || void 0), A({
 				id: e,
 				kind: "reject",
 				ok: !0,
@@ -3801,24 +4039,24 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 		} finally {
 			E(null);
 		}
-	}, [P]), oe = /* @__PURE__ */ $("div", {
+	}, [F]), se = /* @__PURE__ */ $("div", {
 		className: "space-y-3",
 		children: [
 			/* @__PURE__ */ $("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ Q(xe, {
+				children: [/* @__PURE__ */ Q(U, {
 					value: l,
 					onValueChange: (e) => u(e),
-					children: /* @__PURE__ */ $(q, { children: [
-						/* @__PURE__ */ Q(Se, {
+					children: /* @__PURE__ */ $(W, { children: [
+						/* @__PURE__ */ Q(G, {
 							value: "pending",
 							children: "Pending"
 						}),
-						/* @__PURE__ */ Q(Se, {
+						/* @__PURE__ */ Q(G, {
 							value: "decided",
 							children: "Decided"
 						}),
-						/* @__PURE__ */ Q(Se, {
+						/* @__PURE__ */ Q(G, {
 							value: "all",
 							children: "All"
 						})
@@ -3826,7 +4064,7 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 				}), /* @__PURE__ */ $(v, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => void ee(),
+					onClick: () => void P(),
 					disabled: M,
 					"data-testid": "ai-inbox-refresh",
 					children: [/* @__PURE__ */ Q(st, { className: `h-3.5 w-3.5 mr-1.5 ${M ? "animate-spin" : ""}` }), "Refresh"]
@@ -3834,15 +4072,15 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 			}),
 			N ? /* @__PURE__ */ $(f, {
 				variant: "destructive",
-				children: [/* @__PURE__ */ Q(Oe, { className: "h-4 w-4" }), /* @__PURE__ */ Q(p, { children: N.message })]
+				children: [/* @__PURE__ */ Q(ke, { className: "h-4 w-4" }), /* @__PURE__ */ Q(p, { children: N.message })]
 			}) : null,
 			D ? /* @__PURE__ */ $(f, {
 				variant: "destructive",
-				children: [/* @__PURE__ */ Q(Oe, { className: "h-4 w-4" }), /* @__PURE__ */ Q(p, { children: D })]
+				children: [/* @__PURE__ */ Q(ke, { className: "h-4 w-4" }), /* @__PURE__ */ Q(p, { children: D })]
 			}) : null,
 			k && !D ? /* @__PURE__ */ $(f, {
 				variant: k.ok ? "default" : "destructive",
-				children: [k.ok ? /* @__PURE__ */ Q(Y, { className: "h-4 w-4" }) : /* @__PURE__ */ Q(X, { className: "h-4 w-4" }), /* @__PURE__ */ $(p, { children: [
+				children: [k.ok ? /* @__PURE__ */ Q(J, { className: "h-4 w-4" }) : /* @__PURE__ */ Q(X, { className: "h-4 w-4" }), /* @__PURE__ */ $(p, { children: [
 					k.kind === "approve" ? "Approve" : "Reject",
 					" for",
 					" ",
@@ -3855,72 +4093,72 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 					k.message ?? (k.ok ? "OK" : "Failed")
 				] })]
 			}) : null,
-			M && F.length === 0 ? /* @__PURE__ */ $("div", {
+			M && I.length === 0 ? /* @__PURE__ */ $("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ Q(H, { className: "h-10 w-full" }),
-					/* @__PURE__ */ Q(H, { className: "h-10 w-full" }),
-					/* @__PURE__ */ Q(H, { className: "h-10 w-full" })
+					/* @__PURE__ */ Q(xe, { className: "h-10 w-full" }),
+					/* @__PURE__ */ Q(xe, { className: "h-10 w-full" }),
+					/* @__PURE__ */ Q(xe, { className: "h-10 w-full" })
 				]
-			}) : 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." })
+			}) : I.length === 0 ? /* @__PURE__ */ Q(te, { children: /* @__PURE__ */ $(L, { children: [
+				/* @__PURE__ */ Q(re, { children: /* @__PURE__ */ Q($e, { className: "h-8 w-8 text-muted-foreground" }) }),
+				/* @__PURE__ */ Q(ie, { children: "No actions waiting" }),
+				/* @__PURE__ */ Q(ne, { children: "When the AI proposes a sensitive action it will appear here for review." })
 			] }) }) : /* @__PURE__ */ Q("div", {
 				className: "rounded-md border",
-				children: /* @__PURE__ */ $(ye, { children: [/* @__PURE__ */ Q(G, { children: /* @__PURE__ */ $(K, { children: [
-					/* @__PURE__ */ Q(W, {
+				children: /* @__PURE__ */ $(B, { children: [/* @__PURE__ */ Q(Ce, { children: /* @__PURE__ */ $(we, { children: [
+					/* @__PURE__ */ Q(H, {
 						className: "w-[140px]",
 						children: "Tool"
 					}),
-					/* @__PURE__ */ Q(W, {
+					/* @__PURE__ */ Q(H, {
 						className: "w-[140px]",
 						children: "Action"
 					}),
-					/* @__PURE__ */ Q(W, {
+					/* @__PURE__ */ Q(H, {
 						className: "w-[120px]",
 						children: "Object"
 					}),
-					/* @__PURE__ */ Q(W, {
+					/* @__PURE__ */ Q(H, {
 						className: "w-[110px]",
 						children: "Status"
 					}),
-					/* @__PURE__ */ Q(W, {
+					/* @__PURE__ */ Q(H, {
 						className: "w-[110px]",
 						children: "Proposed"
 					}),
-					/* @__PURE__ */ Q(W, {
+					/* @__PURE__ */ Q(H, {
 						className: "w-[260px] text-right",
 						children: "Decision"
 					})
-				] }) }), /* @__PURE__ */ Q(be, { children: F.map((e) => {
+				] }) }), /* @__PURE__ */ Q(Se, { children: I.map((e) => {
 					let t = e.status === "pending", n = T === e.id;
-					return /* @__PURE__ */ $(K, { children: [
-						/* @__PURE__ */ Q(U, {
+					return /* @__PURE__ */ $(we, { children: [
+						/* @__PURE__ */ Q(V, {
 							className: "font-mono text-xs",
 							children: e.tool_name
 						}),
-						/* @__PURE__ */ Q(U, {
+						/* @__PURE__ */ Q(V, {
 							className: "text-sm",
 							children: e.action_name
 						}),
-						/* @__PURE__ */ Q(U, {
+						/* @__PURE__ */ Q(V, {
 							className: "text-sm",
 							children: e.object_name
 						}),
-						/* @__PURE__ */ Q(U, { children: /* @__PURE__ */ Q(ra, { status: e.status }) }),
-						/* @__PURE__ */ Q(U, {
+						/* @__PURE__ */ Q(V, { children: /* @__PURE__ */ Q(ua, { status: e.status }) }),
+						/* @__PURE__ */ Q(V, {
 							className: "text-xs text-muted-foreground",
 							children: /* @__PURE__ */ $("span", {
 								className: "inline-flex items-center gap-1",
 								children: [
 									/* @__PURE__ */ Q(He, { className: "h-3 w-3" }),
 									" ",
-									ia(e.proposed_at)
+									da(e.proposed_at)
 								]
 							})
 						}),
-						/* @__PURE__ */ Q(U, {
+						/* @__PURE__ */ Q(V, {
 							className: "text-right",
 							children: /* @__PURE__ */ $("div", {
 								className: "inline-flex gap-1.5",
@@ -3934,9 +4172,9 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 									size: "sm",
 									variant: "default",
 									disabled: n,
-									onClick: () => void R(e.id),
+									onClick: () => void ae(e.id),
 									"data-testid": `ai-inbox-approve-${e.id}`,
-									children: [/* @__PURE__ */ Q(Y, { className: "h-3.5 w-3.5 mr-1" }), n ? "Working…" : "Approve"]
+									children: [/* @__PURE__ */ Q(J, { className: "h-3.5 w-3.5 mr-1" }), n ? "Working…" : "Approve"]
 								}), /* @__PURE__ */ $(v, {
 									size: "sm",
 									variant: "destructive",
@@ -3962,127 +4200,127 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 				children: [/* @__PURE__ */ $(C, {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ Q(Me, { className: "h-4 w-4" }),
+						/* @__PURE__ */ Q(Ne, { className: "h-4 w-4" }),
 						" ",
 						o
 					]
 				}), s ? /* @__PURE__ */ Q(x, { children: s }) : null]
-			}), /* @__PURE__ */ Q(b, { children: oe })]
+			}), /* @__PURE__ */ Q(b, { children: se })]
 		}) : /* @__PURE__ */ Q("div", {
 			className: c,
-			children: oe
+			children: se
 		}),
-		/* @__PURE__ */ Q(he, {
+		/* @__PURE__ */ Q(ge, {
 			open: !!d,
 			onOpenChange: (e) => {
 				e || m(null);
 			},
-			children: /* @__PURE__ */ $(ge, {
+			children: /* @__PURE__ */ $(_e, {
 				className: "sm:max-w-[560px] overflow-y-auto",
-				children: [/* @__PURE__ */ $(V, { children: [/* @__PURE__ */ $(ve, {
+				children: [/* @__PURE__ */ $(ye, { children: [/* @__PURE__ */ $(be, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ Q(Me, { className: "h-4 w-4" }), L ? L.action_name : "Pending action"]
-				}), /* @__PURE__ */ Q(_e, { children: L ? /* @__PURE__ */ $(Z, { children: [
+					children: [/* @__PURE__ */ Q(Ne, { className: "h-4 w-4" }), R ? R.action_name : "Pending action"]
+				}), /* @__PURE__ */ Q(ve, { children: R ? /* @__PURE__ */ $(Z, { children: [
 					"Tool ",
 					/* @__PURE__ */ Q("code", {
 						className: "text-xs",
-						children: L.tool_name
+						children: R.tool_name
 					}),
 					" on",
 					" ",
 					/* @__PURE__ */ Q("code", {
 						className: "text-xs",
-						children: L.object_name
+						children: R.object_name
 					})
-				] }) : "Loading…" })] }), L ? /* @__PURE__ */ $("div", {
+				] }) : "Loading…" })] }), R ? /* @__PURE__ */ $("div", {
 					className: "px-4 space-y-4 mt-4",
 					children: [
 						/* @__PURE__ */ $("div", {
 							className: "grid grid-cols-2 gap-3 text-sm",
 							children: [
-								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
+								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(z, {
 									className: "text-xs text-muted-foreground",
 									children: "Status"
 								}), /* @__PURE__ */ Q("div", {
 									className: "mt-1",
-									children: /* @__PURE__ */ Q(ra, { status: L.status })
+									children: /* @__PURE__ */ Q(ua, { status: R.status })
 								})] }),
-								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
+								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(z, {
 									className: "text-xs text-muted-foreground",
 									children: "Proposed"
 								}), /* @__PURE__ */ Q("div", {
 									className: "mt-1 text-xs",
-									children: ia(L.proposed_at)
+									children: da(R.proposed_at)
 								})] }),
-								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
+								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(z, {
 									className: "text-xs text-muted-foreground",
 									children: "Proposed by"
 								}), /* @__PURE__ */ Q("div", {
 									className: "mt-1 text-xs font-mono break-all",
-									children: L.proposed_by ?? "—"
+									children: R.proposed_by ?? "—"
 								})] }),
-								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
+								/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(z, {
 									className: "text-xs text-muted-foreground",
 									children: "Decided by"
 								}), /* @__PURE__ */ Q("div", {
 									className: "mt-1 text-xs font-mono break-all",
-									children: L.decided_by ?? "—"
+									children: R.decided_by ?? "—"
 								})] }),
-								L.conversation_id ? /* @__PURE__ */ $("div", {
+								R.conversation_id ? /* @__PURE__ */ $("div", {
 									className: "col-span-2",
-									children: [/* @__PURE__ */ Q(B, {
+									children: [/* @__PURE__ */ Q(z, {
 										className: "text-xs text-muted-foreground",
 										children: "Conversation"
 									}), /* @__PURE__ */ Q("div", {
 										className: "mt-1 text-xs font-mono break-all",
-										children: L.conversation_id
+										children: R.conversation_id
 									})]
 								}) : null
 							]
 						}),
-						/* @__PURE__ */ Q(me, {}),
-						/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
+						/* @__PURE__ */ Q(he, {}),
+						/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(z, {
 							className: "text-xs",
 							children: "Tool input"
 						}), /* @__PURE__ */ Q("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ Q(oa, { value: aa(L.tool_input) })
+							children: /* @__PURE__ */ Q(pa, { value: fa(R.tool_input) })
 						})] }),
-						L.result ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
+						R.result ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(z, {
 							className: "text-xs",
 							children: "Result"
 						}), /* @__PURE__ */ Q("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ Q(oa, { value: aa(L.result) })
+							children: /* @__PURE__ */ Q(pa, { value: fa(R.result) })
 						})] }) : null,
-						L.error ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
+						R.error ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(z, {
 							className: "text-xs text-destructive",
 							children: "Error"
 						}), /* @__PURE__ */ Q("div", {
 							className: "mt-1.5",
-							children: /* @__PURE__ */ Q(oa, { value: L.error })
+							children: /* @__PURE__ */ Q(pa, { value: R.error })
 						})] }) : null,
-						L.rejection_reason ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
+						R.rejection_reason ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(z, {
 							className: "text-xs",
 							children: "Rejection reason"
 						}), /* @__PURE__ */ Q("div", {
 							className: "mt-1.5 text-sm",
-							children: L.rejection_reason
+							children: R.rejection_reason
 						})] }) : null,
-						L.status === "pending" ? /* @__PURE__ */ $("div", {
+						R.status === "pending" ? /* @__PURE__ */ $("div", {
 							className: "pt-2 flex gap-2",
 							children: [/* @__PURE__ */ $(v, {
 								size: "sm",
-								onClick: () => void R(L.id),
-								disabled: T === L.id,
-								children: [/* @__PURE__ */ Q(Y, { className: "h-3.5 w-3.5 mr-1" }), "Approve & Execute"]
+								onClick: () => void ae(R.id),
+								disabled: T === R.id,
+								children: [/* @__PURE__ */ Q(J, { className: "h-3.5 w-3.5 mr-1" }), "Approve & Execute"]
 							}), /* @__PURE__ */ $(v, {
 								size: "sm",
 								variant: "destructive",
 								onClick: () => {
-									g(L.id), w("");
+									g(R.id), w("");
 								},
-								disabled: T === L.id,
+								disabled: T === R.id,
 								children: [/* @__PURE__ */ Q(X, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
 							})]
 						}) : null
@@ -4090,17 +4328,17 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 				}) : null]
 			})
 		}),
-		/* @__PURE__ */ Q(he, {
+		/* @__PURE__ */ Q(ge, {
 			open: !!h,
 			onOpenChange: (e) => {
 				e || (g(null), w(""));
 			},
-			children: /* @__PURE__ */ $(ge, {
+			children: /* @__PURE__ */ $(_e, {
 				side: "bottom",
 				className: "max-h-[40vh]",
-				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", {
+				children: [/* @__PURE__ */ $(ye, { children: [/* @__PURE__ */ Q(be, { children: "Reject this action?" }), /* @__PURE__ */ Q(ve, { 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__ */ Q(Ce, {
+					children: [/* @__PURE__ */ Q(Te, {
 						value: _,
 						onChange: (e) => w(e.target.value),
 						placeholder: "Optional reason (e.g. 'Wrong record id — please confirm with the user first.')",
@@ -4118,7 +4356,7 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 						}), /* @__PURE__ */ $(v, {
 							variant: "destructive",
 							size: "sm",
-							onClick: () => h && void z(h, _),
+							onClick: () => h && void oe(h, _),
 							disabled: !h || T === h,
 							"data-testid": "ai-inbox-reject-confirm",
 							children: [/* @__PURE__ */ Q(X, { className: "h-3.5 w-3.5 mr-1" }), "Reject"]
@@ -4131,14 +4369,14 @@ function ca({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 }
 //#endregion
 //#region src/useHitlInChat.ts
-function la(e) {
+function ga(e) {
 	return !e || e.length === 0 ? "/api/v1/ai" : e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function ua(e, t) {
+function _a(e, t) {
 	let n = { ...e ?? {} };
 	return t && (n["Content-Type"] = "application/json"), n;
 }
-async function da(e) {
+async function va(e) {
 	let t = await e.text();
 	if (!t) return null;
 	try {
@@ -4147,8 +4385,8 @@ async function da(e) {
 		return { raw: t };
 	}
 }
-function fa(t) {
-	let { messages: n, apiBase: r, headers: i, onDecided: a, continueConversation: o } = t, s = la(r), c = e.useMemo(() => {
+function ya(t) {
+	let { messages: n, apiBase: r, headers: i, onDecided: a, continueConversation: o } = t, s = ga(r), c = e.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) {
 			let n = t.toolInvocations ?? [];
@@ -4191,9 +4429,9 @@ function fa(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: ua(i, !0),
+					headers: _a(i, !0),
 					body: c
-				}), f = await da(d) ?? {};
+				}), f = await va(d) ?? {};
 				if (!d.ok) {
 					let t = typeof f.error == "string" ? f.error : `Approval failed: HTTP ${d.status}`;
 					m(e, {
@@ -4220,7 +4458,7 @@ function fa(t) {
 					state: "success",
 					message: `Status: ${p}`
 				}), h = !0), a?.(e, f), h && o) {
-					let r = pa({
+					let r = ba({
 						approved: t,
 						status: p,
 						toolName: u,
@@ -4255,24 +4493,24 @@ function fa(t) {
 		isDeciding: f
 	};
 }
-function pa(e) {
+function ba(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 : ma(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 : xa(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 : ma(JSON.stringify(e ?? {}), 400)}. Apologize concisely and offer alternatives.`;
+		return `${s} The \`${r}\` call was approved but execution failed: ${typeof e == "string" ? e : xa(JSON.stringify(e ?? {}), 400)}. Apologize concisely and offer alternatives.`;
 	}
 }
-function ma(e, t) {
+function xa(e, t) {
 	return e.length <= t ? e : `${e.slice(0, t - 1)}…`;
 }
 //#endregion
 //#region src/index.tsx
-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) => {
+var Sa = 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) {
@@ -4287,10 +4525,10 @@ var ha = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 	};
 	return /* @__PURE__ */ $("div", {
 		ref: p,
-		className: J("flex flex-col border rounded-lg bg-background overflow-hidden", t),
+		className: q("flex flex-col border rounded-lg bg-background overflow-hidden", t),
 		style: { maxHeight: d },
 		...f,
-		children: [/* @__PURE__ */ Q(se, {
+		children: [/* @__PURE__ */ Q(ce, {
 			ref: g,
 			className: "flex-1 p-4",
 			children: /* @__PURE__ */ Q("div", {
@@ -4298,7 +4536,7 @@ var ha = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 				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__ */ Q(ga, {
+				}) : n.map((e) => /* @__PURE__ */ Q(Ca, {
 					message: e,
 					showTimestamp: o,
 					userAvatarUrl: s,
@@ -4311,7 +4549,7 @@ var ha = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 			className: "border-t p-4",
 			children: /* @__PURE__ */ $("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ Q(oe, {
+				children: [/* @__PURE__ */ Q(se, {
 					ref: _,
 					value: m,
 					onChange: (e) => h(e.target.value),
@@ -4329,8 +4567,8 @@ var ha = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 		})]
 	});
 });
-ha.displayName = "Chatbot";
-var ga = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
+Sa.displayName = "Chatbot";
+var Ca = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback: r, assistantAvatarUrl: i, assistantAvatarFallback: a }) => {
 	let o = e.role === "user";
 	if (e.role === "system") return /* @__PURE__ */ Q("div", {
 		className: "flex justify-center",
@@ -4341,7 +4579,7 @@ var ga = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback:
 	});
 	let s = o ? e.avatar || n : e.avatar || i, c = o ? e.avatarFallback || r : e.avatarFallback || a;
 	return /* @__PURE__ */ $("div", {
-		className: J("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
+		className: q("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
 		children: [/* @__PURE__ */ $(m, {
 			className: "h-8 w-8",
 			children: [/* @__PURE__ */ Q(g, { src: s }), /* @__PURE__ */ Q(h, {
@@ -4349,9 +4587,9 @@ var ga = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback:
 				children: c
 			})]
 		}), /* @__PURE__ */ $("div", {
-			className: J("flex flex-col gap-1", o ? "items-end" : "items-start"),
+			className: q("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"),
+				className: q("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
@@ -4362,9 +4600,9 @@ var ga = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback:
 			})]
 		})]
 	});
-}, _a = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ $("div", {
+}, wa = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ $("div", {
 	ref: i,
-	className: J("flex gap-3", e),
+	className: q("flex gap-3", e),
 	...r,
 	children: [/* @__PURE__ */ $(m, {
 		className: "h-8 w-8",
@@ -4384,6 +4622,6 @@ var ga = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback:
 		})
 	})]
 }));
-_a.displayName = "TypingIndicator";
+wa.displayName = "TypingIndicator";
 //#endregion
-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 };
+export { nn as AGENT_ALIAS_GROUPS, ia as AIElements, ha as AiPendingActionsInbox, Sa as Chatbot, Li as ChatbotEnhanced, ta as FloatingChatbot, kn as FloatingChatbotPanel, _n as FloatingChatbotProvider, Cn as FloatingChatbotTrigger, un as PLATFORM_DEFAULT_AGENT, wa as TypingIndicator, rn as agentAliasGroup, an as agentRouteName, Kt as buildProgressFromDraftReview, Wt as detectDraftResult, Ht as detectProposedPlan, jn as humanizeToolName, ln as isAskAgent, cn as isBuildAgent, sn as isBuiltinAgentName, Oi as publishHealthFromResponse, on as resolveAgentParam, dn as resolveDefaultAgentName, Nn as summarizeChatError, Zt as uiMessageToChatMessage, Qt as uiMessagesToChatMessages, Mn as unwrapToolResult, pn as useAgents, hn as useAiModels, vn as useFloatingChatbot, ya as useHitlInChat, tn as useObjectChat, ca as usePendingActions };