@object-ui/plugin-chatbot 15.0.0 → 16.1.0

package/dist/index.js

@@ -1,7 +1,7 @@
 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 P, 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 z, Label as B, ScrollArea as se, ScrollBar as ce, Select as le, SelectContent as ue, SelectItem as de, SelectTrigger as fe, SelectValue as pe, Separator as me, Sheet as he, SheetContent as ge, SheetDescription as _e, SheetHeader as ve, SheetTitle as ye, Skeleton as be, Table as xe, TableBody as Se, TableCell as V, TableHead as H, TableHeader as Ce, TableRow as we, Tabs as U, TabsList as Te, TabsTrigger as W, Textarea as Ee, Tooltip as De, TooltipContent as Oe, TooltipProvider as G, TooltipTrigger as K, 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, Hourglass as Qe, ImageIcon as $e, Inbox as et, Loader2 as tt, Loader2Icon as nt, Maximize2 as rt, MicIcon as it, Minimize2 as at, PaperclipIcon as ot, PlusIcon as st, RefreshCw as ct, Rocket as lt, Send as ut, ShieldCheck as dt, Sparkles as ft, SquareIcon as pt, Table2 as mt, TriangleAlert as ht, WifiOff as gt, WrenchIcon as _t, X as vt, XCircle as X, XCircleIcon as yt, XIcon as bt } 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 ee, DropdownMenuContent as P, 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 z, Label as B, ScrollArea as V, ScrollBar as H, Select as se, SelectContent as ce, SelectItem as le, SelectTrigger as ue, SelectValue as de, Separator as fe, Sheet as pe, SheetContent as me, SheetDescription as he, SheetHeader as ge, SheetTitle as _e, Skeleton as ve, Table as ye, TableBody as be, TableCell as U, TableHead as W, TableHeader as xe, TableRow as Se, Tabs as Ce, TabsList as we, TabsTrigger as Te, Textarea as Ee, Tooltip as De, TooltipContent as Oe, TooltipProvider as G, TooltipTrigger as ke, cn as K } from "@object-ui/components";
+import { AlertCircle as Ae, ArrowDownIcon as je, ArrowRight as Me, BookIcon as Ne, Bot as Pe, BrainIcon as Fe, Check as Ie, CheckCircle2 as q, CheckCircleIcon as Le, CheckIcon as Re, ChevronDownIcon as ze, ChevronLeftIcon as Be, ChevronRightIcon as J, CircleIcon as Ve, ClipboardList as He, Clock as Ue, Clock3 as We, ClockIcon as Ge, Copy as Ke, CopyIcon as qe, CornerDownLeft as Je, CornerDownLeftIcon as Ye, Eye as Xe, GitCompareArrows as Ze, HelpCircle as Qe, Hourglass as $e, ImageIcon as et, Inbox as tt, Loader2 as nt, Loader2Icon as rt, Maximize2 as it, MicIcon as at, Minimize2 as ot, PaperclipIcon as st, PlusIcon as ct, RefreshCw as lt, Rocket as ut, Send as dt, ShieldCheck as ft, Sparkles as pt, SquareIcon as mt, Table2 as ht, TriangleAlert as gt, WifiOff as _t, WrenchIcon as vt, X as Y, XCircle as X, XCircleIcon as yt, XIcon as bt } from "lucide-react";
 import { Fragment as Z, jsx as Q, jsxs as $ } from "react/jsx-runtime";
 import { useChat as xt } from "@ai-sdk/react";
 import { DefaultChatTransport as St } from "ai";
@@ -446,90 +446,87 @@ function un(e = {}) {
 		A.current = j, (e === "streaming" || e === "submitted") && j === "ready" && an();
 	}, [j]);
 	let [M, N] = d(() => ln(n)), [ee, P] = d(!1), [F, I] = d(""), [te, ne] = d(""), L = u(null);
