@rpcbase/agents-sdk 0.4.0 → 0.5.0

package/dist/{data-stream-handler-D9R15ZTc.js → data-stream-handler-COHb5rm3.js}

@@ -55563,17 +55563,12 @@ var FB = ({ className: e, ...t }) => /* @__PURE__ */ H("form", {
 });
 //#endregion
 //#region src/components/suggested-actions.tsx
-function VB({ chatId: e, sendMessage: t }) {
-	let { getChatPath: n } = et(), r = [
-		"What are the advantages of using Next.js?",
-		"Write code to demonstrate Dijkstra's algorithm",
-		"Help me write an essay about Silicon Valley",
-		"What is the weather in San Francisco?"
-	];
-	return /* @__PURE__ */ H("div", {
+function VB({ chatId: e, sendMessage: t, suggestedActions: n }) {
+	let { getChatPath: r } = et(), i = n.map((e) => e.trim()).filter(Boolean);
+	return i.length === 0 ? null : /* @__PURE__ */ H("div", {
 		className: "grid w-full gap-2 sm:grid-cols-2",
 		"data-testid": "suggested-actions",
-		children: r.map((r, i) => /* @__PURE__ */ H(yj.div, {
+		children: i.map((n, i) => /* @__PURE__ */ H(yj.div, {
 			animate: {
 				opacity: 1,
 				y: 0
@@ -55589,22 +55584,22 @@ function VB({ chatId: e, sendMessage: t }) {
 			transition: { delay: .05 * i },
 			children: /* @__PURE__ */ H(BB, {
 				className: "h-auto w-full whitespace-normal p-3 text-left",
-				onClick: (r) => {
-					window.history.pushState({}, "", n(e)), t({
+				onClick: (n) => {
+					window.history.pushState({}, "", r(e)), t({
 						role: "user",
 						parts: [{
 							type: "text",
-							text: r
+							text: n
 						}]
 					});
 				},
-				suggestion: r,
-				children: r
+				suggestion: n,
+				children: n
 			})
-		}, r))
+		}, `${i}-${n}`))
 	});
 }
-var HB = S(VB, (e, t) => e.chatId === t.chatId);
+var HB = S(VB, (e, t) => !(e.chatId !== t.chatId || !xe(e.suggestedActions, t.suggestedActions)));
 //#endregion
 //#region src/components/multimodal-input.tsx
 function UB(e, t) {
@@ -55643,37 +55638,37 @@ function XB(e, t) {
 	let r = qB(t.scrollArea);
 	r && (r.scrollTop = 0);
 }
-function ZB({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments: a, setAttachments: o, messages: s, setMessages: c, sendMessage: l, className: u, selectedModelId: d, onModelChange: p, openaiReasoningEffort: m = f, onOpenAIReasoningEffortChange: h }) {
-	let g = N(null), _ = N(null), [v, y] = P(GB), { width: b } = uM(), { getChatPath: x } = et();
+function ZB({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments: a, setAttachments: o, messages: s, setMessages: c, sendMessage: l, className: u, selectedModelId: d, onModelChange: p, openaiReasoningEffort: m = f, onOpenAIReasoningEffortChange: h, suggestedActions: g }) {
+	let _ = N(null), v = N(null), [y, b] = P(GB), { width: x } = uM(), { getChatPath: S } = et();
 	E(() => {
-		YB(g.current, {
-			scrollArea: _.current,
-			setScrollAreaHeight: y
+		YB(_.current, {
+			scrollArea: v.current,
+			setScrollAreaHeight: b
 		});
-	}, [t, b]);
-	let S = N(!1);
+	}, [t, x]);
+	let w = N(!1);
 	E(() => {
-		if (!S.current && b) {
+		if (!w.current && x) {
 			let e = setTimeout(() => {
-				g.current?.focus(), S.current = !0;
+				_.current?.focus(), w.current = !0;
 			}, 100);
 			return () => clearTimeout(e);
 		}
-	}, [b]);
-	let [w, T] = aM("input", "");
+	}, [x]);
+	let [T, D] = aM("input", "");
 	E(() => {
-		g.current && n(g.current.value || w || "");
-	}, [w, n]), E(() => {
-		T(t);
-	}, [t, T]);
-	let D = (e) => {
+		_.current && n(_.current.value || T || "");
+	}, [T, n]), E(() => {
+		D(t);
+	}, [t, D]);
+	let O = (e) => {
 		n(e.target.value), YB(e.currentTarget, {
-			scrollArea: _.current,
-			setScrollAreaHeight: y
+			scrollArea: v.current,
+			setScrollAreaHeight: b
 		});
-	}, O = N(null), [k, A] = P([]), j = C(() => {
+	}, k = N(null), [A, j] = P([]), M = C(() => {
 		let r = Vd();
-		window.history.pushState({}, "", Gd(x(e), r)), l({
+		window.history.pushState({}, "", Gd(S(e), r)), l({
 			role: "user",
 			parts: [...a.map((e) => ({
 				type: "file",
@@ -55684,21 +55679,21 @@ function ZB({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 				type: "text",
 				text: t
 			}]
-		}), o([]), T(""), n(""), XB(g.current, {
-			scrollArea: _.current,
-			setScrollAreaHeight: y
-		}), b && b > 768 && g.current?.focus();
+		}), o([]), D(""), n(""), XB(_.current, {
+			scrollArea: v.current,
+			setScrollAreaHeight: b
+		}), x && x > 768 && _.current?.focus();
 	}, [
 		t,
 		n,
 		a,
 		l,
 		o,
-		T,
-		b,
+		D,
+		x,
 		e,
-		x
-	]), M = C(async (e) => {
+		S
+	]), F = C(async (e) => {
 		try {
 			let t = Vd(), n = await fetch("/api/rb/file-uploads", {
 				method: "POST",
@@ -55759,48 +55754,49 @@ function ZB({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 		} catch {
 			de.error("Failed to upload file, please try again!");
 		}
-	}, []), F = C(async (e) => {
+	}, []), I = C(async (e) => {
 		let t = Array.from(e.target.files || []);
-		A(t.map((e) => e.name));
+		j(t.map((e) => e.name));
 		try {
-			let e = t.map((e) => M(e)), n = (await Promise.all(e)).filter((e) => e !== void 0);
+			let e = t.map((e) => F(e)), n = (await Promise.all(e)).filter((e) => e !== void 0);
 			o((e) => [...e, ...n]);
 		} catch (e) {
 			console.error("Error uploading files!", e);
 		} finally {
-			A([]);
+			j([]);
 		}
-	}, [o, M]), I = C(async (e) => {
+	}, [o, F]), L = C(async (e) => {
 		let t = e.clipboardData?.items;
 		if (!t) return;
 		let n = Array.from(t).filter((e) => e.type.startsWith("image/"));
 		if (n.length !== 0) {
-			e.preventDefault(), A((e) => [...e, "Pasted image"]);
+			e.preventDefault(), j((e) => [...e, "Pasted image"]);
 			try {
-				let e = n.map((e) => e.getAsFile()).filter((e) => e !== null).map((e) => M(e)), t = (await Promise.all(e)).filter((e) => e !== void 0 && e.url !== void 0 && e.contentType !== void 0);
+				let e = n.map((e) => e.getAsFile()).filter((e) => e !== null).map((e) => F(e)), t = (await Promise.all(e)).filter((e) => e !== void 0 && e.url !== void 0 && e.contentType !== void 0);
 				o((e) => [...e, ...t]);
 			} catch (e) {
 				console.error("Error uploading pasted images:", e), de.error("Failed to upload pasted image(s)");
 			} finally {
-				A([]);
+				j([]);
 			}
 		}
-	}, [o, M]);
+	}, [o, F]);
 	return E(() => {
-		let e = g.current;
-		if (e) return e.addEventListener("paste", I), () => e.removeEventListener("paste", I);
-	}, [I]), /* @__PURE__ */ U("div", {
+		let e = _.current;
+		if (e) return e.addEventListener("paste", L), () => e.removeEventListener("paste", L);
+	}, [L]), /* @__PURE__ */ U("div", {
 		className: G("relative flex w-full flex-col gap-4", u),
 		children: [
-			s.length === 0 && a.length === 0 && k.length === 0 && /* @__PURE__ */ H(HB, {
+			s.length === 0 && a.length === 0 && A.length === 0 && g && g.length > 0 && /* @__PURE__ */ H(HB, {
 				chatId: e,
-				sendMessage: l
+				sendMessage: l,
+				suggestedActions: g
 			}),
 			/* @__PURE__ */ H("input", {
 				className: "-top-4 -left-4 pointer-events-none fixed size-0.5 opacity-0",
 				multiple: !0,
-				onChange: F,
-				ref: O,
+				onChange: I,
+				ref: k,
 				tabIndex: -1,
 				type: "file"
 			}),
@@ -55808,23 +55804,23 @@ function ZB({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 				className: "rounded-xl border border-border bg-background p-3 shadow-xs transition-all duration-200 focus-within:border-border hover:border-muted-foreground/50",
 				onSubmit: (e) => {
 					if (e.preventDefault(), !(!t.trim() && a.length === 0)) {
-						if (k.length > 0) {
+						if (A.length > 0) {
 							de.error("Please wait for uploads to finish!");
 							return;
 						}
-						r === "ready" ? j() : de.error("Please wait for the model to finish its response!");
+						r === "ready" ? M() : de.error("Please wait for the model to finish its response!");
 					}
 				},
 				children: [
-					(a.length > 0 || k.length > 0) && /* @__PURE__ */ U("div", {
+					(a.length > 0 || A.length > 0) && /* @__PURE__ */ U("div", {
 						className: "flex flex-row items-end gap-2 overflow-x-scroll",
 						"data-testid": "attachments-preview",
 						children: [a.map((e) => /* @__PURE__ */ H(uL, {
 							attachment: e,
 							onRemove: () => {
-								o((t) => t.filter((t) => t.url !== e.url)), O.current && (O.current.value = "");
+								o((t) => t.filter((t) => t.url !== e.url)), k.current && (k.current.value = "");
 							}
-						}, e.url)), k.map((e) => /* @__PURE__ */ H(uL, {
+						}, e.url)), A.map((e) => /* @__PURE__ */ H(uL, {
 							attachment: {
 								url: "",
 								name: e,
@@ -55837,15 +55833,15 @@ function ZB({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 						className: "flex flex-row items-start gap-1 sm:gap-2",
 						children: /* @__PURE__ */ H(WR, {
 							className: "grow rounded-md",
-							ref: _,
-							style: { height: v },
+							ref: v,
+							style: { height: y },
 							children: /* @__PURE__ */ H(IB, {
 								className: "min-h-10 w-full resize-none overflow-y-hidden border-0! border-none! bg-transparent p-2 text-base outline-none ring-0 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
 								"data-testid": "multimodal-input",
 								disableAutoResize: !0,
-								onChange: D,
+								onChange: O,
 								placeholder: "Send a message...",
-								ref: g,
+								ref: _,
 								rows: 1,
 								value: t
 							})
@@ -55857,12 +55853,12 @@ function ZB({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 							className: "gap-0 sm:gap-0.5",
 							children: [
 								/* @__PURE__ */ H(eV, {
-									fileInputRef: O,
+									fileInputRef: k,
 									selectedModelId: d,
 									status: r
 								}),
 								/* @__PURE__ */ H(nV, {
-									focusTargetRef: g,
+									focusTargetRef: _,
 									idScope: e,
 									onModelChange: p,
 									selectedModelId: d
@@ -55881,7 +55877,7 @@ function ZB({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 						}) : /* @__PURE__ */ H(zB, {
 							className: "size-8 rounded-full bg-primary text-primary-foreground transition-colors duration-200 hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground",
 							"data-testid": "send-button",
-							disabled: !t.trim() || k.length > 0,
+							disabled: !t.trim() || A.length > 0,
 							status: r,
 							children: /* @__PURE__ */ H(K, { size: 14 })
 						})]
@@ -55891,7 +55887,7 @@ function ZB({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 		]
 	});
 }
-var QB = S(ZB, (e, t) => !(e.input !== t.input || e.status !== t.status || !xe(e.attachments, t.attachments) || e.selectedModelId !== t.selectedModelId || e.openaiReasoningEffort !== t.openaiReasoningEffort));
+var QB = S(ZB, (e, t) => !(e.input !== t.input || e.status !== t.status || !xe(e.attachments, t.attachments) || e.selectedModelId !== t.selectedModelId || e.openaiReasoningEffort !== t.openaiReasoningEffort || !xe(e.suggestedActions, t.suggestedActions)));
 function $B({ fileInputRef: e, status: t, selectedModelId: n }) {
 	let r = n.includes("reasoning") || n.includes("think");
 	return /* @__PURE__ */ H(ef, {
@@ -56301,33 +56297,33 @@ var oV = S(aV), sV = ({ description: e, icon: t, selectedTool: n, setSelectedToo
 	SM,
 	HP
 ];
-function mV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, status: i, stop: a, attachments: o, setAttachments: s, sendMessage: c, messages: l, setMessages: u, regenerate: d, votes: f, isReadonly: p, selectedModelId: m }) {
-	let { artifact: h, setArtifact: g, metadata: _, setMetadata: v } = Hy(), { data: y, isLoading: b, mutate: x } = cv(h.documentId !== "init" && h.status !== "streaming" ? `/api/rb/agents/document?id=${h.documentId}` : null, Kd), [S, w] = P("edit"), [T, D] = P(null), [O, k] = P(-1);
+function mV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, status: i, stop: a, attachments: o, setAttachments: s, sendMessage: c, messages: l, setMessages: u, regenerate: d, votes: f, isReadonly: p, selectedModelId: m, suggestedActions: h }) {
+	let { artifact: g, setArtifact: _, metadata: v, setMetadata: y } = Hy(), { data: b, isLoading: x, mutate: S } = cv(g.documentId !== "init" && g.status !== "streaming" ? `/api/rb/agents/document?id=${g.documentId}` : null, Kd), [w, T] = P("edit"), [D, O] = P(null), [k, A] = P(-1);
 	E(() => {
-		if (y && y.length > 0) {
-			let e = y.at(-1);
-			e && (D(e), k(y.length - 1), g((t) => ({
+		if (b && b.length > 0) {
+			let e = b.at(-1);
+			e && (O(e), A(b.length - 1), _((t) => ({
 				...t,
 				content: e.content ?? ""
 			})));
 		}
-	}, [y, g]), E(() => {
-		x();
-	}, [x]);
-	let { mutate: A } = G_(), [j, M] = P(!1), N = C((e) => {
-		h && A(`/api/rb/agents/document?id=${h.documentId}`, async (t) => {
+	}, [b, _]), E(() => {
+		S();
+	}, [S]);
+	let { mutate: j } = G_(), [M, N] = P(!1), F = C((e) => {
+		g && j(`/api/rb/agents/document?id=${g.documentId}`, async (t) => {
 			if (!t) return [];
 			let n = t.at(-1);
-			if (!n || !n.content) return M(!1), t;
+			if (!n || !n.content) return N(!1), t;
 			if (n.content !== e) {
-				await fetch(`/api/rb/agents/document?id=${h.documentId}`, {
+				await fetch(`/api/rb/agents/document?id=${g.documentId}`, {
 					method: "POST",
 					body: JSON.stringify({
-						title: h.title,
+						title: g.title,
 						content: e,
-						kind: h.kind
+						kind: g.kind
 					})
-				}), M(!1);
+				}), N(!1);
 				let r = {
 					...n,
 					content: e,
@@ -56337,30 +56333,30 @@ function mV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 			}
 			return t;
 		}, { revalidate: !1 });
-	}, [h, A]), F = sM(N, 2e3), I = C((e, t) => {
-		T && e !== T.content && (M(!0), t ? F(e) : N(e));
+	}, [g, j]), I = sM(F, 2e3), L = C((e, t) => {
+		D && e !== D.content && (N(!0), t ? I(e) : F(e));
 	}, [
-		T,
-		F,
-		N
+		D,
+		I,
+		F
 	]);
-	function L(e) {
-		return !y || !y[e] ? "" : y[e].content ?? "";
+	function R(e) {
+		return !b || !b[e] ? "" : b[e].content ?? "";
 	}
-	let R = (e) => {
-		y && (e === "latest" && (k(y.length - 1), w("edit")), e === "toggle" && w((e) => e === "edit" ? "diff" : "edit"), e === "prev" ? O > 0 && k((e) => e - 1) : e === "next" && O < y.length - 1 && k((e) => e + 1));
-	}, [z, ee] = P(!1), B = y && y.length > 0 ? O === y.length - 1 : !0, te = dm(), V = pV.find((e) => e.kind === h.kind);
-	if (!V) throw Error("Artifact definition not found!");
+	let z = (e) => {
+		b && (e === "latest" && (A(b.length - 1), T("edit")), e === "toggle" && T((e) => e === "edit" ? "diff" : "edit"), e === "prev" ? k > 0 && A((e) => e - 1) : e === "next" && k < b.length - 1 && A((e) => e + 1));
+	}, [ee, B] = P(!1), te = b && b.length > 0 ? k === b.length - 1 : !0, V = dm(), ne = pV.find((e) => e.kind === g.kind);
+	if (!ne) throw Error("Artifact definition not found!");
 	return E(() => {
-		h.documentId !== "init" && V.initialize && V.initialize({
-			documentId: h.documentId,
-			setMetadata: v
+		g.documentId !== "init" && ne.initialize && ne.initialize({
+			documentId: g.documentId,
+			setMetadata: y
 		});
 	}, [
-		h.documentId,
-		V,
-		v
-	]), /* @__PURE__ */ H(Ek, { children: h.isVisible && /* @__PURE__ */ U(yj.div, {
+		g.documentId,
+		ne,
+		y
+	]), /* @__PURE__ */ H(Ek, { children: g.isVisible && /* @__PURE__ */ U(yj.div, {
 		animate: { opacity: 1 },
 		className: "absolute inset-0 z-50 flex min-h-0 min-w-0 flex-row overflow-hidden bg-background",
 		"data-testid": "artifact",
@@ -56369,7 +56365,7 @@ function mV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 			transition: { delay: .4 }
 		},
 		initial: { opacity: 1 },
-		children: [!te && /* @__PURE__ */ U(yj.div, {
+		children: [!V && /* @__PURE__ */ U(yj.div, {
 			animate: {
 				opacity: 1,
 				x: 0,
@@ -56393,7 +56389,7 @@ function mV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 				x: 10,
 				scale: 1
 			},
-			children: [/* @__PURE__ */ H(Ek, { children: !B && /* @__PURE__ */ H(yj.div, {
+			children: [/* @__PURE__ */ H(Ek, { children: !te && /* @__PURE__ */ H(yj.div, {
 				animate: { opacity: 1 },
 				className: "absolute inset-0 z-50 bg-background/70",
 				exit: { opacity: 0 },
@@ -56402,7 +56398,7 @@ function mV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 				className: "flex h-full flex-col items-center justify-between",
 				children: [/* @__PURE__ */ H(kL, {
 					addToolApprovalResponse: e,
-					artifactStatus: h.status,
+					artifactStatus: g.status,
 					chatId: t,
 					isReadonly: p,
 					messages: l,
@@ -56424,7 +56420,8 @@ function mV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 						setInput: r,
 						setMessages: u,
 						status: i,
-						stop: a
+						stop: a,
+						suggestedActions: h
 					})
 				})]
 			})]
@@ -56453,7 +56450,7 @@ function mV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 					damping: 30
 				}
 			},
-			initial: te ? {
+			initial: V ? {
 				opacity: 0,
 				x: 0,
 				y: 16,
@@ -56473,131 +56470,137 @@ function mV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 							className: "flex flex-col",
 							children: [/* @__PURE__ */ H("div", {
 								className: "font-medium",
-								children: h.title
-							}), j ? /* @__PURE__ */ H("div", {
+								children: g.title
+							}), M ? /* @__PURE__ */ H("div", {
 								className: "text-muted-foreground text-sm",
 								children: "Saving changes..."
-							}) : T ? /* @__PURE__ */ H("div", {
+							}) : D ? /* @__PURE__ */ H("div", {
 								className: "text-muted-foreground text-sm",
-								children: `Updated ${re(new Date(T.createdAt), /* @__PURE__ */ new Date(), { addSuffix: !0 })}`
+								children: `Updated ${re(new Date(D.createdAt), /* @__PURE__ */ new Date(), { addSuffix: !0 })}`
 							}) : /* @__PURE__ */ H("div", { className: "mt-2 h-3 w-32 animate-pulse rounded-md bg-muted-foreground/20" })]
 						})]
 					}), /* @__PURE__ */ H(zF, {
-						artifact: h,
-						currentVersionIndex: O,
-						handleVersionChange: R,
-						isCurrentVersion: B,
-						metadata: _,
-						mode: S,
-						setMetadata: v
+						artifact: g,
+						currentVersionIndex: k,
+						handleVersionChange: z,
+						isCurrentVersion: te,
+						metadata: v,
+						mode: w,
+						setMetadata: y
 					})]
 				}),
 				/* @__PURE__ */ U("div", {
 					className: "h-full max-w-full! items-center overflow-y-scroll bg-background dark:bg-muted",
-					children: [/* @__PURE__ */ H(V.content, {
-						content: B ? h.content : L(O),
-						currentVersionIndex: O,
-						getDocumentContentById: L,
-						isCurrentVersion: B,
+					children: [/* @__PURE__ */ H(ne.content, {
+						content: te ? g.content : R(k),
+						currentVersionIndex: k,
+						getDocumentContentById: R,
+						isCurrentVersion: te,
 						isInline: !1,
-						isLoading: b && !h.content,
-						metadata: _,
-						mode: S,
-						onSaveContent: I,
-						setMetadata: v,
-						status: h.status,
+						isLoading: x && !g.content,
+						metadata: v,
+						mode: w,
+						onSaveContent: L,
+						setMetadata: y,
+						status: g.status,
 						suggestions: [],
-						title: h.title
-					}), /* @__PURE__ */ H(Ek, { children: B && /* @__PURE__ */ H(dV, {
-						artifactKind: h.kind,
-						isToolbarVisible: z,
+						title: g.title
+					}), /* @__PURE__ */ H(Ek, { children: te && /* @__PURE__ */ H(dV, {
+						artifactKind: g.kind,
+						isToolbarVisible: ee,
 						sendMessage: c,
-						setIsToolbarVisible: ee,
+						setIsToolbarVisible: B,
 						setMessages: u,
 						status: i,
 						stop: a
 					}) })]
 				}),
-				/* @__PURE__ */ H(Ek, { children: !B && /* @__PURE__ */ H(fV, {
-					currentVersionIndex: O,
-					documents: y,
-					handleVersionChange: R
+				/* @__PURE__ */ H(Ek, { children: !te && /* @__PURE__ */ H(fV, {
+					currentVersionIndex: k,
+					documents: b,
+					handleVersionChange: z
 				}) })
 			]
 		})]
 	}) });
 }
-var hV = S(mV, (e, t) => !(e.status !== t.status || !xe(e.votes, t.votes) || e.input !== t.input || !xe(e.messages, t.messages.length))), gV = () => /* @__PURE__ */ U("div", {
-	className: "mx-auto mt-4 flex size-full max-w-3xl flex-col justify-center px-4 md:mt-16 md:px-8",
-	children: [/* @__PURE__ */ H(yj.div, {
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		className: "font-semibold text-xl md:text-2xl",
-		exit: {
-			opacity: 0,
-			y: 10
-		},
-		initial: {
-			opacity: 0,
-			y: 10
-		},
-		transition: { delay: .5 },
-		children: "Hello there!"
-	}), /* @__PURE__ */ H(yj.div, {
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		className: "text-xl text-muted-foreground md:text-2xl",
-		exit: {
-			opacity: 0,
-			y: 10
-		},
-		initial: {
-			opacity: 0,
-			y: 10
-		},
-		transition: { delay: .6 },
-		children: "How can I help you today?"
-	})]
-}, "overview");
+var hV = S(mV, (e, t) => !(e.status !== t.status || !xe(e.votes, t.votes) || e.input !== t.input || !xe(e.messages, t.messages.length) || !xe(e.suggestedActions, t.suggestedActions))), gV = ({ title1: e, title2: t }) => {
+	let n = e?.trim(), r = t?.trim();
+	return !n && !r ? null : /* @__PURE__ */ U("div", {
+		className: "mx-auto mt-4 flex size-full max-w-3xl flex-col justify-center px-4 md:mt-16 md:px-8",
+		children: [n && /* @__PURE__ */ H(yj.div, {
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			className: "font-semibold text-xl md:text-2xl",
+			exit: {
+				opacity: 0,
+				y: 10
+			},
+			initial: {
+				opacity: 0,
+				y: 10
+			},
+			transition: { delay: .5 },
+			children: n
+		}), r && /* @__PURE__ */ H(yj.div, {
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			className: "text-xl text-muted-foreground md:text-2xl",
+			exit: {
+				opacity: 0,
+				y: 10
+			},
+			initial: {
+				opacity: 0,
+				y: 10
+			},
+			transition: { delay: .6 },
+			children: r
+		})]
+	}, "overview");
+};
 //#endregion
 //#region src/components/messages.tsx
-function _V({ addToolApprovalResponse: e, chatId: t, status: n, votes: r, messages: i, setMessages: a, regenerate: o, isReadonly: s, selectedModelId: c }) {
-	let l = i.at(-1), u = (e) => e === "dynamic-tool" || e.startsWith("tool-"), d = l?.role === "assistant" && (l.parts?.some((e) => e.type === "text" ? !!e.text?.trim() : e.type === "reasoning" ? xL(e) : !!u(e.type)) ?? !1), f = n === "submitted" || n === "streaming" && l?.role === "assistant" && !d, p = n === "streaming" && l?.role === "assistant" && !d, { containerRef: m, endRef: h, isAtBottom: g, scrollToBottom: _, hasSentMessage: v } = UF({ status: n });
+function _V({ addToolApprovalResponse: e, chatId: t, status: n, votes: r, messages: i, setMessages: a, regenerate: o, isReadonly: s, selectedModelId: c, title1: l, title2: u }) {
+	let d = i.at(-1), f = (e) => e === "dynamic-tool" || e.startsWith("tool-"), p = d?.role === "assistant" && (d.parts?.some((e) => e.type === "text" ? !!e.text?.trim() : e.type === "reasoning" ? xL(e) : !!f(e.type)) ?? !1), m = n === "submitted" || n === "streaming" && d?.role === "assistant" && !p, h = n === "streaming" && d?.role === "assistant" && !p, { containerRef: g, endRef: _, isAtBottom: v, scrollToBottom: y, hasSentMessage: b } = UF({ status: n });
 	return ot(), /* @__PURE__ */ U("div", {
 		className: "relative flex-1",
 		children: [/* @__PURE__ */ H("div", {
 			className: "absolute inset-0 touch-pan-y overflow-y-auto",
-			ref: m,
+			ref: g,
 			children: /* @__PURE__ */ U("div", {
 				className: "mx-auto flex min-w-0 max-w-4xl flex-col gap-4 px-2 pt-[60px] pb-4 md:gap-6 md:px-4",
 				children: [
-					i.length === 0 && /* @__PURE__ */ H(gV, {}),
-					i.map((c, l) => p && l === i.length - 1 && c.role === "assistant" ? null : /* @__PURE__ */ H(TL, {
+					i.length === 0 && /* @__PURE__ */ H(gV, {
+						title1: l,
+						title2: u
+					}),
+					i.map((c, l) => h && l === i.length - 1 && c.role === "assistant" ? null : /* @__PURE__ */ H(TL, {
 						addToolApprovalResponse: e,
 						chatId: t,
 						isLoading: n === "streaming" && i.length - 1 === l,
 						isReadonly: s,
 						message: c,
 						regenerate: o,
-						requiresScrollPadding: v && l === i.length - 1,
+						requiresScrollPadding: b && l === i.length - 1,
 						setMessages: a,
 						vote: r ? r.find((e) => e.messageId === c.id) : void 0
 					}, c.id)),
-					f && /* @__PURE__ */ H(EL, {}),
+					m && /* @__PURE__ */ H(EL, {}),
 					/* @__PURE__ */ H("div", {
 						className: "min-h-[24px] min-w-[24px] shrink-0",
-						ref: h
+						ref: _
 					})
 				]
 			})
 		}), /* @__PURE__ */ H("button", {
 			"aria-label": "Scroll to bottom",
-			className: `-translate-x-1/2 absolute bottom-4 left-1/2 z-10 rounded-full border bg-background p-2 shadow-lg transition-all hover:bg-muted ${g ? "pointer-events-none scale-0 opacity-0" : "pointer-events-auto scale-100 opacity-100"}`,
-			onClick: () => _("smooth"),
+			className: `-translate-x-1/2 absolute bottom-4 left-1/2 z-10 rounded-full border bg-background p-2 shadow-lg transition-all hover:bg-muted ${v ? "pointer-events-none scale-0 opacity-0" : "pointer-events-auto scale-100 opacity-100"}`,
+			onClick: () => y("smooth"),
 			type: "button",
 			children: /* @__PURE__ */ H(Ef, { className: "size-4" })
 		})]
@@ -56607,16 +56610,16 @@ var vV = _V, yV = (e) => e?.parts?.some((e) => {
 	let t = e.state;
 	return t === "approval-responded" || t === "output-denied";
 }) ?? !1, bV = (e) => `agents-sdk:chat:${e}:stream`, xV = (e) => !!(e && typeof e == "object" && !Array.isArray(e)), SV = (e) => u(e) ?? "default";
-function CV({ id: e, initialMessages: t, initialChatModel: n, isReadonly: r, autoResume: i }) {
-	let { setDataStream: a } = ot(), { getChatPath: s } = et(), u = o.has(n) ? n : c, d = SV(u), [f, p] = P(""), [m, h] = P(u), g = N(m), [_, v] = P(d), y = N(_);
+function CV({ id: e, initialMessages: t, initialChatModel: n, isReadonly: r, autoResume: i, suggestedActions: a, title1: s, title2: u }) {
+	let { setDataStream: d } = ot(), { getChatPath: f } = et(), p = o.has(n) ? n : c, m = SV(p), [h, g] = P(""), [_, v] = P(p), y = N(_), [b, x] = P(m), S = N(b);
 	E(() => {
-		g.current = m;
-	}, [m]), E(() => {
-		h(u), v(SV(u));
-	}, [e, u]), E(() => {
 		y.current = _;
-	}, [_]);
-	let { messages: b, setMessages: x, sendMessage: S, status: C, stop: w, regenerate: T, resumeStream: D, addToolApprovalResponse: O } = zy({
+	}, [_]), E(() => {
+		v(p), x(SV(p));
+	}, [e, p]), E(() => {
+		S.current = b;
+	}, [b]);
+	let { messages: C, setMessages: w, sendMessage: T, status: D, stop: O, regenerate: k, resumeStream: A, addToolApprovalResponse: j } = zy({
 		id: e,
 		messages: t,
 		experimental_throttle: 100,
@@ -56626,7 +56629,7 @@ function CV({ id: e, initialMessages: t, initialChatModel: n, isReadonly: r, aut
 			api: "/api/rb/agents/chat",
 			fetch: qd,
 			prepareSendMessagesRequest(e) {
-				let t = g.current, n = y.current, r = e.messages.at(-1), i = e.messages.at(-2), a = Ud(e.headers, Vd()), o = r?.role !== "user" || r?.role === "user" && yV(i);
+				let t = y.current, n = S.current, r = e.messages.at(-1), i = e.messages.at(-2), a = Ud(e.headers, Vd()), o = r?.role !== "user" || r?.role === "user" && yV(i);
 				return {
 					...a ? { headers: a } : {},
 					body: {
@@ -56647,7 +56650,7 @@ function CV({ id: e, initialMessages: t, initialChatModel: n, isReadonly: r, aut
 			}
 		}),
 		onData: (e) => {
-			a((t) => t ? [...t, e] : []);
+			d((t) => t ? [...t, e] : []);
 		},
 		onError: (e) => {
 			if (e instanceof Nd) {
@@ -56660,7 +56663,7 @@ function CV({ id: e, initialMessages: t, initialChatModel: n, isReadonly: r, aut
 			}
 			de.error("Something went wrong. Please try again.");
 		}
-	}), k = N(null), A = N("");
+	}), M = N(null), F = N("");
 	E(() => fe(bV(e), (t) => {
 		if (!xV(t) || t.chatId !== e) return;
 		let n = t.message;
@@ -56673,34 +56676,34 @@ function CV({ id: e, initialMessages: t, initialChatModel: n, isReadonly: r, aut
 					parts: r,
 					metadata: xV(n.metadata) ? n.metadata : { createdAt: (/* @__PURE__ */ new Date()).toISOString() }
 				};
-				x((t) => {
+				w((t) => {
 					let n = t.findIndex((t) => t.id === e);
 					return n === -1 ? [...t, i] : t.map((e, t) => t === n ? i : e);
 				});
 			}
 		}
 		if (t.done === !0) {
-			k.current = null, A.current = "";
+			M.current = null, F.current = "";
 			return;
 		}
 		let r = t.part;
 		if (!xV(r)) return;
 		if (r.type === "start" && typeof r.messageId == "string") {
-			k.current = r.messageId, A.current = "";
+			M.current = r.messageId, F.current = "";
 			return;
 		}
-		if (typeof r.type == "string" && r.type.startsWith("data-") && a((e) => e ? [...e, r] : []), r.type !== "text-delta" || typeof r.delta != "string") return;
-		let i = k.current;
+		if (typeof r.type == "string" && r.type.startsWith("data-") && d((e) => e ? [...e, r] : []), r.type !== "text-delta" || typeof r.delta != "string") return;
+		let i = M.current;
 		if (!i) return;
-		A.current += r.delta;
-		let o = A.current;
-		x((e) => {
+		F.current += r.delta;
+		let a = F.current;
+		w((e) => {
 			let t = e.findIndex((e) => e.id === i), n = {
 				id: i,
 				role: "assistant",
 				parts: [{
 					type: "text",
-					text: o
+					text: a
 				}],
 				metadata: { createdAt: (/* @__PURE__ */ new Date()).toISOString() }
 			};
@@ -56708,89 +56711,93 @@ function CV({ id: e, initialMessages: t, initialChatModel: n, isReadonly: r, aut
 		});
 	}), [
 		e,
-		a,
-		x
+		d,
+		w
 	]);
-	let [j] = V(), M = j.get("query"), [F, I] = P(!1);
+	let [I] = V(), L = I.get("query"), [R, z] = P(!1);
 	E(() => {
-		if (M && !F) {
-			S({
+		if (L && !R) {
+			T({
 				role: "user",
 				parts: [{
 					type: "text",
-					text: M
+					text: L
 				}]
-			}), I(!0);
+			}), z(!0);
 			let t = new URLSearchParams(window.location.search);
 			t.delete("query");
 			let n = t.toString();
-			window.history.replaceState({}, "", `${s(e)}${n ? `?${n}` : ""}`);
+			window.history.replaceState({}, "", `${f(e)}${n ? `?${n}` : ""}`);
 		}
 	}, [
-		M,
-		S,
-		F,
+		L,
+		T,
+		R,
 		e,
-		s
+		f
 	]);
-	let { data: L } = cv(b.length >= 2 ? `/api/rb/agents/vote?chatId=${e}` : null, Kd), [R, z] = P([]), ee = Vy((e) => e.isVisible);
+	let { data: ee } = cv(C.length >= 2 ? `/api/rb/agents/vote?chatId=${e}` : null, Kd), [B, te] = P([]), ne = Vy((e) => e.isVisible);
 	return Uy({
 		autoResume: i,
 		initialMessages: t,
-		resumeStream: D,
-		setMessages: x
+		resumeStream: A,
+		setMessages: w
 	}), /* @__PURE__ */ U("div", {
 		className: "relative flex h-full min-h-0 min-w-0 overflow-hidden bg-background",
 		children: [/* @__PURE__ */ U("div", {
 			className: "overscroll-behavior-contain flex h-full min-h-0 min-w-0 flex-1 touch-pan-y flex-col bg-background",
 			children: [/* @__PURE__ */ H(vV, {
-				addToolApprovalResponse: O,
+				addToolApprovalResponse: j,
 				chatId: e,
-				isArtifactVisible: ee,
+				isArtifactVisible: ne,
 				isReadonly: r,
-				messages: b,
-				regenerate: T,
-				selectedModelId: u,
-				setMessages: x,
-				status: C,
-				votes: L
+				messages: C,
+				regenerate: k,
+				selectedModelId: p,
+				setMessages: w,
+				status: D,
+				title1: s,
+				title2: u,
+				votes: ee
 			}), /* @__PURE__ */ H("div", {
 				className: "sticky bottom-0 z-1 mx-auto flex w-full max-w-4xl gap-2 border-t-0 bg-background px-2 pb-3 md:px-4 md:pb-4",
 				children: !r && /* @__PURE__ */ H(QB, {
-					attachments: R,
+					attachments: B,
 					chatId: e,
-					input: f,
-					messages: b,
+					input: h,
+					messages: C,
 					onModelChange: (e) => {
-						h(e), v(SV(e));
+						v(e), x(SV(e));
 					},
-					onOpenAIReasoningEffortChange: v,
-					openaiReasoningEffort: _,
-					selectedModelId: m,
-					sendMessage: S,
-					setAttachments: z,
-					setInput: p,
-					setMessages: x,
-					status: C,
-					stop: w
+					onOpenAIReasoningEffortChange: x,
+					openaiReasoningEffort: b,
+					selectedModelId: _,
+					sendMessage: T,
+					setAttachments: te,
+					setInput: g,
+					setMessages: w,
+					status: D,
+					stop: O,
+					suggestedActions: a
 				})
 			})]
 		}), /* @__PURE__ */ H(hV, {
-			addToolApprovalResponse: O,
-			attachments: R,
+			addToolApprovalResponse: j,
+			attachments: B,
 			chatId: e,
-			input: f,
+			input: h,
 			isReadonly: r,
-			messages: b,
-			regenerate: T,
-			selectedModelId: m,
-			sendMessage: S,
-			setAttachments: z,
-			setInput: p,
-			setMessages: x,
-			status: C,
-			stop: w,
-			votes: L
+			messages: C,
+			regenerate: k,
+			selectedModelId: _,
+			sendMessage: T,
+			setAttachments: te,
+			setInput: g,
+			setMessages: w,
+			status: D,
+			stop: O,
+			suggestedActions: a,
+			votes: ee
 		})]
 	});
 }