-	if (c(() => () => {
+	c(() => () => {
 		L.current &&= (clearTimeout(L.current), null);
-	}, []), S) {
-		let { messages: e, status: t, error: n, sendMessage: r, regenerate: i, stop: a, setMessages: s } = k, c = t === "submitted" || t === "streaming", l = nn(e, { isStreaming: c }).map((t, n) => ({
-			...t,
-			metadata: e[n]?.metadata
-		}));
-		return {
-			messages: l,
-			isLoading: c,
-			error: n,
-			sendMessage: o((e) => {
-				let t = e.trim();
-				if (!t) return;
-				let n = [...l, {
-					id: Rt("msg"),
-					role: "user",
-					content: t
-				}];
-				r({ text: t }), ne(""), x?.(t, n);
-			}, [
-				r,
-				x,
-				l
-			]),
-			stop: a,
-			reload: i,
-			clear: o(() => {
-				s([]);
-			}, [s]),
-			setMessages: s,
-			isApiMode: !0,
-			input: te,
-			setInput: ne,
-			handleInputChange: o((e) => {
-				ne(e.target.value);
-			}, [])
-		};
-	}
-	let re = o(() => {
+	}, []);
+	let { messages: re, status: ie, error: R, sendMessage: ae, regenerate: oe, stop: z, setMessages: B } = k, V = ie === "submitted" || ie === "streaming", H = nn(re, { isStreaming: V }).map((e, t) => ({
+		...e,
+		metadata: re[t]?.metadata
+	})), se = o((e) => {
+		let t = e.trim();
+		if (!t) return;
+		let n = [...H, {
+			id: Rt("msg"),
+			role: "user",
+			content: t
+		}];
+		ae({ text: t }), ne(""), x?.(t, n);
+	}, [
+		ae,
+		x,
+		H
+	]), ce = o(() => {
+		B([]);
+	}, [B]), le = o((e) => {
+		ne(e.target.value);
+	}, []), ue = o(() => {
 		L.current &&= (clearTimeout(L.current), null), P(!1);
+	}, []), de = o((e) => {
+		if (!e.trim()) return;
+		let t = {
+			id: Rt("msg"),
+			role: "user",
+			content: e.trim(),
+			timestamp: _ ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
+		};
+		N((n) => {
+			let r = [...n, t];
+			return x?.(e.trim(), r), r;
+		}), I(""), v && (P(!0), L.current = setTimeout(() => {
+			let e = {
+				id: Rt("msg"),
+				role: "assistant",
+				content: y || "Thank you for your message!",
+				timestamp: _ ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
+			};
+			N((t) => [...t, e]), P(!1);
+		}, b));
+	}, [
+		_,
+		v,
+		y,
+		b,
+		x
+	]), fe = o(() => {}, []), pe = o(() => {
+		ue(), N([]);
+	}, [ue]), me = o((e) => {
+		I(e.target.value);
 	}, []);
-	return {
+	return S ? {
+		messages: H,
+		isLoading: V,
+		error: R,
+		sendMessage: se,
+		stop: z,
+		reload: oe,
+		clear: ce,
+		setMessages: B,
+		isApiMode: !0,
+		input: te,
+		setInput: ne,
+		handleInputChange: le
+	} : {
 		messages: M,
 		isLoading: ee,
 		error: void 0,
-		sendMessage: o((e) => {
-			if (!e.trim()) return;
-			let t = {
-				id: Rt("msg"),
-				role: "user",
-				content: e.trim(),
-				timestamp: _ ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
-			};
-			N((n) => {
-				let r = [...n, t];
-				return x?.(e.trim(), r), r;
-			}), I(""), v && (P(!0), L.current = setTimeout(() => {
-				let e = {
-					id: Rt("msg"),
-					role: "assistant",
-					content: y || "Thank you for your message!",
-					timestamp: _ ? (/* @__PURE__ */ new Date()).toLocaleTimeString() : void 0
-				};
-				N((t) => [...t, e]), P(!1);
-			}, b));
-		}, [
-			_,
-			v,
-			y,
-			b,
-			x
-		]),
-		stop: re,
-		reload: o(() => {}, []),
-		clear: o(() => {
-			re(), N([]);
-		}, [re]),
+		sendMessage: de,
+		stop: ue,
+		reload: fe,
+		clear: pe,
 		isApiMode: !1,
 		input: F,
 		setInput: I,
-		handleInputChange: o((e) => {
-			I(e.target.value);
-		}, [])
+		handleInputChange: me
 	};
 }
 //#endregion
@@ -726,15 +723,11 @@ function Mn() {
 //#endregion
 //#region src/FloatingChatbotTrigger.tsx
 function Nn() {
-	try {
-		let { t: e } = Tt();
-		return (t, n) => {
-			let r = e(`common.${t}`);
-			return !r || r === `common.${t}` ? n : r;
-		};
-	} catch {
-		return (e, t) => t;
-	}
+	let { t: e } = Tt();
+	return (t, n) => {
+		let r = e(`common.${t}`);
+		return !r || r === `common.${t}` ? n : r;
+	};
 }
 var Pn = {
 	32: "size-8",
@@ -759,11 +752,11 @@ function Ln({ position: e = "bottom-right", size: t = 56, className: n }) {
 	let { isOpen: r, toggle: i } = Mn(), a = Nn();
 	return /* @__PURE__ */ Q(v, {
 		onClick: i,
-		className: q("fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105", In(t), r && "hidden", e === "bottom-right" ? "right-6 bottom-20 sm:bottom-6" : "left-6 bottom-20 sm:bottom-6", n),
+		className: K("fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105", In(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 ? vt : Ne, { className: "h-6 w-6" })
+		children: Q(r ? Y : Pe, { className: "h-6 w-6" })
 	});
 }
 //#endregion
@@ -813,7 +806,7 @@ function Hn(e) {
 function Un({ title: e = "Chat", position: t = "bottom-right", width: n = 400, height: r = 520, children: i, className: a, headerExtra: o, headerActions: s }) {
 	let { isOpen: c, isFullscreen: l, close: u, toggleFullscreen: d } = Mn();
 	return c ? /* @__PURE__ */ $("div", {
-		className: 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)]", Vn(n), Hn(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)]", Vn(n), Hn(r)), a),
+		className: K("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" ? K("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)]", Vn(n), Hn(r)) : K("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)]", Vn(n), Hn(r)), a),
 		role: "dialog",
 		"aria-label": e,
 		"data-testid": "floating-chatbot-panel",
@@ -840,7 +833,7 @@ function Un({ title: e = "Chat", position: t = "bottom-right", width: n = 400, h
 							onClick: d,
 							"aria-label": l ? "Exit fullscreen" : "Fullscreen",
 							"data-testid": "floating-chatbot-fullscreen",
-							children: Q(l ? at : rt, { className: "h-4 w-4" })
+							children: Q(l ? ot : it, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ Q(v, {
 							variant: "ghost",
@@ -849,7 +842,7 @@ function Un({ 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(vt, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ Q(Y, { className: "h-4 w-4" })
 						})
 					]
 				})
@@ -950,16 +943,16 @@ function Qn(e) {
 //#endregion
 //#region src/elements/conversation.tsx
 var $n = ({ className: e, ...t }) => /* @__PURE__ */ Q(Et, {
-	className: q("relative flex-1 overflow-y-hidden", e),
+	className: K("relative flex-1 overflow-y-hidden", e),
 	initial: "smooth",
 	resize: "smooth",
 	role: "log",
 	...t
 }), er = ({ className: e, ...t }) => /* @__PURE__ */ Q(Et.Content, {
-	className: q("flex flex-col gap-8 p-4", e),
+	className: K("flex flex-col gap-8 p-4", e),
 	...t
 }), tr = ({ 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),
+	className: K("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",
@@ -979,13 +972,13 @@ var $n = ({ className: e, ...t }) => /* @__PURE__ */ Q(Et, {
 		r();
 	}, [r]);
 	return !n && /* @__PURE__ */ Q(v, {
-		className: q("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
+		className: K("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", e),
 		onClick: i,
 		size: "icon",
 		type: "button",
 		variant: "outline",
 		...t,
-		children: /* @__PURE__ */ Q(Ae, { className: "size-4" })
+		children: /* @__PURE__ */ Q(je, { className: "size-4" })
 	});
 }, rr = Ot("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: {
@@ -999,27 +992,27 @@ function ir({ className: e, orientation: t, ...n }) {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": t,
-		className: q(rr({ orientation: t }), e),
+		className: K(rr({ orientation: t }), e),
 		...n
 	});
 }
 function ar({ className: e, asChild: t = !1, ...n }) {
 	return /* @__PURE__ */ Q(t ? kt : "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),
+		className: K("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 or = ({ 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),
+	className: K("group flex w-full max-w-[95%] flex-col gap-2", t === "user" ? "is-user ml-auto justify-end" : "is-assistant", e),
 	...n
 }), sr = ({ 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),
+	className: K("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
 }), cr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q("div", {
-	className: q("flex items-center gap-1", e),
+	className: K("flex items-center gap-1", e),
 	...n,
 	children: t
 }), lr = ({ tooltip: e, children: t, label: n, variant: r = "ghost", size: i = "icon", ...a }) => {
@@ -1033,7 +1026,7 @@ var or = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 			children: n || e
 		})]
 	});
-	return e ? /* @__PURE__ */ Q(G, { children: /* @__PURE__ */ $(De, { children: [/* @__PURE__ */ Q(K, {
+	return e ? /* @__PURE__ */ Q(G, { children: /* @__PURE__ */ $(De, { children: [/* @__PURE__ */ Q(ke, {
 		asChild: !0,
 		children: o
 	}), /* @__PURE__ */ Q(Oe, { children: /* @__PURE__ */ Q("p", { children: e }) })] }) }) : o;
@@ -1061,7 +1054,7 @@ var or = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 	return /* @__PURE__ */ Q(ur.Provider, {
 		value: l,
 		children: /* @__PURE__ */ Q("div", {
-			className: q("grid w-full gap-2 [&>div]:pb-0", n),
+			className: K("grid w-full gap-2 [&>div]:pb-0", n),
 			...r
 		})
 	});
@@ -1074,7 +1067,7 @@ var or = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 		i,
 		r
 	]), a.map((e, r) => /* @__PURE__ */ Q("div", {
-		className: q("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
+		className: K("grid gap-2 overflow-hidden [&>div]:pb-0", r === n ? "block" : "hidden"),
 		...t,
 		children: e
 	}, e.key));
@@ -1095,7 +1088,7 @@ var or = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 		type: "button",
 		variant: "ghost",
 		...t,
-		children: e ?? /* @__PURE__ */ Q(Re, { size: 14 })
+		children: e ?? /* @__PURE__ */ Q(Be, { size: 14 })
 	});
 }, gr = ({ children: e, className: t, ...n }) => {
 	let { goToNext: r, totalBranches: i } = dr();
@@ -1107,12 +1100,12 @@ var or = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 		type: "button",
 		variant: "ghost",
 		...n,
-		children: e ?? /* @__PURE__ */ Q(ze, { size: 14 })
+		children: e ?? /* @__PURE__ */ Q(J, { size: 14 })
 	});
 }, _r = ({ className: e, ...t }) => {
 	let { currentBranch: n, totalBranches: r } = dr();
 	return /* @__PURE__ */ $(ar, {
-		className: q("border-none bg-transparent text-muted-foreground shadow-none", e),
+		className: K("border-none bg-transparent text-muted-foreground shadow-none", e),
 		...t,
 		children: [
 			n + 1,
@@ -1121,14 +1114,14 @@ var or = ({ className: e, from: t, ...n }) => /* @__PURE__ */ Q("div", {
 		]
 	});
 }, vr = a(({ className: e, ...t }) => /* @__PURE__ */ Q(At, {
-	className: q("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
+	className: K("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e),
 	...t
 }), (e, t) => e.children === t.children);
 vr.displayName = "MessageResponse";
 function yr({ 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: q("group relative size-24 overflow-hidden rounded-lg", t),
+		className: K("group relative size-24 overflow-hidden rounded-lg", t),
 		...r,
 		children: a ? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("img", {
 			alt: i || "attachment",
@@ -1148,11 +1141,11 @@ function yr({ data: e, className: t, onRemove: n, ...r }) {
 				className: "sr-only",
 				children: "Remove"
 			})]
-		})] }) : /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $(De, { children: [/* @__PURE__ */ Q(K, {
+		})] }) : /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $(De, { children: [/* @__PURE__ */ Q(ke, {
 			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(ot, { className: "size-4" })
+				children: /* @__PURE__ */ Q(st, { className: "size-4" })
 			})
 		}), /* @__PURE__ */ Q(Oe, { children: /* @__PURE__ */ Q("p", { children: o }) })] }), n && /* @__PURE__ */ $(v, {
 			"aria-label": "Remove attachment",
@@ -1171,13 +1164,13 @@ function yr({ data: e, className: t, onRemove: n, ...r }) {
 }
 function br({ children: e, className: t, ...n }) {
 	return e ? /* @__PURE__ */ Q("div", {
-		className: q("ml-auto flex w-fit flex-wrap items-start gap-2", t),
+		className: K("ml-auto flex w-fit flex-wrap items-start gap-2", t),
 		...n,
 		children: e
 	}) : null;
 }
 var xr = ({ className: e, children: t, ...n }) => /* @__PURE__ */ Q("div", {
-	className: q("mt-4 flex w-full items-center justify-between gap-4", e),
+	className: K("mt-4 flex w-full items-center justify-between gap-4", e),
 	...n,
 	children: t
 });
@@ -1187,7 +1180,7 @@ function Sr({ className: e, ...t }) {
 	return /* @__PURE__ */ Q("div", {
 		"data-slot": "input-group",
 		role: "group",
-		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),
+		className: K("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
 	});
 }
@@ -1205,7 +1198,7 @@ function wr({ className: e, align: t = "inline-start", ...n }) {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": t,
-		className: q(Cr({ align: t }), e),
+		className: K(Cr({ align: t }), e),
 		onClick: (e) => {
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		},
@@ -1226,14 +1219,14 @@ function Er({ className: e, type: t = "button", variant: n = "ghost", size: r =
 		type: t,
 		"data-size": r,
 		variant: n,
-		className: q(Tr({ size: r }), e),
+		className: K(Tr({ size: r }), e),
 		...i
 	});
 }
 function Dr({ className: e, ...t }) {
 	return /* @__PURE__ */ Q(Ee, {
 		"data-slot": "input-group-control",
-		className: q("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", e),
+		className: K("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", e),
 		...t
 	});
 }
@@ -1322,7 +1315,7 @@ function Lr({ data: e, className: t, ...n }) {
 	return /* @__PURE__ */ $(ii, { children: [/* @__PURE__ */ Q(oe, {
 		asChild: !0,
 		children: /* @__PURE__ */ $("div", {
-			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),
+			className: K("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",
@@ -1336,7 +1329,7 @@ function Lr({ data: e, className: t, ...n }) {
 						width: 20
 					}) : /* @__PURE__ */ Q("div", {
 						className: "flex size-5 items-center justify-center text-muted-foreground",
-						children: /* @__PURE__ */ Q(ot, { className: "size-3" })
+						children: /* @__PURE__ */ Q(st, { className: "size-3" })
 					})
 				}), /* @__PURE__ */ $(v, {
 					"aria-label": "Remove attachment",
@@ -1388,7 +1381,7 @@ function Lr({ data: e, className: t, ...n }) {
 function Rr({ children: e, className: t, ...r }) {
 	let i = Ir();
 	return i.files.length ? /* @__PURE__ */ Q("div", {
-		className: q("flex flex-wrap items-center gap-2 p-3 w-full", t),
+		className: K("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;
@@ -1401,7 +1394,7 @@ var zr = ({ label: e = "Add photos or files", ...t }) => {
 			e.preventDefault(), n.openFileDialog();
 		},
 		children: [
-			/* @__PURE__ */ Q($e, { className: "mr-2 size-4" }),
+			/* @__PURE__ */ Q(et, { className: "mr-2 size-4" }),
 			" ",
 			e
 		]
@@ -1529,7 +1522,7 @@ var zr = ({ label: e = "Add photos or files", ...t }) => {
 		title: r,
 		type: "file"
 	}), /* @__PURE__ */ Q("form", {
-		className: q("w-full", e),
+		className: K("w-full", e),
 		onSubmit: (e) => {
 			e.preventDefault();
 			let t = e.currentTarget, n = v ? _.textInput.value : new FormData(t).get("message") || "";
@@ -1566,7 +1559,7 @@ var zr = ({ label: e = "Add photos or files", ...t }) => {
 		children: I
 	});
 }, Vr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: q("contents", e),
+	className: K("contents", e),
 	...t
 }), Hr = ({ onChange: e, className: t, placeholder: n = "What would you like to know?", ...r }) => {
 	let i = jr(), a = Ir(), [o, s] = d(!1), c = (e) => {
@@ -1598,7 +1591,7 @@ var zr = ({ label: e = "Add photos or files", ...t }) => {
 		}
 	} : { onChange: e };
 	return /* @__PURE__ */ Q(Dr, {
-		className: q("field-sizing-content max-h-48 min-h-16", t),
+		className: K("field-sizing-content max-h-48 min-h-16", t),
 		name: "message",
 		onCompositionEnd: () => s(!1),
 		onCompositionStart: () => s(!0),
@@ -1610,19 +1603,19 @@ var zr = ({ label: e = "Add photos or files", ...t }) => {
 	});
 }, Ur = ({ className: e, ...t }) => /* @__PURE__ */ Q(wr, {
 	align: "block-end",
-	className: q("order-first flex-wrap gap-1", e),
+	className: K("order-first flex-wrap gap-1", e),
 	...t
 }), Wr = ({ className: e, ...t }) => /* @__PURE__ */ Q(wr, {
 	align: "block-end",
-	className: q("justify-between gap-1", e),
+	className: K("justify-between gap-1", e),
 	...t
 }), Gr = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: q("flex items-center gap-1", e),
+	className: K("flex items-center gap-1", e),
 	...t
 }), Kr = ({ variant: e = "ghost", className: n, size: r, ...i }) => {
 	let a = r ?? (t.count(i.children) > 1 ? "sm" : "icon-sm");
 	return /* @__PURE__ */ Q(Er, {
-		className: q(n),
+		className: K(n),
 		size: a,
 		type: "button",
 		variant: e,
@@ -1633,20 +1626,20 @@ var zr = ({ label: e = "Add photos or files", ...t }) => {
 	children: /* @__PURE__ */ Q(Kr, {
 		className: e,
 		...n,
-		children: t ?? /* @__PURE__ */ Q(st, { className: "size-4" })
+		children: t ?? /* @__PURE__ */ Q(ct, { className: "size-4" })
 	})
 }), Yr = ({ className: e, ...t }) => /* @__PURE__ */ Q(P, {
 	align: "start",
-	className: q(e),
+	className: K(e),
 	...t
 }), Xr = ({ className: e, ...t }) => /* @__PURE__ */ Q(F, {
-	className: q(e),
+	className: K(e),
 	...t
 }), Zr = ({ 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(nt, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ Q(pt, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ Q(bt, { className: "size-4" })), /* @__PURE__ */ Q(Er, {
+	let o = /* @__PURE__ */ Q(Ye, { className: "size-4" });
+	return r === "submitted" ? o = /* @__PURE__ */ Q(rt, { className: "size-4 animate-spin" }) : r === "streaming" ? o = /* @__PURE__ */ Q(mt, { className: "size-4" }) : r === "error" && (o = /* @__PURE__ */ Q(bt, { className: "size-4" })), /* @__PURE__ */ Q(Er, {
 		"aria-label": "Submit",
-		className: q(e),
+		className: K(e),
 		size: n,
 		type: "submit",
 		variant: t,
@@ -1684,23 +1677,23 @@ var zr = ({ label: e = "Add photos or files", ...t }) => {
 		s && (i ? s.stop() : s.start());
 	}, [s, i]);
 	return /* @__PURE__ */ Q(Kr, {
-		className: q("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
+		className: K("relative transition-all duration-200", i && "animate-pulse bg-accent text-accent-foreground", e),
 		disabled: !s,
 		onClick: p,
 		...r,
-		children: /* @__PURE__ */ Q(it, { className: "size-4" })
+		children: /* @__PURE__ */ Q(at, { className: "size-4" })
 	});
-}, $r = (e) => /* @__PURE__ */ Q(le, { ...e }), ei = ({ className: e, ...t }) => /* @__PURE__ */ Q(fe, {
-	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),
+}, $r = (e) => /* @__PURE__ */ Q(se, { ...e }), ei = ({ className: e, ...t }) => /* @__PURE__ */ Q(ue, {
+	className: K("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
-}), ti = ({ className: e, ...t }) => /* @__PURE__ */ Q(ue, {
-	className: q(e),
+}), ti = ({ className: e, ...t }) => /* @__PURE__ */ Q(ce, {
+	className: K(e),
 	...t
-}), ni = ({ className: e, ...t }) => /* @__PURE__ */ Q(de, {
-	className: q(e),
+}), ni = ({ className: e, ...t }) => /* @__PURE__ */ Q(le, {
+	className: K(e),
 	...t
-}), ri = ({ className: e, ...t }) => /* @__PURE__ */ Q(pe, {
-	className: q(e),
+}), ri = ({ className: e, ...t }) => /* @__PURE__ */ Q(de, {
+	className: K(e),
 	...t
 }), ii = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ Q(R, {
 	closeDelay: t,
@@ -1710,53 +1703,53 @@ var zr = ({ label: e = "Add photos or files", ...t }) => {
 	align: e,
 	...t
 }), si = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: q(e),
+	className: K(e),
 	...t
 }), ci = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: q(e),
+	className: K(e),
 	...t
 }), li = ({ className: e, ...t }) => /* @__PURE__ */ Q("h3", {
-	className: q("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
+	className: K("mb-2 px-3 font-medium text-muted-foreground text-xs", e),
 	...t
 }), ui = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: q("space-y-1", e),
+	className: K("space-y-1", e),
 	...t
 }), di = ({ className: e, ...t }) => /* @__PURE__ */ Q("div", {
-	className: q("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
+	className: K("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", e),
 	...t
 }), fi = ({ className: e, ...t }) => /* @__PURE__ */ Q(D, {
-	className: q(e),
+	className: K(e),
 	...t
 }), pi = ({ className: e, ...t }) => /* @__PURE__ */ Q(A, {
-	className: q(e),
+	className: K(e),
 	...t
 }), mi = ({ className: e, ...t }) => /* @__PURE__ */ Q(M, {
-	className: q(e),
+	className: K(e),
 	...t
 }), hi = ({ className: e, ...t }) => /* @__PURE__ */ Q(O, {
-	className: q(e),
+	className: K(e),
 	...t
 }), gi = ({ className: e, ...t }) => /* @__PURE__ */ Q(k, {
-	className: q(e),
+	className: K(e),
 	...t
 }), _i = ({ className: e, ...t }) => /* @__PURE__ */ Q(j, {
-	className: q(e),
+	className: K(e),
 	...t
 }), vi = ({ className: e, ...t }) => /* @__PURE__ */ Q(N, {
-	className: q(e),
+	className: K(e),
 	...t
-}), yi = ({ className: e, children: t, ...n }) => /* @__PURE__ */ $(se, {
+}), yi = ({ className: e, children: t, ...n }) => /* @__PURE__ */ $(V, {
 	className: "w-full overflow-x-auto whitespace-nowrap",
 	...n,
 	children: [/* @__PURE__ */ Q("div", {
-		className: q("flex w-max flex-nowrap items-center gap-2", e),
+		className: K("flex w-max flex-nowrap items-center gap-2", e),
 		children: t
-	}), /* @__PURE__ */ Q(ce, {
+	}), /* @__PURE__ */ Q(H, {
 		className: "hidden",
 		orientation: "horizontal"
 	})]
 }), bi = ({ 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),
+	className: K("cursor-pointer rounded-full px-4", n),
 	onClick: () => {
 		t?.(e);
 	},
@@ -1811,7 +1804,7 @@ var wi = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 	]), /* @__PURE__ */ Q(xi.Provider, {
 		value: { code: e },
 		children: /* @__PURE__ */ Q("div", {
-			className: q("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
+			className: K("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", r),
 			...a,
 			children: /* @__PURE__ */ $("div", {
 				className: "relative",
@@ -1843,9 +1836,9 @@ var wi = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		} catch (e) {
 			t?.(e);
 		}
-	}, f = o ? Ie : Ke;
+	}, f = o ? Re : qe;
 	return /* @__PURE__ */ Q(v, {
-		className: q("shrink-0", i),
+		className: K("shrink-0", i),
 		onClick: u,
 		size: "icon",
 		variant: "ghost",
@@ -1853,17 +1846,17 @@ var wi = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		children: r ?? /* @__PURE__ */ Q(f, { size: 14 })
 	});
 }, Ei = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
-	className: q("not-prose mb-4 w-full rounded-md border", e),
+	className: K("not-prose mb-4 w-full rounded-md border", e),
 	...t
 }), Di = (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(Y, { className: "size-4 text-blue-600" }),
-		"output-available": /* @__PURE__ */ Q(Y, { className: "size-4 text-green-600" }),
+		"input-streaming": /* @__PURE__ */ Q(Ve, { className: "size-4" }),
+		"input-available": /* @__PURE__ */ Q(Ge, { className: "size-4 animate-pulse" }),
+		"approval-requested": /* @__PURE__ */ Q(Ge, { className: "size-4 text-yellow-600" }),
+		"approval-responded": /* @__PURE__ */ Q(Le, { className: "size-4 text-blue-600" }),
+		"output-available": /* @__PURE__ */ Q(Le, { className: "size-4 text-green-600" }),
 		"output-error": /* @__PURE__ */ Q(yt, { className: "size-4 text-red-600" }),
 		"output-denied": /* @__PURE__ */ Q(yt, { className: "size-4 text-orange-600" })
 	}[e], {
@@ -1876,24 +1869,24 @@ var wi = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		"output-denied": "Denied"
 	}[e]]
 }), Oi = ({ 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),
+	className: K("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(_t, { className: "size-4 text-muted-foreground" }),
+			/* @__PURE__ */ Q(vt, { className: "size-4 text-muted-foreground" }),
 			/* @__PURE__ */ Q("span", {
 				className: "font-medium text-sm",
 				children: t ?? n.split("-").slice(1).join("-")
 			}),
 			Di(r)
 		]
-	}), /* @__PURE__ */ Q(Le, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
+	}), /* @__PURE__ */ Q(ze, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
 }), ki = ({ 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),
+	className: K("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
 }), Ai = ({ className: e, input: t, ...n }) => /* @__PURE__ */ $("div", {
-	className: q("space-y-2 overflow-hidden p-4", e),
+	className: K("space-y-2 overflow-hidden p-4", e),
 	...n,
 	children: [/* @__PURE__ */ Q("h4", {
 		className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
@@ -1915,21 +1908,21 @@ var wi = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 		code: t,
 		language: "json"
 	})), /* @__PURE__ */ $("div", {
-		className: q("space-y-2 p-4", e),
+		className: K("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: q("overflow-x-auto rounded-md text-xs [&_table]:w-full", n ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
+			className: K("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]
 		})]
 	});
 }, Mi = a(({ children: e, as: t = "p", className: n, duration: r = 2, spread: i = 2 }) => {
-	let a = Pt.create(t), o = l(() => (e?.length ?? 0) * i, [e, i]);
+	let a = l(() => Pt.create(t), [t]), o = l(() => (e?.length ?? 0) * i, [e, i]);
 	return /* @__PURE__ */ Q(a, {
 		animate: { backgroundPosition: "0% center" },
-		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),
+		className: K("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`,
@@ -1982,7 +1975,7 @@ var wi = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 			duration: f
 		},
 		children: /* @__PURE__ */ Q(w, {
-			className: q("not-prose mb-4", e),
+			className: K("not-prose mb-4", e),
 			onOpenChange: (e) => {
 				u(e);
 			},
@@ -2001,16 +1994,16 @@ var wi = ({ code: e, language: t, showLineNumbers: n = !1, className: r, childre
 ] }), zi = a(({ className: e, children: t, getThinkingMessage: n = Ri, ...r }) => {
 	let { isStreaming: i, isOpen: a, duration: o } = Pi();
 	return /* @__PURE__ */ Q(E, {
-		className: q("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", e),
+		className: K("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(Pe, { className: "size-4" }),
+			/* @__PURE__ */ Q(Fe, { className: "size-4" }),
 			n(i, o),
-			/* @__PURE__ */ Q(Le, { className: q("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
+			/* @__PURE__ */ Q(ze, { className: K("size-4 transition-transform", a ? "rotate-180" : "rotate-0") })
 		] })
 	});
 }), Bi = 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),
+	className: K("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(At, { children: t })
 }));
@@ -2018,10 +2011,10 @@ Li.displayName = "Reasoning", zi.displayName = "ReasoningTrigger", Bi.displayNam
 //#endregion
 //#region src/elements/sources.tsx
 var Vi = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
-	className: q("not-prose mb-4 text-primary text-xs", e),
+	className: K("not-prose mb-4 text-primary text-xs", e),
 	...t
 }), Hi = ({ className: e, count: t, children: n, ...r }) => /* @__PURE__ */ Q(E, {
-	className: q("flex items-center gap-2", e),
+	className: K("flex items-center gap-2", e),
 	...r,
 	children: n ?? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $("p", {
 		className: "font-medium",
@@ -2030,9 +2023,9 @@ var Vi = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
 			t,
 			" sources"
 		]
-	}), /* @__PURE__ */ Q(Le, { className: "h-4 w-4" })] })
+	}), /* @__PURE__ */ Q(ze, { className: "h-4 w-4" })] })
 }), Ui = ({ 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),
+	className: K("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
 }), Wi = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ Q("a", {
 	className: "flex items-center gap-2",
@@ -2040,7 +2033,7 @@ var Vi = ({ className: e, ...t }) => /* @__PURE__ */ Q(w, {
 	rel: "noreferrer",
 	target: "_blank",
 	...r,
-	children: n ?? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q(Me, { className: "h-4 w-4" }), /* @__PURE__ */ Q("span", {
+	children: n ?? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q(Ne, { className: "h-4 w-4" }), /* @__PURE__ */ Q("span", {
 		className: "block font-medium",
 		children: t
 	})] })
@@ -2193,7 +2186,7 @@ function aa({ health: e }) {
 		children: [
 			o.length > 0 ? /* @__PURE__ */ $("div", {
 				className: "flex items-center gap-1.5 text-xs text-emerald-700",
-				children: [/* @__PURE__ */ Q(J, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: o.join(" · ") })]
+				children: [/* @__PURE__ */ Q(q, { 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",
@@ -2205,13 +2198,13 @@ function aa({ 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(ke, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: e.message })]
+				children: [/* @__PURE__ */ Q(Ae, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: e.message })]
 			}, `w${t}`))
 		]
 	});
 }
-var oa = 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,.csv,.tsv,.xlsx,.xlsm", maxFileSize: w = 10 * 1024 * 1024, suggestions: T, labels: E, models: D, selectedModelId: O, onModelChange: k, headerSlot: A, promptOverlaySlot: j, onInputChange: M, onToolApprove: N, toolApproveLabel: ee = "Approve", toolDenyLabel: P = "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: z, publishDraftsLabel: B = "Publish", publishedLabel: se = "Published", verifiedLabel: ce = "Verified", nextStepsLabel: le = "What's next", planTitleLabel: ue = "Proposed plan", builderHandoffTitleLabel: de = "Build this in the Builder", builderHandoffOpenLabel: fe = "Open in Builder →", builderHandoffSupersededTitle: pe = "A newer request is available", onOpenBuilder: me, planExtendLabel: he = "Adding to existing app", planQuestionsLabel: ge = "Confirm before building", planAssumptionsLabel: _e = "Assumptions", planDeferredLabel: ve = "Not yet built", planApproveHintLabel: ye = "Reply to approve or adjust this plan.", planApproveLabel: be = "Build it", planAdjustLabel: xe = "Adjust", planBuiltLabel: Se = "Built", planReadyLabel: V = "The plan is ready. Build it now, or tell me what to adjust.", planApproveMessage: H = "Looks good — build it as proposed.", planApproveDefaultsMessage: Ce = "Build it with your best assumptions; use sensible defaults for the open questions.", planAnswerMessage: we = (e, t) => `For "${e}", go with: ${t}.`, fetchPendingDraftCount: U, autoPublishDrafts: Te = !1, processVisibility: W = "summary", surface: Ee = "card", ...De }, Oe) => {
-	let G = d ? "streaming" : "ready", K = Ee === "plain", [Ae, je] = e.useState(null), Me = e.useRef(""), Pe = e.useRef(null), Y = e.useMemo(() => ({
+var oa = 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,.csv,.tsv,.xlsx,.xlsm", maxFileSize: w = 10 * 1024 * 1024, suggestions: T, labels: E, models: D, selectedModelId: O, onModelChange: k, headerSlot: A, promptOverlaySlot: j, onInputChange: M, onToolApprove: N, toolApproveLabel: ee = "Approve", toolDenyLabel: P = "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", onDesignBuiltApp: R, designBuiltAppLabel: ae = "Design in Studio", getArtifactAction: oe, onPreviewDraftApp: z, previewDraftLabel: B = "Preview", onDraftArtifacts: V, onBuildMaterialized: H, publishDraftsLabel: se = "Publish", publishedLabel: ce = "Published", verifiedLabel: le = "Verified", nextStepsLabel: ue = "What's next", planTitleLabel: de = "Proposed plan", builderHandoffTitleLabel: fe = "Build this in the Builder", builderHandoffOpenLabel: pe = "Open in Builder →", builderHandoffSupersededTitle: me = "A newer request is available", onOpenBuilder: he, planExtendLabel: ge = "Adding to existing app", planQuestionsLabel: _e = "Confirm before building", planAssumptionsLabel: ve = "Assumptions", planDeferredLabel: ye = "Not yet built", planApproveHintLabel: be = "Reply to approve or adjust this plan.", planApproveLabel: U = "Build it", planAdjustLabel: W = "Adjust", planBuiltLabel: xe = "Built", planBuildingLabel: Se = "Building…", planReadyLabel: Ce = "The plan is ready. Build it now, or tell me what to adjust.", planApproveMessage: we = "Looks good — build it as proposed.", planApproveDefaultsMessage: Te = "Build it with your best assumptions; use sensible defaults for the open questions.", planAnswerMessage: Ee = (e, t) => `For "${e}", go with: ${t}.`, fetchPendingDraftCount: De, autoPublishDrafts: Oe = !1, processVisibility: G = "summary", surface: ke = "card", ...je }, Me) => {
+	let Ne = d ? "streaming" : "ready", Fe = ke === "plain", [Le, Re] = e.useState(null), ze = e.useRef(""), Be = e.useRef(null), J = 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",
@@ -2238,54 +2231,54 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 		connectionOfflineLabel: E?.connectionOfflineLabel ?? "Connection lost — reconnecting…",
 		designingPlanLabel: E?.designingPlanLabel ?? "Designing your app…",
 		designingPlanHints: E?.designingPlanHints ?? ha
-	}), [E]), [Ie, Le] = e.useState(() => /* @__PURE__ */ new Set()), [Re, ze] = e.useState(() => /* @__PURE__ */ new Map()), [Be, He] = e.useState(() => /* @__PURE__ */ new Map()), Ue = e.useRef(/* @__PURE__ */ new Set()), We = e.useCallback(async (e) => {
-		if (U) try {
-			let t = await U(e);
-			He((n) => {
+	}), [E]), [Ve, Ue] = e.useState(() => /* @__PURE__ */ new Set()), [We, Ge] = e.useState(() => /* @__PURE__ */ new Map()), [qe, Ye] = e.useState(() => /* @__PURE__ */ new Map()), et = e.useRef(/* @__PURE__ */ new Set()), tt = e.useCallback(async (e) => {
+		if (De) try {
+			let t = await De(e);
+			Ye((n) => {
 				if (n.get(e) === t) return n;
 				let r = new Map(n);
 				return r.set(e, t), r;
 			});
 		} catch {}
-	}, [U]);
+	}, [De]);
 	e.useEffect(() => {
-		if (!U || d) return;
+		if (!De || 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 && !Ue.current.has(r) && (Ue.current.add(r), e.add(t));
+			t && r && !et.current.has(r) && (et.current.add(r), e.add(t));
 		}
-		for (let t of e) We(t);
+		for (let t of e) tt(t);
 	}, [
 		n,
 		d,
-		U,
-		We
+		De,
+		tt
 	]);
-	let Ke = e.useCallback(async (e) => {
+	let rt = 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 L(e), i = r && typeof r == "object" ? r : void 0;
 		if ((i ? i.ok !== !1 : r !== !1) && t.length > 0) {
-			Le((e) => {
+			Ue((e) => {
 				let n = new Set(e);
 				for (let e of t) n.add(e);
 				return n;
 			});
 			let e = i?.health;
-			e && ze((n) => {
+			e && Ge((n) => {
 				let r = new Map(n);
 				for (let n of t) r.set(n, e);
 				return r;
 			});
 		}
-		We(e);
+		tt(e);
 	}, [
 		L,
 		n,
-		We
-	]), Je = e.useRef(/* @__PURE__ */ new Set()), $e = e.useRef(!1);
+		tt
+	]), it = e.useRef(/* @__PURE__ */ new Set()), at = e.useRef(!1);
 	e.useEffect(() => {
 		let e = [];
 		for (let t of n) for (let n of t.toolInvocations ?? []) {
@@ -2295,27 +2288,27 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 				packageId: t.packageId
 			});
 		}
-		if (!$e.current) {
-			$e.current = !0;
-			for (let t of e) Je.current.add(t.key);
+		if (!at.current) {
+			at.current = !0;
+			for (let t of e) it.current.add(t.key);
 			return;
 		}
-		if (!Te || !L || d) return;
-		let t = e.filter((e) => !Je.current.has(e.key));
+		if (!Oe || !L || d) return;
+		let t = e.filter((e) => !it.current.has(e.key));
 		if (t.length !== 0) {
-			for (let e of t) Je.current.add(e.key);
-			for (let e of [...new Set(t.map((e) => e.packageId))]) Ke(e);
+			for (let e of t) it.current.add(e.key);
+			for (let e of [...new Set(t.map((e) => e.packageId))]) rt(e);
 		}
 	}, [
 		n,
 		d,
-		Te,
+		Oe,
 		L,
-		Ke
+		rt
 	]);
-	let et = e.useRef(/* @__PURE__ */ new Set());
+	let ot = e.useRef(/* @__PURE__ */ new Set());
 	e.useEffect(() => {
-		if (!oe) return;
+		if (!V) 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);
@@ -2325,47 +2318,57 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 				r?.packageId && r.items?.some((e) => e.type === "app") && (t = r.packageId);
 			}
 		}
-		let r = et.current, i = !1;
+		let r = ot.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 tt = e.useRef(/* @__PURE__ */ new Set());
+		i && V([...e.values()], t);
+	}, [n, V]);
+	let st = e.useRef(/* @__PURE__ */ new Set());
 	e.useEffect(() => {
-		if (z) for (let e of n) for (let t of e.toolInvocations ?? []) {
+		if (H) 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 || tt.current.has(t.toolCallId) || (tt.current.add(t.toolCallId), z(n.name));
+			!n || st.current.has(t.toolCallId) || (st.current.add(t.toolCallId), H(n.name));
 		}
-	}, [n, z]);
-	let nt = e.useCallback((e) => {
+	}, [n, H]);
+	let ct = e.useCallback((e) => {
 		let t = !!e.text?.trim(), n = e.files?.map((e) => e.file).filter(Boolean), r = !!(n && n.length > 0);
 		if (!(t || r)) return;
 		let a = e.text?.trim() ?? "";
-		Me.current = a, Pe.current = null, i?.(a, n);
-	}, [i]), rt = e.useCallback((e) => {
-		i?.(e);
-	}, [i]), it = e.useRef(null), at = e.useCallback((e) => {
-		i?.(e ? Ce : H);
+		ze.current = a, Be.current = null, Y.current = null, i?.(a, n);
+	}, [i]), dt = e.useCallback((e) => {
+		Y.current = null, i?.(e);
+	}, [i]), mt = e.useRef(null), [_t, vt] = e.useState(() => /* @__PURE__ */ new Set()), Y = e.useRef(null), yt = e.useCallback((e, t) => {
+		t && (Y.current = t, vt((e) => {
+			let n = new Set(e);
+			return n.add(t), n;
+		})), i?.(e ? Te : we);
 	}, [
 		i,
-		H,
-		Ce
-	]), ot = e.useCallback(() => {
-		let e = it.current?.querySelector("textarea");
+		we,
+		Te
+	]), bt = e.useCallback(() => {
+		let e = mt.current?.querySelector("textarea");
 		e && (e.focus(), e.scrollIntoView({ block: "nearest" }));
 	}, []);
 	e.useEffect(() => {
-		if (!f || !Xn(f) || Pe.current === f) return;
-		Pe.current = f;
-		let e = Me.current;
+		if (!f || !Xn(f) || Be.current === f) return;
+		if (Be.current = f, Y.current) {
+			let e = Y.current;
+			Y.current = null, vt((t) => {
+				if (!t.has(e)) return t;
+				let n = new Set(t);
+				return n.delete(e), n;
+			});
+		}
+		let e = ze.current;
 		if (!e) return;
-		let t = it.current?.querySelector("textarea");
+		let t = mt.current?.querySelector("textarea");
 		t && t.value.trim() === "" && (t.value = e, t.dispatchEvent(new Event("input", { bubbles: !0 })), t.focus());
 	}, [f]);
-	let st = e.useCallback((e) => {
-		navigator.clipboard?.writeText(e.content), je(e.id), window.setTimeout(() => je((t) => t === e.id ? null : t), 1500);
-	}, []), ut = e.useMemo(() => {
+	let xt = e.useCallback((e) => {
+		navigator.clipboard?.writeText(e.content), Re(e.id), window.setTimeout(() => Re((t) => t === e.id ? null : t), 1500);
+	}, []), St = 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 || Qi(n)) && n.toolCallId && t.push({
 			id: n.toolCallId,
@@ -2373,11 +2376,11 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 		}), n.toolName === "apply_blueprint" && (r = i), i += 1;
 		for (let n of t) n.order < r && e.add(n.id);
 		return e;
-	}, [n]), pt = e.useMemo(() => {
+	}, [n]), Ct = e.useMemo(() => {
 		let e;
 		for (let t of n) for (let n of t.toolInvocations ?? []) n.builderHandoff && n.toolCallId && (e = n.toolCallId);
 		return e;
-	}, [n]), gt = e.useMemo(() => {
+	}, [n]), Tt = 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,
@@ -2389,8 +2392,8 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 			t !== void 0 && t > n.order && e.add(n.id);
 		}
 		return e;
-	}, [n]), _t = (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 = Gn(e.toolName), c = Kn(e.result), l = W === "debug" && s && s.toLowerCase() !== e.toolName.toLowerCase(), u = W === "debug" || a, d = e.draftReview?.packageId, f = d === void 0 ? void 0 : Be.get(d), p = f === void 0 ? Ie.has(e.toolCallId) : f === 0, m = t === "input-streaming" || t === "input-available", h = t === "output-available" && Ji(e.result) ? "approval-requested" : t, g = /* @__PURE__ */ $("span", {
+	}, [n]), Et = (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 = Gn(e.toolName), c = Kn(e.result), l = G === "debug" && s && s.toLowerCase() !== e.toolName.toLowerCase(), u = G === "debug" || a, d = e.draftReview?.packageId, f = d === void 0 ? void 0 : qe.get(d), p = f === void 0 ? Ve.has(e.toolCallId) : f === 0, m = t === "input-streaming" || t === "input-available", h = t === "output-available" && Ji(e.result) ? "approval-requested" : t, g = /* @__PURE__ */ $("span", {
 			className: "inline-flex min-w-0 items-center gap-2",
 			children: [
 				/* @__PURE__ */ Q("span", { children: s || e.toolName }),
@@ -2399,10 +2402,10 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 					children: e.toolName
 				}) : null,
 				m ? Zi(e) ? /* @__PURE__ */ Q(va, {
-					label: Y.designingPlanLabel,
-					hints: Y.designingPlanHints,
-					offlineLabel: Y.connectionOfflineLabel
-				}) : /* @__PURE__ */ Q(ya, { offlineLabel: Y.connectionOfflineLabel }) : null
+					label: J.designingPlanLabel,
+					hints: J.designingPlanHints,
+					offlineLabel: J.connectionOfflineLabel
+				}) : /* @__PURE__ */ Q(ya, { offlineLabel: J.connectionOfflineLabel }) : null
 			]
 		});
 		return /* @__PURE__ */ $(Ei, {
@@ -2445,18 +2448,18 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 							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(J, { className: "size-3.5" }),
-									se,
+									/* @__PURE__ */ Q(q, { className: "size-3.5" }),
+									ce,
 									e.draftReview.failedCount ? ` · ${e.draftReview.failedCount} need${e.draftReview.failedCount === 1 ? "s" : ""} attention` : ""
 								]
 							}) : /* @__PURE__ */ $("button", {
 								type: "button",
-								onClick: () => void Ke(e.draftReview.packageId),
+								onClick: () => void rt(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(lt, { className: "size-3.5" }),
-									B,
+									/* @__PURE__ */ Q(ut, { className: "size-3.5" }),
+									se,
 									typeof f == "number" && f > 0 ? ` (${f})` : ""
 								]
 							}) : null,
@@ -2464,29 +2467,29 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 								type: "button",
 								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)]
+								children: [/* @__PURE__ */ Q(Ze, { className: "size-3.5" }), ne(e.draftReview.items.length)]
 							}) : null,
-							R && !p ? (() => {
+							z && !p ? (() => {
 								let t = e.draftReview.items.find((e) => e.type === "app");
 								return t ? /* @__PURE__ */ $("button", {
 									type: "button",
-									onClick: () => R(t.name, {
+									onClick: () => z(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" }), ae]
+									children: [/* @__PURE__ */ Q(Xe, { className: "size-3.5" }), B]
 								}) : null;
 							})() : null,
 							e.draftReview.verification ? e.draftReview.verification.errors > 0 ? /* @__PURE__ */ $("span", {
 								className: "inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md border border-amber-200 bg-amber-50 px-2.5 text-xs font-medium text-amber-700",
 								"data-testid": "draft-verification-chip",
-								children: [/* @__PURE__ */ Q(ht, { className: "size-3.5" }), `${e.draftReview.verification.errors} issue${e.draftReview.verification.errors === 1 ? "" : "s"}`]
+								children: [/* @__PURE__ */ Q(gt, { className: "size-3.5" }), `${e.draftReview.verification.errors} issue${e.draftReview.verification.errors === 1 ? "" : "s"}`]
 							}) : /* @__PURE__ */ $("span", {
 								className: "inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md border border-emerald-200 bg-emerald-50 px-2.5 text-xs font-medium text-emerald-700",
 								"data-testid": "draft-verification-chip",
-								children: [/* @__PURE__ */ Q(dt, { className: "size-3.5" }), ce]
+								children: [/* @__PURE__ */ Q(ft, { className: "size-3.5" }), le]
 							}) : null,
 							e.draftReview.summary ? /* @__PURE__ */ Q("span", {
 								className: "min-w-0 flex-1 truncate text-xs text-muted-foreground",
@@ -2502,16 +2505,16 @@ var oa = 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(ke, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: e.message })]
+							children: [/* @__PURE__ */ Q(Ae, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ Q("span", { children: e.message })]
 						}, `w${t}`))]
 					}) : null,
-					Ie.has(e.toolCallId) ? /* @__PURE__ */ Q(aa, { health: Re.get(e.toolCallId) }) : null,
+					Ve.has(e.toolCallId) ? /* @__PURE__ */ Q(aa, { health: We.get(e.toolCallId) }) : null,
 					e.draftReview.nextSteps && e.draftReview.nextSteps.length > 0 ? /* @__PURE__ */ $("div", {
 						className: "flex flex-col gap-1 border-t bg-muted/20 px-3 py-2",
 						"data-testid": "draft-next-steps",
 						children: [/* @__PURE__ */ Q("span", {
 							className: "text-xs font-medium text-foreground/80",
-							children: le
+							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", {
@@ -2527,22 +2530,22 @@ var oa = 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(ft, { className: "size-3.5" }), de]
+							children: [/* @__PURE__ */ Q(pt, { className: "size-3.5" }), fe]
 						}),
 						/* @__PURE__ */ Q("p", {
 							className: "text-xs text-muted-foreground",
 							children: e.builderHandoff.prompt
 						}),
 						(() => {
-							let t = !!pt && e.toolCallId !== pt;
+							let t = !!Ct && e.toolCallId !== Ct;
 							return /* @__PURE__ */ Q("button", {
 								type: "button",
-								onClick: () => me?.(e.builderHandoff),
-								disabled: !me || t,
+								onClick: () => he?.(e.builderHandoff),
+								disabled: !he || t,
 								"data-testid": t ? "builder-handoff-superseded" : "builder-handoff-open",
-								title: t ? pe : void 0,
+								title: t ? me : void 0,
 								className: "inline-flex w-fit items-center gap-1 rounded-md bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50",
-								children: fe
+								children: pe
 							});
 						})()
 					]
@@ -2553,14 +2556,14 @@ var oa = 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" }), ue]
+							children: [/* @__PURE__ */ Q(He, { 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: [
 								"+ ",
-								he,
+								ge,
 								" 「",
 								e.proposedPlan.targetApp,
 								"」"
@@ -2576,7 +2579,7 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 								className: "inline-flex items-center gap-1 rounded-md border bg-background px-1.5 py-0.5 text-[11px] text-foreground/80",
 								title: e.name,
 								children: [
-									/* @__PURE__ */ Q(mt, { className: "size-3 text-foreground/40" }),
+									/* @__PURE__ */ Q(ht, { className: "size-3 text-foreground/40" }),
 									e.label || e.name,
 									e.fieldCount > 0 ? /* @__PURE__ */ $("span", {
 										className: "text-foreground/40",
@@ -2599,7 +2602,7 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 								"data-testid": "proposed-plan-assumptions",
 								children: [/* @__PURE__ */ Q("span", {
 									className: "text-[11px] font-medium text-foreground/70",
-									children: _e
+									children: ve
 								}), t.map((e, t) => /* @__PURE__ */ $("div", {
 									className: "flex items-start gap-1.5 text-[11px] text-muted-foreground",
 									children: [/* @__PURE__ */ Q("span", {
@@ -2612,7 +2615,7 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 								"data-testid": "proposed-plan-deferred",
 								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(Qe, { className: "size-3.5" }), ve]
+									children: [/* @__PURE__ */ Q($e, { className: "size-3.5" }), ye]
 								}), n.map((e, t) => /* @__PURE__ */ $("div", {
 									className: "flex items-start gap-1.5 text-[11px] text-amber-900/90 dark:text-amber-200/90",
 									children: [/* @__PURE__ */ Q("span", {
@@ -2627,7 +2630,7 @@ var oa = 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" }), ge]
+								children: [/* @__PURE__ */ Q(Qe, { className: "size-3.5" }), _e]
 							}), e.proposedPlan.questions.map((t, n) => {
 								let r = e.proposedPlan.questionChoices?.find((e) => e.text === t);
 								return /* @__PURE__ */ $("div", {
@@ -2643,7 +2646,7 @@ var oa = 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(we(t, e)),
+											onClick: () => i(Ee(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))
@@ -2651,33 +2654,41 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 								}, n);
 							})]
 						}) : null,
-						i ? ut.has(e.toolCallId) ? /* @__PURE__ */ Q("div", {
+						i ? St.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" }), Se]
+								children: [/* @__PURE__ */ Q(q, { className: "size-3.5" }), xe]
+							})
+						}) : _t.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 bg-muted/40 px-3 text-xs font-medium text-muted-foreground",
+								"data-testid": "proposed-plan-building",
+								children: [/* @__PURE__ */ Q(nt, { className: "size-3.5 animate-spin" }), Se]
 							})
 						}) : /* @__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: () => at(e.proposedPlan.questions.length > 0),
+								onClick: () => yt(e.proposedPlan.questions.length > 0, e.toolCallId),
 								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(lt, { className: "size-3.5" }), be]
+								children: [/* @__PURE__ */ Q(ut, { className: "size-3.5" }), U]
 							}), /* @__PURE__ */ Q("button", {
 								type: "button",
-								onClick: ot,
+								onClick: bt,
 								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: xe
+								children: W
 							})]
 						}) : /* @__PURE__ */ Q("span", {
 							className: "text-[11px] italic text-muted-foreground/80",
-							children: ye
+							children: be
 						})
 					]
 				}) : null,
@@ -2687,39 +2698,47 @@ var oa = 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" }), ue]
+							children: [/* @__PURE__ */ Q(He, { className: "size-3.5" }), de]
 						}),
 						/* @__PURE__ */ Q("p", {
 							className: "text-xs text-muted-foreground",
-							children: V
+							children: Ce
 						}),
-						i ? ut.has(e.toolCallId) ? /* @__PURE__ */ Q("div", {
+						i ? St.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" }), Se]
+								children: [/* @__PURE__ */ Q(q, { className: "size-3.5" }), xe]
+							})
+						}) : _t.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 bg-muted/40 px-3 text-xs font-medium text-muted-foreground",
+								"data-testid": "proposed-plan-building",
+								children: [/* @__PURE__ */ Q(nt, { className: "size-3.5 animate-spin" }), Se]
 							})
 						}) : /* @__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: () => at(!1),
+								onClick: () => yt(!1, e.toolCallId),
 								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(lt, { className: "size-3.5" }), be]
+								children: [/* @__PURE__ */ Q(ut, { className: "size-3.5" }), U]
 							}), /* @__PURE__ */ Q("button", {
 								type: "button",
-								onClick: ot,
+								onClick: bt,
 								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: xe
+								children: W
 							})]
 						}) : /* @__PURE__ */ Q("span", {
 							className: "text-[11px] italic text-muted-foreground/80",
-							children: ye
+							children: be
 						})
 					]
 				}) : null,
@@ -2729,7 +2748,7 @@ var oa = 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" }), "确认改动"]
+							children: [/* @__PURE__ */ Q(He, { className: "size-3.5" }), "确认改动"]
 						}),
 						e.proposedChanges.summary ? /* @__PURE__ */ Q("p", {
 							className: "text-xs text-muted-foreground",
@@ -2739,16 +2758,16 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 							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(mt, { className: "mt-px size-3 shrink-0 text-foreground/40" }), /* @__PURE__ */ Q("span", { children: Xi(e) })]
+								children: [/* @__PURE__ */ Q(ht, { className: "mt-px size-3 shrink-0 text-foreground/40" }), /* @__PURE__ */ Q("span", { children: Xi(e) })]
 							}, t))
 						}),
-						i ? gt.has(e.toolCallId) ? /* @__PURE__ */ Q("div", {
+						i ? Tt.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" }), "已确认"]
+								children: [/* @__PURE__ */ Q(q, { className: "size-3.5" }), "已确认"]
 							})
 						}) : /* @__PURE__ */ $("div", {
 							className: "flex flex-wrap items-center gap-1.5 pt-0.5",
@@ -2758,10 +2777,10 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 								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" }), "确认修改"]
+								children: [/* @__PURE__ */ Q(q, { className: "size-3.5" }), "确认修改"]
 							}), /* @__PURE__ */ Q("button", {
 								type: "button",
-								onClick: ot,
+								onClick: bt,
 								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: "调整"
@@ -2776,28 +2795,28 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 		}, e.toolCallId);
 	};
 	return /* @__PURE__ */ $("div", {
-		ref: Oe,
-		className: q(K ? "flex min-h-0 flex-col overflow-hidden bg-background" : "flex min-h-0 flex-col overflow-hidden rounded-lg border bg-background", t),
+		ref: Me,
+		className: K(Fe ? "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 },
-		...De,
+		...je,
 		children: [
 			a && !y && n.length > 0 && /* @__PURE__ */ Q("div", {
-				className: q("flex items-center justify-end px-4 py-2", K ? "bg-background" : "border-b bg-muted/30"),
+				className: K("flex items-center justify-end px-4 py-2", Fe ? "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: Y.clear
+					children: J.clear
 				})
 			}),
 			A ? /* @__PURE__ */ Q("div", {
-				className: q("shrink-0", !K && "border-b bg-background/50"),
+				className: K("shrink-0", !Fe && "border-b bg-background/50"),
 				children: A
 			}) : null,
 			/* @__PURE__ */ $($n, {
 				className: "flex-1 min-h-0",
 				children: [/* @__PURE__ */ $(er, {
-					className: q("space-y-4", K ? "mx-auto w-full max-w-2xl px-4 py-8 sm:px-0" : "px-4 py-3"),
+					className: K("space-y-4", Fe ? "mx-auto w-full max-w-2xl px-4 py-8 sm:px-0" : "px-4 py-3"),
 					children: [n.length === 0 ? /* @__PURE__ */ $(tr, {
 						className: "gap-3 px-0 py-8",
 						children: [
@@ -2807,16 +2826,16 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 									src: _,
 									alt: "",
 									className: "size-full rounded-md object-cover"
-								}) : /* @__PURE__ */ Q(Ne, { className: "size-4" })
+								}) : /* @__PURE__ */ Q(Pe, { className: "size-4" })
 							}),
 							/* @__PURE__ */ $("div", {
 								className: "w-full max-w-full space-y-1",
 								children: [/* @__PURE__ */ Q("h3", {
 									className: "text-sm font-medium text-foreground/90 break-words",
-									children: Y.emptyTitle
+									children: J.emptyTitle
 								}), /* @__PURE__ */ Q("p", {
 									className: "text-sm text-muted-foreground break-words",
-									children: Y.emptyDescription
+									children: J.emptyDescription
 								})]
 							}),
 							T && T.length > 0 ? /* @__PURE__ */ Q("div", {
@@ -2824,58 +2843,62 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 								children: T.map((e) => /* @__PURE__ */ Q(bi, {
 									className: "h-auto min-h-8 min-w-0 max-w-full whitespace-normal break-words rounded-full border-border/60 bg-background/80 px-3 py-1 text-left text-xs font-medium text-foreground/90 shadow-none hover:bg-muted/60",
 									suggestion: e,
-									onClick: rt
+									onClick: dt
 								}, 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 && !n.some((e) => !!e.proposedPlan) ? e.blueprintProgress : void 0, c = !t && W === "summary" ? n.filter((e) => !ta(e) && !(o && e.toolName === "propose_blueprint")) : [], l = !t && W === "debug" ? n : !t && W !== "debug" ? n.filter(ta) : [], u = !t && e.content.trim().length > 0 && !ra(e.content), d = W === "debug" && !!r, f = !t && !!e.streaming && !u && c.length === 0 && l.length === 0 && !d && !a && !o;
+						let t = e.role === "user", n = e.toolInvocations ?? [], r = e.reasoning?.trim(), i = e.sources ?? [], a = t ? void 0 : e.buildProgress, o = !t && !n.some((e) => !!e.proposedPlan) ? e.blueprintProgress : void 0, c = !t && G === "summary" ? n.filter((e) => !ta(e) && !(o && e.toolName === "propose_blueprint")) : [], l = !t && G === "debug" ? n : !t && G !== "debug" ? n.filter(ta) : [], u = !t && e.content.trim().length > 0 && !ra(e.content), d = G === "debug" && !!r, f = !t && !!e.streaming && !u && c.length === 0 && l.length === 0 && !d && !a && !o;
 						return /* @__PURE__ */ Q(or, {
 							from: Ki(e.role),
 							children: /* @__PURE__ */ $("div", {
-								className: q("flex w-full gap-2.5", m ? t ? "flex-row-reverse items-start" : "flex-row items-start" : "flex-col"),
+								className: K("flex w-full gap-2.5", m ? t ? "flex-row-reverse items-start" : "flex-row items-start" : "flex-col"),
 								children: [m ? /* @__PURE__ */ Q(sa, {
 									isUser: t,
 									url: t ? h : _,
 									fallback: t ? g : v
 								}) : null, /* @__PURE__ */ $("div", {
-									className: q("flex min-w-0 flex-col gap-2", m && !t && "flex-1"),
+									className: K("flex min-w-0 flex-col gap-2", m && !t && "flex-1"),
 									children: [/* @__PURE__ */ $(sr, { children: [
 										o ? /* @__PURE__ */ Q(Sa, {
 											progress: o,
-											designingLabel: Y.designingPlanLabel,
-											extendLabel: he,
-											waitingLabel: Y.connectionWaiting,
-											stalledLabel: Y.connectionStalledLabel,
-											offlineLabel: Y.connectionOfflineLabel
+											designingLabel: J.designingPlanLabel,
+											extendLabel: ge,
+											waitingLabel: J.connectionWaiting,
+											stalledLabel: J.connectionStalledLabel,
+											offlineLabel: J.connectionOfflineLabel
 										}) : null,
 										a ? /* @__PURE__ */ Q(Ca, {
 											progress: a,
+											appSegment: e.toolInvocations?.map((e) => e.draftReview).find((e) => e?.packageId && e.items?.some((e) => e.type === "app"))?.packageId,
 											onOpenBuiltApp: re,
 											openBuiltAppLabel: ie,
-											onPreviewDraftApp: R,
-											previewDraftLabel: ae,
-											waitingLabel: Y.connectionWaiting,
-											stalledLabel: Y.connectionStalledLabel,
-											offlineLabel: Y.connectionOfflineLabel
+											onDesignBuiltApp: R,
+											designBuiltAppLabel: ae,
+											getArtifactAction: oe,
+											onPreviewDraftApp: z,
+											previewDraftLabel: B,
+											waitingLabel: J.connectionWaiting,
+											stalledLabel: J.connectionStalledLabel,
+											offlineLabel: J.connectionOfflineLabel
 										}) : null,
-										!t && W === "debug" && r ? /* @__PURE__ */ $(Li, {
+										!t && G === "debug" && r ? /* @__PURE__ */ $(Li, {
 											isStreaming: !!e.streaming && !e.content,
 											className: "mb-2",
 											children: [/* @__PURE__ */ Q(zi, {}), /* @__PURE__ */ Q(Bi, { children: r })]
 										}) : null,
-										!t && W === "summary" && c.length > 0 ? /* @__PURE__ */ Q(wa, {
+										!t && G === "summary" && c.length > 0 ? /* @__PURE__ */ Q(wa, {
 											groups: ia(c),
-											labels: Y
+											labels: J
 										}) : null,
-										!t && l.length > 0 ? l.map(_t) : null,
+										!t && l.length > 0 ? l.map(Et) : null,
 										t ? e.content ? /* @__PURE__ */ Q("div", {
 											className: "whitespace-pre-wrap break-words",
 											children: e.content
 										}) : null : f ? /* @__PURE__ */ Q(la, {}) : u ? /* @__PURE__ */ Q(vr, { children: e.content }) : !e.streaming && ra(e.content) ? /* @__PURE__ */ Q("span", {
 											className: "text-xs italic text-muted-foreground/70",
 											title: e.content,
-											children: Y.agentActivity
+											children: J.agentActivity
 										}) : null,
 										e.streaming && u ? /* @__PURE__ */ Q("span", {
 											"aria-hidden": !0,
@@ -2912,23 +2935,23 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 										className: "opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
 										children: [
 											/* @__PURE__ */ Q(lr, {
-												label: Ae === e.id ? Y.copied : Y.copy,
-												tooltip: Ae === e.id ? Y.copied : Y.copy,
-												onClick: () => st(e),
-												children: Ae === e.id ? /* @__PURE__ */ Q(Fe, { className: "size-3.5" }) : /* @__PURE__ */ Q(Ge, { className: "size-3.5" })
+												label: Le === e.id ? J.copied : J.copy,
+												tooltip: Le === e.id ? J.copied : J.copy,
+												onClick: () => xt(e),
+												children: Le === e.id ? /* @__PURE__ */ Q(Ie, { className: "size-3.5" }) : /* @__PURE__ */ Q(Ke, { className: "size-3.5" })
 											}),
 											s ? /* @__PURE__ */ Q(lr, {
-												label: Y.regenerate,
-												tooltip: Y.regenerate,
+												label: J.regenerate,
+												tooltip: J.regenerate,
 												onClick: s,
-												children: /* @__PURE__ */ Q(ct, { className: "size-3.5" })
+												children: /* @__PURE__ */ Q(lt, { className: "size-3.5" })
 											}) : null,
-											W === "debug" && e.traceId ? /* @__PURE__ */ Q("a", {
+											G === "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: Y.viewTrace,
-												children: Y.trace
+												title: J.viewTrace,
+												children: J.trace
 											}) : null
 										]
 									}) : null]
@@ -2939,32 +2962,32 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 						showAvatar: m,
 						assistantAvatarUrl: _,
 						assistantAvatarFallback: v,
-						waitingLabel: Y.connectionWaiting,
-						stalledLabel: Y.connectionStalledLabel,
-						offlineLabel: Y.connectionOfflineLabel
+						waitingLabel: J.connectionWaiting,
+						stalledLabel: J.connectionStalledLabel,
+						offlineLabel: J.connectionOfflineLabel
 					}) : null]
 				}), /* @__PURE__ */ Q(nr, {})]
 			}),
 			f ? Xn(f) && !Yn(f) ? /* @__PURE__ */ Q(Da, {
 				error: f,
-				rateLimitedLabel: Y.sendFailedRateLimited,
-				genericLabel: Y.sendFailedGeneric
+				rateLimitedLabel: J.sendFailedRateLimited,
+				genericLabel: J.sendFailedGeneric
 			}) : /* @__PURE__ */ Q(Oa, {
 				error: f,
 				onReload: s,
 				onUpgrade: c
 			}) : null,
 			u ? null : /* @__PURE__ */ $("div", {
-				ref: it,
-				className: q("relative", K && "mx-auto w-full max-w-2xl px-4 pb-4 sm:px-0"),
+				ref: mt,
+				className: K("relative", Fe && "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: j
 				}) : null, /* @__PURE__ */ $(Br, {
 					accept: C,
-					fileInputLabel: Y.uploadFiles,
+					fileInputLabel: J.uploadFiles,
 					maxFileSize: w,
-					onSubmit: nt,
+					onSubmit: ct,
 					onError: (e) => {
 						console.warn("[plugin-chatbot] prompt-input error", e);
 					},
@@ -2972,13 +2995,13 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 						S ? /* @__PURE__ */ Q(Vr, { children: /* @__PURE__ */ Q(Rr, { children: (e) => /* @__PURE__ */ Q(Lr, { data: e }) }) }) : null,
 						/* @__PURE__ */ Q(Hr, {
 							placeholder: r,
-							disabled: l || G === "streaming",
+							disabled: l || Ne === "streaming",
 							onChange: M ? (e) => M(e.currentTarget.value) : void 0
 						}),
 						/* @__PURE__ */ $(Wr, { children: [/* @__PURE__ */ $(Gr, { children: [
 							S ? /* @__PURE__ */ $(qr, { children: [/* @__PURE__ */ Q(Jr, {}), /* @__PURE__ */ Q(Yr, { children: /* @__PURE__ */ Q(zr, {}) })] }) : null,
 							D && D.length > 1 ? /* @__PURE__ */ Q("select", {
-								"aria-label": Y.model,
+								"aria-label": J.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",
@@ -2990,17 +3013,17 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 							/* @__PURE__ */ $("span", {
 								className: "hidden items-center gap-1 text-[10px] text-muted-foreground sm:inline-flex",
 								"aria-hidden": "true",
-								children: [/* @__PURE__ */ Q(qe, { className: "h-3 w-3" }), /* @__PURE__ */ Q("span", {
+								children: [/* @__PURE__ */ Q(Je, { className: "h-3 w-3" }), /* @__PURE__ */ Q("span", {
 									className: "opacity-70",
-									children: Y.sendHint
+									children: J.sendHint
 								})]
 							})
 						] }), /* @__PURE__ */ Q(Zr, {
-							"aria-label": G === "streaming" ? Y.stopResponse : Y.submit,
-							status: G,
+							"aria-label": Ne === "streaming" ? J.stopResponse : J.submit,
+							status: Ne,
 							disabled: l,
-							onClick: G === "streaming" ? o : void 0,
-							type: G === "streaming" ? "button" : "submit"
+							onClick: Ne === "streaming" ? o : void 0,
+							type: Ne === "streaming" ? "button" : "submit"
 						})] })
 					]
 				})]
@@ -3011,13 +3034,13 @@ var oa = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 oa.displayName = "ChatbotEnhanced";
 function sa({ isUser: e, url: t, fallback: n }) {
 	return /* @__PURE__ */ Q("div", {
-		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"),
+		className: K("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(Ne, { className: "size-4" })
+		}) : e ? n?.trim()?.charAt(0)?.toUpperCase() || "U" : /* @__PURE__ */ Q(Pe, { className: "size-4" })
 	});
 }
 function ca({ showAvatar: e, assistantAvatarUrl: t, assistantAvatarFallback: n, waitingLabel: r, stalledLabel: i, offlineLabel: a }) {
@@ -3025,7 +3048,7 @@ function ca({ showAvatar: e, assistantAvatarUrl: t, assistantAvatarFallback: n,
 		from: "assistant",
 		"aria-live": "polite",
 		children: /* @__PURE__ */ $("div", {
-			className: q("flex w-full gap-2.5", e ? "flex-row items-start" : "flex-col"),
+			className: K("flex w-full gap-2.5", e ? "flex-row items-start" : "flex-col"),
 			children: [e ? /* @__PURE__ */ Q(sa, {
 				isUser: !1,
 				url: t,
@@ -3111,19 +3134,19 @@ function pa() {
 function ma({ 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 } = fa(e, t), l = pa() ? "offline" : c ? n ? "waiting" : "receiving" : "stalled", u = ua(o);
 	return /* @__PURE__ */ $("span", {
-		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"),
+		className: K("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",
 		"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(gt, {
+			l === "offline" ? /* @__PURE__ */ Q(_t, {
 				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")
+				className: K("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, {
+			/* @__PURE__ */ Q(We, {
 				className: "size-3 shrink-0",
 				"aria-hidden": !0
 			}),
@@ -3163,7 +3186,7 @@ function va({ label: t, hints: n, offlineLabel: r }) {
 		"data-testid": "build-proposal-progress",
 		"aria-live": "polite",
 		children: [
-			/* @__PURE__ */ Q(ft, {
+			/* @__PURE__ */ Q(pt, {
 				className: "size-3 shrink-0 animate-pulse text-primary",
 				"aria-hidden": !0
 			}),
@@ -3179,7 +3202,7 @@ function va({ label: t, hints: n, offlineLabel: r }) {
 				className: "hidden shrink-0 items-center gap-0.5 sm:inline-flex",
 				"data-testid": "build-proposal-progress-dots",
 				"aria-hidden": !0,
-				children: n.map((e, t) => /* @__PURE__ */ Q("span", { className: q("size-1 rounded-full transition-colors", t <= o ? "bg-primary/70" : "bg-muted-foreground/25") }, t))
+				children: n.map((e, t) => /* @__PURE__ */ Q("span", { className: K("size-1 rounded-full transition-colors", t <= o ? "bg-primary/70" : "bg-muted-foreground/25") }, t))
 			}) : null,
 			/* @__PURE__ */ Q(ya, { offlineLabel: r })
 		]
@@ -3191,11 +3214,11 @@ function ya({ offlineLabel: t }) {
 		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"),
+		className: K("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 ? gt : Ue, {
+			Q(i ? _t : We, {
 				className: "size-3 shrink-0",
 				"aria-hidden": !0
 			}),
@@ -3226,7 +3249,7 @@ function Sa({ progress: e, designingLabel: t = "Designing your app…", extendLa
 			/* @__PURE__ */ $("div", {
 				className: "mb-2 flex items-center gap-2 font-medium",
 				children: [
-					p ? /* @__PURE__ */ Q(J, { className: "size-4 shrink-0 text-emerald-600" }) : /* @__PURE__ */ Q(tt, { className: "size-4 shrink-0 animate-spin text-primary" }),
+					p ? /* @__PURE__ */ Q(q, { className: "size-4 shrink-0 text-emerald-600" }) : /* @__PURE__ */ Q(nt, { className: "size-4 shrink-0 animate-spin text-primary" }),
 					/* @__PURE__ */ Q("span", {
 						className: "min-w-0 truncate",
 						children: h
@@ -3265,7 +3288,7 @@ function Sa({ progress: e, designingLabel: t = "Designing your app…", extendLa
 					className: "inline-flex animate-in fade-in items-center gap-1 rounded-md border bg-background px-1.5 py-0.5 text-[11px] text-foreground/80 duration-500",
 					title: e.name,
 					children: [
-						/* @__PURE__ */ Q(mt, { className: "size-3 text-foreground/40" }),
+						/* @__PURE__ */ Q(ht, { className: "size-3 text-foreground/40" }),
 						e.label || e.name,
 						e.fields ? /* @__PURE__ */ $("span", {
 							className: "text-foreground/40",
@@ -3281,13 +3304,16 @@ function Sa({ progress: e, designingLabel: t = "Designing your app…", extendLa
 		]
 	});
 }
-function Ca({ 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);
+function Ca({ progress: t, appSegment: n, onOpenBuiltApp: r, openBuiltAppLabel: i = "Open app", onDesignBuiltApp: a, designBuiltAppLabel: o = "Design in Studio", getArtifactAction: s, onPreviewDraftApp: c, previewDraftLabel: l = "Preview", waitingLabel: u = "Waiting for server…", stalledLabel: d = "Still working…", offlineLabel: f = "Connection lost — reconnecting…" }) {
+	let { phase: p, appLabel: m, items: h, done: g, total: _, seq: v } = t, y = p === "done", b = v ?? `${p}:${g}:${h.length}`, x = h.find((e) => e.type === "app"), S = _ > 0 ? Math.min(100, Math.round(g / _ * 100)) : y ? 100 : 6, C = /* @__PURE__ */ new Map();
+	for (let e of h) {
+		let t = C.get(e.type) ?? [];
+		t.push({
+			name: e.name,
+			display: e.name.replace(/_sample$/, "")
+		}), C.set(e.type, t);
 	}
-	let y = [...ba.filter((e) => v.has(e)), ...[...v.keys()].filter((e) => !ba.includes(e))];
+	let w = [...ba.filter((e) => C.has(e)), ...[...C.keys()].filter((e) => !ba.includes(e))];
 	return /* @__PURE__ */ $("div", {
 		className: "rounded-lg border bg-muted/30 p-3 text-sm",
 		"data-testid": "build-progress",
@@ -3295,20 +3321,20 @@ function Ca({ progress: e, onOpenBuiltApp: t, openBuiltAppLabel: n = "Open app",
 			/* @__PURE__ */ $("div", {
 				className: "mb-2 flex items-center gap-2 font-medium",
 				children: [
-					m ? /* @__PURE__ */ Q(J, { className: "size-4 shrink-0 text-emerald-600" }) : /* @__PURE__ */ Q(tt, { 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", {
+					y ? /* @__PURE__ */ Q(q, { className: "size-4 shrink-0 text-emerald-600" }) : /* @__PURE__ */ Q(nt, { className: "size-4 shrink-0 animate-spin text-primary" }),
+					/* @__PURE__ */ Q("span", { children: y ? `Built ${m ?? "your app"}` : `Building ${m ?? "your app"}…` }),
+					!y && p === "data" ? /* @__PURE__ */ Q("span", {
 						className: "text-xs font-normal text-muted-foreground",
 						children: "adding sample data"
 					}) : null,
-					m ? null : /* @__PURE__ */ Q("span", {
+					y ? null : /* @__PURE__ */ Q("span", {
 						className: "ml-auto",
 						children: /* @__PURE__ */ Q(ma, {
 							active: !0,
-							activityKey: h,
-							waitingLabel: a,
-							stalledLabel: o,
-							offlineLabel: s
+							activityKey: b,
+							waitingLabel: u,
+							stalledLabel: d,
+							offlineLabel: f
 						})
 					})
 				]
@@ -3316,46 +3342,68 @@ function Ca({ 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: q("h-full rounded-full transition-all duration-500", m ? "bg-emerald-500" : "bg-primary"),
-					style: { width: `${_}%` }
+					className: K("h-full rounded-full transition-all duration-500", y ? "bg-emerald-500" : "bg-primary"),
+					style: { width: `${S}%` }
 				})
 			}),
 			/* @__PURE__ */ Q("ul", {
 				className: "space-y-1",
-				children: y.map((e) => {
-					let t = v.get(e);
+				children: w.map((t) => {
+					let r = C.get(t);
 					return /* @__PURE__ */ $("li", {
 						className: "flex items-start gap-2",
-						children: [/* @__PURE__ */ Q(J, { className: "mt-0.5 size-3.5 shrink-0 text-emerald-600" }), /* @__PURE__ */ $("span", {
+						children: [/* @__PURE__ */ Q(q, { 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: xa[e] ?? e
+									children: xa[t] ?? t
 								}),
 								" ",
-								t.slice(0, 6).join(", "),
-								t.length > 6 ? ` +${t.length - 6} more` : ""
+								r.slice(0, 6).map((r, i) => {
+									let a = y ? s?.({
+										type: t,
+										name: r.name
+									}, n) : null;
+									return /* @__PURE__ */ $(e.Fragment, { children: [i > 0 ? ", " : null, a ? /* @__PURE__ */ Q("button", {
+										type: "button",
+										onClick: a,
+										className: "rounded-sm text-primary underline decoration-primary/40 underline-offset-2 hover:decoration-primary",
+										"data-testid": `build-artifact-link-${t}-${r.name}`,
+										children: r.display
+									}) : r.display] }, r.name);
+								}),
+								r.length > 6 ? ` +${r.length - 6} more` : ""
 							]
 						})]
-					}, e);
+					}, t);
 				})
 			}),
-			m && g && (t || r) ? /* @__PURE__ */ $("div", {
+			y && x && (a || r || c) ? /* @__PURE__ */ $("div", {
 				className: "mt-3 flex items-center gap-2",
-				children: [t ? /* @__PURE__ */ $("button", {
-					type: "button",
-					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(je, { className: "size-3.5" })]
-				}) : null, r ? /* @__PURE__ */ $("button", {
-					type: "button",
-					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]
-				}) : null]
+				children: [
+					a ? /* @__PURE__ */ $("button", {
+						type: "button",
+						onClick: () => a(x.name, n),
+						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-design-app",
+						children: [o, /* @__PURE__ */ Q(Me, { className: "size-3.5" })]
+					}) : null,
+					r ? /* @__PURE__ */ $("button", {
+						type: "button",
+						onClick: () => r(x.name),
+						className: K("inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-medium", a ? "border hover:bg-muted" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+						"data-testid": "build-progress-open-app",
+						children: [i, /* @__PURE__ */ Q(Me, { className: "size-3.5" })]
+					}) : null,
+					c ? /* @__PURE__ */ $("button", {
+						type: "button",
+						onClick: () => c(x.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(Xe, { className: "size-3.5" }), l]
+					}) : null
+				]
 			}) : null
 		]
 	});
@@ -3385,7 +3433,7 @@ function wa({ groups: e, labels: t }) {
 					hints: t.designingPlanHints,
 					offlineLabel: t.connectionOfflineLabel
 				}) : /* @__PURE__ */ Q(ya, { 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"),
+					className: K("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: Ea(e.state, t)
 				})]
 			}, e.key))
@@ -3393,7 +3441,7 @@ function wa({ groups: e, labels: t }) {
 	});
 }
 function Ta({ 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" });
+	return e === "failed" ? /* @__PURE__ */ Q(X, { className: "size-3.5 shrink-0 text-destructive" }) : e === "completed" ? /* @__PURE__ */ Q(q, { className: "size-3.5 shrink-0 text-emerald-600" }) : /* @__PURE__ */ Q(We, { className: "size-3.5 shrink-0 text-muted-foreground" });
 }
 function Ea(e, t) {
 	switch (e) {
@@ -3417,7 +3465,7 @@ function Da({ error: t, rateLimitedLabel: n, genericLabel: r }) {
 			className: "rounded-md border border-amber-300/40 bg-amber-50/60 px-3 py-2 text-foreground dark:bg-amber-950/20",
 			children: /* @__PURE__ */ $("div", {
 				className: "flex items-start gap-2",
-				children: [/* @__PURE__ */ Q(ht, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), /* @__PURE__ */ Q("div", {
+				children: [/* @__PURE__ */ Q(gt, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), /* @__PURE__ */ Q("div", {
 					className: "min-w-0 flex-1 break-words leading-snug",
 					children: i
 				})]
@@ -3463,7 +3511,7 @@ function Oa({ error: t, onReload: n, onUpgrade: r }) {
 			children: [/* @__PURE__ */ $("div", {
 				className: "flex items-start gap-2",
 				children: [
-					/* @__PURE__ */ Q(ke, { className: "mt-0.5 h-4 w-4 shrink-0 text-destructive" }),
+					/* @__PURE__ */ Q(Ae, { className: "mt-0.5 h-4 w-4 shrink-0 text-destructive" }),
 					/* @__PURE__ */ $("div", {
 						className: "min-w-0 flex-1",
 						children: [/* @__PURE__ */ Q("div", {
@@ -3486,7 +3534,7 @@ function Oa({ error: t, onReload: n, onUpgrade: r }) {
 							type: "button",
 							onClick: n,
 							className: "inline-flex h-7 items-center rounded-md border border-destructive/30 bg-background px-2 text-xs font-medium text-destructive hover:bg-destructive/10",
-							children: [/* @__PURE__ */ Q(ct, { className: "mr-1 h-3 w-3" }), "Retry"]
+							children: [/* @__PURE__ */ Q(lt, { className: "mr-1 h-3 w-3" }), "Retry"]
 						}) : null]
 					})
 				]
@@ -4171,7 +4219,7 @@ var ja = ({ size: e = 16 }) => /* @__PURE__ */ $("svg", {
 		}) })
 	]
 }), Ma = ({ className: e, size: t = 16, ...n }) => /* @__PURE__ */ Q("div", {
-	className: q("inline-flex animate-spin items-center justify-center", e),
+	className: K("inline-flex animate-spin items-center justify-center", e),
 	...n,
 	children: /* @__PURE__ */ Q(ja, { size: t })
 }), Na = /* @__PURE__ */ Lt({
@@ -4486,19 +4534,19 @@ function Wa({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 		children: [
 			/* @__PURE__ */ $("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ Q(U, {
+				children: [/* @__PURE__ */ Q(Ce, {
 					value: l,
 					onValueChange: (e) => u(e),
-					children: /* @__PURE__ */ $(Te, { children: [
-						/* @__PURE__ */ Q(W, {
+					children: /* @__PURE__ */ $(we, { children: [
+						/* @__PURE__ */ Q(Te, {
 							value: "pending",
 							children: "Pending"
 						}),
-						/* @__PURE__ */ Q(W, {
+						/* @__PURE__ */ Q(Te, {
 							value: "decided",
 							children: "Decided"
 						}),
-						/* @__PURE__ */ Q(W, {
+						/* @__PURE__ */ Q(Te, {
 							value: "all",
 							children: "All"
 						})
@@ -4509,20 +4557,20 @@ function Wa({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 					onClick: () => void ee(),
 					disabled: M,
 					"data-testid": "ai-inbox-refresh",
-					children: [/* @__PURE__ */ Q(ct, { className: `h-3.5 w-3.5 mr-1.5 ${M ? "animate-spin" : ""}` }), "Refresh"]
+					children: [/* @__PURE__ */ Q(lt, { className: `h-3.5 w-3.5 mr-1.5 ${M ? "animate-spin" : ""}` }), "Refresh"]
 				})]
 			}),
 			N ? /* @__PURE__ */ $(f, {
 				variant: "destructive",
-				children: [/* @__PURE__ */ Q(ke, { className: "h-4 w-4" }), /* @__PURE__ */ Q(p, { children: N.message })]
+				children: [/* @__PURE__ */ Q(Ae, { className: "h-4 w-4" }), /* @__PURE__ */ Q(p, { children: N.message })]
 			}) : null,
 			D ? /* @__PURE__ */ $(f, {
 				variant: "destructive",
-				children: [/* @__PURE__ */ Q(ke, { className: "h-4 w-4" }), /* @__PURE__ */ Q(p, { children: D })]
+				children: [/* @__PURE__ */ Q(Ae, { 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(J, { className: "h-4 w-4" }) : /* @__PURE__ */ Q(X, { className: "h-4 w-4" }), /* @__PURE__ */ $(p, { children: [
+				children: [k.ok ? /* @__PURE__ */ Q(q, { className: "h-4 w-4" }) : /* @__PURE__ */ Q(X, { className: "h-4 w-4" }), /* @__PURE__ */ $(p, { children: [
 					k.kind === "approve" ? "Approve" : "Reject",
 					" for",
 					" ",
@@ -4538,69 +4586,69 @@ function Wa({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 			M && I.length === 0 ? /* @__PURE__ */ $("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ Q(be, { className: "h-10 w-full" }),
-					/* @__PURE__ */ Q(be, { className: "h-10 w-full" }),
-					/* @__PURE__ */ Q(be, { className: "h-10 w-full" })
+					/* @__PURE__ */ Q(ve, { className: "h-10 w-full" }),
+					/* @__PURE__ */ Q(ve, { className: "h-10 w-full" }),
+					/* @__PURE__ */ Q(ve, { className: "h-10 w-full" })
 				]
 			}) : I.length === 0 ? /* @__PURE__ */ Q(te, { children: /* @__PURE__ */ $(L, { children: [
-				/* @__PURE__ */ Q(re, { children: /* @__PURE__ */ Q(et, { className: "h-8 w-8 text-muted-foreground" }) }),
+				/* @__PURE__ */ Q(re, { children: /* @__PURE__ */ Q(tt, { 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__ */ $(xe, { children: [/* @__PURE__ */ Q(Ce, { children: /* @__PURE__ */ $(we, { children: [
-					/* @__PURE__ */ Q(H, {
+				children: /* @__PURE__ */ $(ye, { children: [/* @__PURE__ */ Q(xe, { children: /* @__PURE__ */ $(Se, { children: [
+					/* @__PURE__ */ Q(W, {
 						className: "w-[140px]",
 						children: "Tool"
 					}),
-					/* @__PURE__ */ Q(H, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[140px]",
 						children: "Action"
 					}),
-					/* @__PURE__ */ Q(H, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[120px]",
 						children: "Object"
 					}),
-					/* @__PURE__ */ Q(H, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[110px]",
 						children: "Status"
 					}),
-					/* @__PURE__ */ Q(H, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[110px]",
 						children: "Proposed"
 					}),
-					/* @__PURE__ */ Q(H, {
+					/* @__PURE__ */ Q(W, {
 						className: "w-[260px] text-right",
 						children: "Decision"
 					})
-				] }) }), /* @__PURE__ */ Q(Se, { children: I.map((e) => {
+				] }) }), /* @__PURE__ */ Q(be, { children: I.map((e) => {
 					let t = e.status === "pending", n = T === e.id;
-					return /* @__PURE__ */ $(we, { children: [
-						/* @__PURE__ */ Q(V, {
+					return /* @__PURE__ */ $(Se, { children: [
+						/* @__PURE__ */ Q(U, {
 							className: "font-mono text-xs",
 							children: e.tool_name
 						}),
-						/* @__PURE__ */ Q(V, {
+						/* @__PURE__ */ Q(U, {
 							className: "text-sm",
 							children: e.action_name
 						}),
-						/* @__PURE__ */ Q(V, {
+						/* @__PURE__ */ Q(U, {
 							className: "text-sm",
 							children: e.object_name
 						}),
-						/* @__PURE__ */ Q(V, { children: /* @__PURE__ */ Q(za, { status: e.status }) }),
-						/* @__PURE__ */ Q(V, {
+						/* @__PURE__ */ Q(U, { children: /* @__PURE__ */ Q(za, { status: e.status }) }),
+						/* @__PURE__ */ Q(U, {
 							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" }),
+									/* @__PURE__ */ Q(Ue, { className: "h-3 w-3" }),
 									" ",
 									Ba(e.proposed_at)
 								]
 							})
 						}),
-						/* @__PURE__ */ Q(V, {
+						/* @__PURE__ */ Q(U, {
 							className: "text-right",
 							children: /* @__PURE__ */ $("div", {
 								className: "inline-flex gap-1.5",
@@ -4609,14 +4657,14 @@ function Wa({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 									variant: "ghost",
 									onClick: () => m(e.id),
 									"data-testid": `ai-inbox-view-${e.id}`,
-									children: [/* @__PURE__ */ Q(Ye, { className: "h-3.5 w-3.5 mr-1" }), " View"]
+									children: [/* @__PURE__ */ Q(Xe, { className: "h-3.5 w-3.5 mr-1" }), " View"]
 								}), t ? /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ $(v, {
 									size: "sm",
 									variant: "default",
 									disabled: n,
 									onClick: () => void ae(e.id),
 									"data-testid": `ai-inbox-approve-${e.id}`,
-									children: [/* @__PURE__ */ Q(J, { className: "h-3.5 w-3.5 mr-1" }), n ? "Working…" : "Approve"]
+									children: [/* @__PURE__ */ Q(q, { className: "h-3.5 w-3.5 mr-1" }), n ? "Working…" : "Approve"]
 								}), /* @__PURE__ */ $(v, {
 									size: "sm",
 									variant: "destructive",
@@ -4642,7 +4690,7 @@ function Wa({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 				children: [/* @__PURE__ */ $(C, {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ Q(Ne, { className: "h-4 w-4" }),
+						/* @__PURE__ */ Q(Pe, { className: "h-4 w-4" }),
 						" ",
 						o
 					]
@@ -4652,17 +4700,17 @@ function Wa({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 			className: c,
 			children: z
 		}),
-		/* @__PURE__ */ Q(he, {
+		/* @__PURE__ */ Q(pe, {
 			open: !!d,
 			onOpenChange: (e) => {
 				e || m(null);
 			},
-			children: /* @__PURE__ */ $(ge, {
+			children: /* @__PURE__ */ $(me, {
 				className: "sm:max-w-[560px] overflow-y-auto",
-				children: [/* @__PURE__ */ $(ve, { children: [/* @__PURE__ */ $(ye, {
+				children: [/* @__PURE__ */ $(ge, { children: [/* @__PURE__ */ $(_e, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ Q(Ne, { className: "h-4 w-4" }), R ? R.action_name : "Pending action"]
-				}), /* @__PURE__ */ Q(_e, { children: R ? /* @__PURE__ */ $(Z, { children: [
+					children: [/* @__PURE__ */ Q(Pe, { className: "h-4 w-4" }), R ? R.action_name : "Pending action"]
+				}), /* @__PURE__ */ Q(he, { children: R ? /* @__PURE__ */ $(Z, { children: [
 					"Tool ",
 					/* @__PURE__ */ Q("code", {
 						className: "text-xs",
@@ -4720,7 +4768,7 @@ function Wa({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 								}) : null
 							]
 						}),
-						/* @__PURE__ */ Q(me, {}),
+						/* @__PURE__ */ Q(fe, {}),
 						/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q(B, {
 							className: "text-xs",
 							children: "Tool input"
@@ -4755,7 +4803,7 @@ function Wa({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 								size: "sm",
 								onClick: () => void ae(R.id),
 								disabled: T === R.id,
-								children: [/* @__PURE__ */ Q(J, { className: "h-3.5 w-3.5 mr-1" }), "Approve & Execute"]
+								children: [/* @__PURE__ */ Q(q, { className: "h-3.5 w-3.5 mr-1" }), "Approve & Execute"]
 							}), /* @__PURE__ */ $(v, {
 								size: "sm",
 								variant: "destructive",
@@ -4770,15 +4818,15 @@ function Wa({ apiBase: t, headers: n, pollInterval: r = 5e3, conversationId: i,
 				}) : null]
 			})
 		}),
-		/* @__PURE__ */ Q(he, {
+		/* @__PURE__ */ Q(pe, {
 			open: !!h,
 			onOpenChange: (e) => {
 				e || (g(null), w(""));
 			},
-			children: /* @__PURE__ */ $(ge, {
+			children: /* @__PURE__ */ $(me, {
 				side: "bottom",
 				className: "max-h-[40vh]",
-				children: [/* @__PURE__ */ $(ve, { children: [/* @__PURE__ */ Q(ye, { children: "Reject this action?" }), /* @__PURE__ */ Q(_e, { children: "The reason is shown back to the AI so it can adjust its next response." })] }), /* @__PURE__ */ $("div", {
+				children: [/* @__PURE__ */ $(ge, { children: [/* @__PURE__ */ Q(_e, { children: "Reject this action?" }), /* @__PURE__ */ Q(he, { 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(Ee, {
 						value: _,
@@ -4974,10 +5022,10 @@ var Za = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 	};
 	return /* @__PURE__ */ $("div", {
 		ref: p,
-		className: q("flex flex-col border rounded-lg bg-background overflow-hidden", t),
+		className: K("flex flex-col border rounded-lg bg-background overflow-hidden", t),
 		style: { maxHeight: d },
 		...f,
-		children: [/* @__PURE__ */ Q(se, {
+		children: [/* @__PURE__ */ Q(V, {
 			ref: g,
 			className: "flex-1 p-4",
 			children: /* @__PURE__ */ Q("div", {
@@ -5010,7 +5058,7 @@ var Za = e.forwardRef(({ className: t, messages: n = [], placeholder: r = "Type
 					onClick: y,
 					disabled: a || !m.trim(),
 					size: "icon",
-					children: /* @__PURE__ */ Q(ut, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ Q(dt, { className: "h-4 w-4" })
 				})]
 			})
 		})]
@@ -5028,7 +5076,7 @@ var Qa = ({ 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: q("flex gap-3", o ? "flex-row-reverse" : "flex-row"),
+		className: K("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, {
@@ -5036,9 +5084,9 @@ var Qa = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback:
 				children: c
 			})]
 		}), /* @__PURE__ */ $("div", {
-			className: q("flex flex-col gap-1", o ? "items-end" : "items-start"),
+			className: K("flex flex-col gap-1", o ? "items-end" : "items-start"),
 			children: [/* @__PURE__ */ Q("div", {
-				className: q("rounded-lg px-4 py-2 max-w-[70%] break-words", o ? "bg-primary text-primary-foreground" : "bg-muted"),
+				className: K("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
@@ -5051,7 +5099,7 @@ var Qa = ({ message: e, showTimestamp: t, userAvatarUrl: n, userAvatarFallback:
 	});
 }, $a = e.forwardRef(({ className: e, avatarSrc: t, avatarFallback: n = "AI", ...r }, i) => /* @__PURE__ */ $("div", {
 	ref: i,
-	className: q("flex gap-3", e),
+	className: K("flex gap-3", e),
 	...r,
 	children: [/* @__PURE__ */ $(m, {
 		className: "h-8 w-8",