@rpcbase/agents-sdk 0.4.0 → 0.5.0

package/dist/{data-stream-handler-eapMI8kQ.js → data-stream-handler-YDybFA4k.js}

@@ -55583,17 +55583,12 @@ var UB = ({ className: e, ...t }) => /* @__PURE__ */ B("form", {
 });
 //#endregion
 //#region src/components/suggested-actions.tsx
-function YB({ chatId: e, sendMessage: t }) {
-	let { getChatPath: n } = lt(), 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__ */ B("div", {
+function YB({ chatId: e, sendMessage: t, suggestedActions: n }) {
+	let { getChatPath: r } = lt(), i = n.map((e) => e.trim()).filter(Boolean);
+	return i.length === 0 ? null : /* @__PURE__ */ B("div", {
 		className: "grid w-full gap-2 sm:grid-cols-2",
 		"data-testid": "suggested-actions",
-		children: r.map((r, i) => /* @__PURE__ */ B(Dj.div, {
+		children: i.map((n, i) => /* @__PURE__ */ B(Dj.div, {
 			animate: {
 				opacity: 1,
 				y: 0
@@ -55609,22 +55604,22 @@ function YB({ chatId: e, sendMessage: t }) {
 			transition: { delay: .05 * i },
 			children: /* @__PURE__ */ B(JB, {
 				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 XB = _(YB, (e, t) => e.chatId === t.chatId);
+var XB = _(YB, (e, t) => !(e.chatId !== t.chatId || !_e(e.suggestedActions, t.suggestedActions)));
 //#endregion
 //#region src/components/multimodal-input.tsx
 function ZB(e, t) {
@@ -55663,37 +55658,37 @@ function iV(e, t) {
 	let r = tV(t.scrollArea);
 	r && (r.scrollTop = 0);
 }
-function aV({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments: a, setAttachments: o, messages: c, setMessages: l, sendMessage: u, className: d, selectedModelId: f, onModelChange: p, openaiReasoningEffort: m = s, onOpenAIReasoningEffortChange: h }) {
-	let g = O(null), _ = O(null), [y, b] = k($B), { width: S } = vM(), { getChatPath: C } = lt();
+function aV({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments: a, setAttachments: o, messages: c, setMessages: l, sendMessage: u, className: d, selectedModelId: f, onModelChange: p, openaiReasoningEffort: m = s, onOpenAIReasoningEffortChange: h, suggestedActions: g }) {
+	let _ = O(null), y = O(null), [b, S] = k($B), { width: C } = vM(), { getChatPath: w } = lt();
 	x(() => {
-		rV(g.current, {
-			scrollArea: _.current,
-			setScrollAreaHeight: b
+		rV(_.current, {
+			scrollArea: y.current,
+			setScrollAreaHeight: S
 		});
-	}, [t, S]);
-	let w = O(!1);
+	}, [t, C]);
+	let T = O(!1);
 	x(() => {
-		if (!w.current && S) {
+		if (!T.current && C) {
 			let e = setTimeout(() => {
-				g.current?.focus(), w.current = !0;
+				_.current?.focus(), T.current = !0;
 			}, 100);
 			return () => clearTimeout(e);
 		}
-	}, [S]);
-	let [T, E] = pM("input", "");
+	}, [C]);
+	let [E, D] = pM("input", "");
 	x(() => {
-		g.current && n(g.current.value || T || "");
-	}, [T, n]), x(() => {
-		E(t);
-	}, [t, E]);
-	let D = (e) => {
+		_.current && n(_.current.value || E || "");
+	}, [E, n]), x(() => {
+		D(t);
+	}, [t, D]);
+	let A = (e) => {
 		n(e.target.value), rV(e.currentTarget, {
-			scrollArea: _.current,
-			setScrollAreaHeight: b
+			scrollArea: y.current,
+			setScrollAreaHeight: S
 		});
-	}, A = O(null), [j, M] = k([]), N = v(() => {
+	}, j = O(null), [M, N] = k([]), P = v(() => {
 		let r = Yd();
-		window.history.pushState({}, "", $d(C(e), r)), u({
+		window.history.pushState({}, "", $d(w(e), r)), u({
 			role: "user",
 			parts: [...a.map((e) => ({
 				type: "file",
@@ -55704,21 +55699,21 @@ function aV({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 				type: "text",
 				text: t
 			}]
-		}), o([]), E(""), n(""), iV(g.current, {
-			scrollArea: _.current,
-			setScrollAreaHeight: b
-		}), S && S > 768 && g.current?.focus();
+		}), o([]), D(""), n(""), iV(_.current, {
+			scrollArea: y.current,
+			setScrollAreaHeight: S
+		}), C && C > 768 && _.current?.focus();
 	}, [
 		t,
 		n,
 		a,
 		u,
 		o,
-		E,
-		S,
+		D,
+		C,
 		e,
-		C
-	]), P = v(async (e) => {
+		w
+	]), F = v(async (e) => {
 		try {
 			let t = Yd(), n = await fetch("/api/rb/file-uploads", {
 				method: "POST",
@@ -55779,48 +55774,49 @@ function aV({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 		} catch {
 			se.error("Failed to upload file, please try again!");
 		}
-	}, []), F = v(async (e) => {
+	}, []), I = v(async (e) => {
 		let t = Array.from(e.target.files || []);
-		M(t.map((e) => e.name));
+		N(t.map((e) => e.name));
 		try {
-			let e = t.map((e) => P(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 {
-			M([]);
+			N([]);
 		}
-	}, [o, P]), I = v(async (e) => {
+	}, [o, F]), L = v(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(), M((e) => [...e, "Pasted image"]);
+			e.preventDefault(), N((e) => [...e, "Pasted image"]);
 			try {
-				let e = n.map((e) => e.getAsFile()).filter((e) => e !== null).map((e) => P(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), se.error("Failed to upload pasted image(s)");
 			} finally {
-				M([]);
+				N([]);
 			}
 		}
-	}, [o, P]);
+	}, [o, F]);
 	return x(() => {
-		let e = g.current;
-		if (e) return e.addEventListener("paste", I), () => e.removeEventListener("paste", I);
-	}, [I]), /* @__PURE__ */ V("div", {
+		let e = _.current;
+		if (e) return e.addEventListener("paste", L), () => e.removeEventListener("paste", L);
+	}, [L]), /* @__PURE__ */ V("div", {
 		className: W("relative flex w-full flex-col gap-4", d),
 		children: [
-			c.length === 0 && a.length === 0 && j.length === 0 && /* @__PURE__ */ B(XB, {
+			c.length === 0 && a.length === 0 && M.length === 0 && g && g.length > 0 && /* @__PURE__ */ B(XB, {
 				chatId: e,
-				sendMessage: u
+				sendMessage: u,
+				suggestedActions: g
 			}),
 			/* @__PURE__ */ B("input", {
 				className: "-top-4 -left-4 pointer-events-none fixed size-0.5 opacity-0",
 				multiple: !0,
-				onChange: F,
-				ref: A,
+				onChange: I,
+				ref: j,
 				tabIndex: -1,
 				type: "file"
 			}),
@@ -55828,23 +55824,23 @@ function aV({ 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 (j.length > 0) {
+						if (M.length > 0) {
 							se.error("Please wait for uploads to finish!");
 							return;
 						}
-						r === "ready" ? N() : se.error("Please wait for the model to finish its response!");
+						r === "ready" ? P() : se.error("Please wait for the model to finish its response!");
 					}
 				},
 				children: [
-					(a.length > 0 || j.length > 0) && /* @__PURE__ */ V("div", {
+					(a.length > 0 || M.length > 0) && /* @__PURE__ */ V("div", {
 						className: "flex flex-row items-end gap-2 overflow-x-scroll",
 						"data-testid": "attachments-preview",
 						children: [a.map((e) => /* @__PURE__ */ B(vL, {
 							attachment: e,
 							onRemove: () => {
-								o((t) => t.filter((t) => t.url !== e.url)), A.current && (A.current.value = "");
+								o((t) => t.filter((t) => t.url !== e.url)), j.current && (j.current.value = "");
 							}
-						}, e.url)), j.map((e) => /* @__PURE__ */ B(vL, {
+						}, e.url)), M.map((e) => /* @__PURE__ */ B(vL, {
 							attachment: {
 								url: "",
 								name: e,
@@ -55857,15 +55853,15 @@ function aV({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 						className: "flex flex-row items-start gap-1 sm:gap-2",
 						children: /* @__PURE__ */ B(QR, {
 							className: "grow rounded-md",
-							ref: _,
-							style: { height: y },
+							ref: y,
+							style: { height: b },
 							children: /* @__PURE__ */ B(WB, {
 								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: A,
 								placeholder: "Send a message...",
-								ref: g,
+								ref: _,
 								rows: 1,
 								value: t
 							})
@@ -55877,12 +55873,12 @@ function aV({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 							className: "gap-0 sm:gap-0.5",
 							children: [
 								/* @__PURE__ */ B(cV, {
-									fileInputRef: A,
+									fileInputRef: j,
 									selectedModelId: f,
 									status: r
 								}),
 								/* @__PURE__ */ B(uV, {
-									focusTargetRef: g,
+									focusTargetRef: _,
 									idScope: e,
 									onModelChange: p,
 									selectedModelId: f
@@ -55901,7 +55897,7 @@ function aV({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 						}) : /* @__PURE__ */ B(qB, {
 							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() || j.length > 0,
+							disabled: !t.trim() || M.length > 0,
 							status: r,
 							children: /* @__PURE__ */ B(yt, { size: 14 })
 						})]
@@ -55911,7 +55907,7 @@ function aV({ chatId: e, input: t, setInput: n, status: r, stop: i, attachments:
 		]
 	});
 }
-var oV = _(aV, (e, t) => !(e.input !== t.input || e.status !== t.status || !_e(e.attachments, t.attachments) || e.selectedModelId !== t.selectedModelId || e.openaiReasoningEffort !== t.openaiReasoningEffort));
+var oV = _(aV, (e, t) => !(e.input !== t.input || e.status !== t.status || !_e(e.attachments, t.attachments) || e.selectedModelId !== t.selectedModelId || e.openaiReasoningEffort !== t.openaiReasoningEffort || !_e(e.suggestedActions, t.suggestedActions)));
 function sV({ fileInputRef: e, status: t, selectedModelId: n }) {
 	let r = n.includes("reasoning") || n.includes("think");
 	return /* @__PURE__ */ B(lf, {
@@ -56321,33 +56317,33 @@ var mV = _(pV), hV = ({ description: e, icon: t, selectedTool: n, setSelectedToo
 	AM,
 	XP
 ];
-function SV({ 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: y } = Xy(), { data: b, isLoading: S, mutate: C } = gv(h.documentId !== "init" && h.status !== "streaming" ? `/api/rb/agents/document?id=${h.documentId}` : null, ef), [w, T] = k("edit"), [E, D] = k(null), [O, A] = k(-1);
+function SV({ 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: y, setMetadata: b } = Xy(), { data: S, isLoading: C, mutate: w } = gv(g.documentId !== "init" && g.status !== "streaming" ? `/api/rb/agents/document?id=${g.documentId}` : null, ef), [T, E] = k("edit"), [D, O] = k(null), [A, j] = k(-1);
 	x(() => {
-		if (b && b.length > 0) {
-			let e = b.at(-1);
-			e && (D(e), A(b.length - 1), g((t) => ({
+		if (S && S.length > 0) {
+			let e = S.at(-1);
+			e && (O(e), j(S.length - 1), _((t) => ({
 				...t,
 				content: e.content ?? ""
 			})));
 		}
-	}, [b, g]), x(() => {
-		C();
-	}, [C]);
-	let { mutate: j } = $_(), [M, N] = k(!1), P = v((e) => {
-		h && j(`/api/rb/agents/document?id=${h.documentId}`, async (t) => {
+	}, [S, _]), x(() => {
+		w();
+	}, [w]);
+	let { mutate: M } = $_(), [N, P] = k(!1), F = v((e) => {
+		g && M(`/api/rb/agents/document?id=${g.documentId}`, async (t) => {
 			if (!t) return [];
 			let n = t.at(-1);
-			if (!n || !n.content) return N(!1), t;
+			if (!n || !n.content) return P(!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
 					})
-				}), N(!1);
+				}), P(!1);
 				let r = {
 					...n,
 					content: e,
@@ -56357,30 +56353,30 @@ function SV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 			}
 			return t;
 		}, { revalidate: !1 });
-	}, [h, j]), F = hM(P, 2e3), I = v((e, t) => {
-		E && e !== E.content && (N(!0), t ? F(e) : P(e));
+	}, [g, M]), I = hM(F, 2e3), L = v((e, t) => {
+		D && e !== D.content && (P(!0), t ? I(e) : F(e));
 	}, [
-		E,
-		F,
-		P
+		D,
+		I,
+		F
 	]);
-	function L(e) {
-		return !b || !b[e] ? "" : b[e].content ?? "";
+	function R(e) {
+		return !S || !S[e] ? "" : S[e].content ?? "";
 	}
-	let R = (e) => {
-		b && (e === "latest" && (A(b.length - 1), T("edit")), e === "toggle" && T((e) => e === "edit" ? "diff" : "edit"), e === "prev" ? O > 0 && A((e) => e - 1) : e === "next" && O < b.length - 1 && A((e) => e + 1));
-	}, [z, ee] = k(!1), te = b && b.length > 0 ? O === b.length - 1 : !0, ne = ym(), re = xV.find((e) => e.kind === h.kind);
-	if (!re) throw Error("Artifact definition not found!");
+	let z = (e) => {
+		S && (e === "latest" && (j(S.length - 1), E("edit")), e === "toggle" && E((e) => e === "edit" ? "diff" : "edit"), e === "prev" ? A > 0 && j((e) => e - 1) : e === "next" && A < S.length - 1 && j((e) => e + 1));
+	}, [ee, te] = k(!1), ne = S && S.length > 0 ? A === S.length - 1 : !0, re = ym(), U = xV.find((e) => e.kind === g.kind);
+	if (!U) throw Error("Artifact definition not found!");
 	return x(() => {
-		h.documentId !== "init" && re.initialize && re.initialize({
-			documentId: h.documentId,
-			setMetadata: y
+		g.documentId !== "init" && U.initialize && U.initialize({
+			documentId: g.documentId,
+			setMetadata: b
 		});
 	}, [
-		h.documentId,
-		re,
-		y
-	]), /* @__PURE__ */ B(Pk, { children: h.isVisible && /* @__PURE__ */ V(Dj.div, {
+		g.documentId,
+		U,
+		b
+	]), /* @__PURE__ */ B(Pk, { children: g.isVisible && /* @__PURE__ */ V(Dj.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",
@@ -56389,7 +56385,7 @@ function SV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 			transition: { delay: .4 }
 		},
 		initial: { opacity: 1 },
-		children: [!ne && /* @__PURE__ */ V(Dj.div, {
+		children: [!re && /* @__PURE__ */ V(Dj.div, {
 			animate: {
 				opacity: 1,
 				x: 0,
@@ -56413,7 +56409,7 @@ function SV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 				x: 10,
 				scale: 1
 			},
-			children: [/* @__PURE__ */ B(Pk, { children: !te && /* @__PURE__ */ B(Dj.div, {
+			children: [/* @__PURE__ */ B(Pk, { children: !ne && /* @__PURE__ */ B(Dj.div, {
 				animate: { opacity: 1 },
 				className: "absolute inset-0 z-50 bg-background/70",
 				exit: { opacity: 0 },
@@ -56422,7 +56418,7 @@ function SV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 				className: "flex h-full flex-col items-center justify-between",
 				children: [/* @__PURE__ */ B(LL, {
 					addToolApprovalResponse: e,
-					artifactStatus: h.status,
+					artifactStatus: g.status,
 					chatId: t,
 					isReadonly: p,
 					messages: l,
@@ -56444,7 +56440,8 @@ function SV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 						setInput: r,
 						setMessages: u,
 						status: i,
-						stop: a
+						stop: a,
+						suggestedActions: h
 					})
 				})]
 			})]
@@ -56473,7 +56470,7 @@ function SV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 					damping: 30
 				}
 			},
-			initial: ne ? {
+			initial: re ? {
 				opacity: 0,
 				x: 0,
 				y: 16,
@@ -56493,131 +56490,137 @@ function SV({ addToolApprovalResponse: e, chatId: t, input: n, setInput: r, stat
 							className: "flex flex-col",
 							children: [/* @__PURE__ */ B("div", {
 								className: "font-medium",
-								children: h.title
-							}), M ? /* @__PURE__ */ B("div", {
+								children: g.title
+							}), N ? /* @__PURE__ */ B("div", {
 								className: "text-muted-foreground text-sm",
 								children: "Saving changes..."
-							}) : E ? /* @__PURE__ */ B("div", {
+							}) : D ? /* @__PURE__ */ B("div", {
 								className: "text-muted-foreground text-sm",
-								children: `Updated ${H(new Date(E.createdAt), /* @__PURE__ */ new Date(), { addSuffix: !0 })}`
+								children: `Updated ${H(new Date(D.createdAt), /* @__PURE__ */ new Date(), { addSuffix: !0 })}`
 							}) : /* @__PURE__ */ B("div", { className: "mt-2 h-3 w-32 animate-pulse rounded-md bg-muted-foreground/20" })]
 						})]
 					}), /* @__PURE__ */ B(qF, {
-						artifact: h,
-						currentVersionIndex: O,
-						handleVersionChange: R,
-						isCurrentVersion: te,
-						metadata: _,
-						mode: w,
-						setMetadata: y
+						artifact: g,
+						currentVersionIndex: A,
+						handleVersionChange: z,
+						isCurrentVersion: ne,
+						metadata: y,
+						mode: T,
+						setMetadata: b
 					})]
 				}),
 				/* @__PURE__ */ V("div", {
 					className: "h-full max-w-full! items-center overflow-y-scroll bg-background dark:bg-muted",
-					children: [/* @__PURE__ */ B(re.content, {
-						content: te ? h.content : L(O),
-						currentVersionIndex: O,
-						getDocumentContentById: L,
-						isCurrentVersion: te,
+					children: [/* @__PURE__ */ B(U.content, {
+						content: ne ? g.content : R(A),
+						currentVersionIndex: A,
+						getDocumentContentById: R,
+						isCurrentVersion: ne,
 						isInline: !1,
-						isLoading: S && !h.content,
-						metadata: _,
-						mode: w,
-						onSaveContent: I,
-						setMetadata: y,
-						status: h.status,
+						isLoading: C && !g.content,
+						metadata: y,
+						mode: T,
+						onSaveContent: L,
+						setMetadata: b,
+						status: g.status,
 						suggestions: [],
-						title: h.title
-					}), /* @__PURE__ */ B(Pk, { children: te && /* @__PURE__ */ B(yV, {
-						artifactKind: h.kind,
-						isToolbarVisible: z,
+						title: g.title
+					}), /* @__PURE__ */ B(Pk, { children: ne && /* @__PURE__ */ B(yV, {
+						artifactKind: g.kind,
+						isToolbarVisible: ee,
 						sendMessage: c,
-						setIsToolbarVisible: ee,
+						setIsToolbarVisible: te,
 						setMessages: u,
 						status: i,
 						stop: a
 					}) })]
 				}),
-				/* @__PURE__ */ B(Pk, { children: !te && /* @__PURE__ */ B(bV, {
-					currentVersionIndex: O,
-					documents: b,
-					handleVersionChange: R
+				/* @__PURE__ */ B(Pk, { children: !ne && /* @__PURE__ */ B(bV, {
+					currentVersionIndex: A,
+					documents: S,
+					handleVersionChange: z
 				}) })
 			]
 		})]
 	}) });
 }
-var CV = _(SV, (e, t) => !(e.status !== t.status || !_e(e.votes, t.votes) || e.input !== t.input || !_e(e.messages, t.messages.length))), wV = () => /* @__PURE__ */ V("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__ */ B(Dj.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__ */ B(Dj.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 CV = _(SV, (e, t) => !(e.status !== t.status || !_e(e.votes, t.votes) || e.input !== t.input || !_e(e.messages, t.messages.length) || !_e(e.suggestedActions, t.suggestedActions))), wV = ({ title1: e, title2: t }) => {
+	let n = e?.trim(), r = t?.trim();
+	return !n && !r ? null : /* @__PURE__ */ V("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__ */ B(Dj.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__ */ B(Dj.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 TV({ 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" ? kL(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 } = ZF({ status: n });
+function TV({ 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" ? kL(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 } = ZF({ status: n });
 	return mt(), /* @__PURE__ */ V("div", {
 		className: "relative flex-1",
 		children: [/* @__PURE__ */ B("div", {
 			className: "absolute inset-0 touch-pan-y overflow-y-auto",
-			ref: m,
+			ref: g,
 			children: /* @__PURE__ */ V("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__ */ B(wV, {}),
-					i.map((c, l) => p && l === i.length - 1 && c.role === "assistant" ? null : /* @__PURE__ */ B(NL, {
+					i.length === 0 && /* @__PURE__ */ B(wV, {
+						title1: l,
+						title2: u
+					}),
+					i.map((c, l) => h && l === i.length - 1 && c.role === "assistant" ? null : /* @__PURE__ */ B(NL, {
 						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__ */ B(PL, {}),
+					m && /* @__PURE__ */ B(PL, {}),
 					/* @__PURE__ */ B("div", {
 						className: "min-h-[24px] min-w-[24px] shrink-0",
-						ref: h
+						ref: _
 					})
 				]
 			})
 		}), /* @__PURE__ */ B("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__ */ B(Pf, { className: "size-4" })
 		})]
@@ -56627,16 +56630,16 @@ var EV = TV, DV = (e) => e?.parts?.some((e) => {
 	let t = e.state;
 	return t === "approval-responded" || t === "output-denied";
 }) ?? !1, OV = (e) => `agents-sdk:chat:${e}:stream`, kV = (e) => !!(e && typeof e == "object" && !Array.isArray(e)), AV = (e) => a(e) ?? "default";
-function jV({ id: e, initialMessages: n, initialChatModel: a, isReadonly: o, autoResume: s }) {
-	let { setDataStream: c } = mt(), { getChatPath: l } = lt(), u = t.has(a) ? a : r, d = AV(u), [f, p] = k(""), [m, h] = k(u), g = O(m), [_, v] = k(d), y = O(_);
+function jV({ id: e, initialMessages: n, initialChatModel: a, isReadonly: o, autoResume: s, suggestedActions: c, title1: l, title2: u }) {
+	let { setDataStream: d } = mt(), { getChatPath: f } = lt(), p = t.has(a) ? a : r, m = AV(p), [h, g] = k(""), [_, v] = k(p), y = O(_), [b, S] = k(m), C = O(b);
 	x(() => {
-		g.current = m;
-	}, [m]), x(() => {
-		h(u), v(AV(u));
-	}, [e, u]), x(() => {
 		y.current = _;
-	}, [_]);
-	let { messages: b, setMessages: S, sendMessage: C, status: w, stop: T, regenerate: E, resumeStream: D, addToolApprovalResponse: A } = qy({
+	}, [_]), x(() => {
+		v(p), S(AV(p));
+	}, [e, p]), x(() => {
+		C.current = b;
+	}, [b]);
+	let { messages: w, setMessages: T, sendMessage: E, status: D, stop: A, regenerate: j, resumeStream: M, addToolApprovalResponse: N } = qy({
 		id: e,
 		messages: n,
 		experimental_throttle: 100,
@@ -56646,7 +56649,7 @@ function jV({ id: e, initialMessages: n, initialChatModel: a, isReadonly: o, aut
 			api: "/api/rb/agents/chat",
 			fetch: tf,
 			prepareSendMessagesRequest(e) {
-				let t = g.current, n = y.current, r = e.messages.at(-1), a = e.messages.at(-2), o = Zd(e.headers, Yd()), s = r?.role !== "user" || r?.role === "user" && DV(a);
+				let t = y.current, n = C.current, r = e.messages.at(-1), a = e.messages.at(-2), o = Zd(e.headers, Yd()), s = r?.role !== "user" || r?.role === "user" && DV(a);
 				return {
 					...o ? { headers: o } : {},
 					body: {
@@ -56667,7 +56670,7 @@ function jV({ id: e, initialMessages: n, initialChatModel: a, isReadonly: o, aut
 			}
 		}),
 		onData: (e) => {
-			c((t) => t ? [...t, e] : []);
+			d((t) => t ? [...t, e] : []);
 		},
 		onError: (e) => {
 			if (e instanceof Vd) {
@@ -56680,7 +56683,7 @@ function jV({ id: e, initialMessages: n, initialChatModel: a, isReadonly: o, aut
 			}
 			se.error("Something went wrong. Please try again.");
 		}
-	}), j = O(null), M = O("");
+	}), P = O(null), F = O("");
 	x(() => ce(OV(e), (t) => {
 		if (!kV(t) || t.chatId !== e) return;
 		let n = t.message;
@@ -56693,28 +56696,28 @@ function jV({ id: e, initialMessages: n, initialChatModel: a, isReadonly: o, aut
 					parts: r,
 					metadata: kV(n.metadata) ? n.metadata : { createdAt: (/* @__PURE__ */ new Date()).toISOString() }
 				};
-				S((t) => {
+				T((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) {
-			j.current = null, M.current = "";
+			P.current = null, F.current = "";
 			return;
 		}
 		let r = t.part;
 		if (!kV(r)) return;
 		if (r.type === "start" && typeof r.messageId == "string") {
-			j.current = r.messageId, M.current = "";
+			P.current = r.messageId, F.current = "";
 			return;
 		}
-		if (typeof r.type == "string" && r.type.startsWith("data-") && c((e) => e ? [...e, r] : []), r.type !== "text-delta" || typeof r.delta != "string") return;
-		let i = j.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 = P.current;
 		if (!i) return;
-		M.current += r.delta;
-		let a = M.current;
-		S((e) => {
+		F.current += r.delta;
+		let a = F.current;
+		T((e) => {
 			let t = e.findIndex((e) => e.id === i), n = {
 				id: i,
 				role: "assistant",
@@ -56728,89 +56731,93 @@ function jV({ id: e, initialMessages: n, initialChatModel: a, isReadonly: o, aut
 		});
 	}), [
 		e,
-		c,
-		S
+		d,
+		T
 	]);
-	let [N] = R(), P = N.get("query"), [F, I] = k(!1);
+	let [I] = R(), L = I.get("query"), [z, ee] = k(!1);
 	x(() => {
-		if (P && !F) {
-			C({
+		if (L && !z) {
+			E({
 				role: "user",
 				parts: [{
 					type: "text",
-					text: P
+					text: L
 				}]
-			}), I(!0);
+			}), ee(!0);
 			let t = new URLSearchParams(window.location.search);
 			t.delete("query");
 			let n = t.toString();
-			window.history.replaceState({}, "", `${l(e)}${n ? `?${n}` : ""}`);
+			window.history.replaceState({}, "", `${f(e)}${n ? `?${n}` : ""}`);
 		}
 	}, [
-		P,
-		C,
-		F,
+		L,
+		E,
+		z,
 		e,
-		l
+		f
 	]);
-	let { data: L } = gv(b.length >= 2 ? `/api/rb/agents/vote?chatId=${e}` : null, ef), [z, ee] = k([]), H = Yy((e) => e.isVisible);
+	let { data: H } = gv(w.length >= 2 ? `/api/rb/agents/vote?chatId=${e}` : null, ef), [te, ne] = k([]), re = Yy((e) => e.isVisible);
 	return Zy({
 		autoResume: s,
 		initialMessages: n,
-		resumeStream: D,
-		setMessages: S
+		resumeStream: M,
+		setMessages: T
 	}), /* @__PURE__ */ V("div", {
 		className: "relative flex h-full min-h-0 min-w-0 overflow-hidden bg-background",
 		children: [/* @__PURE__ */ V("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__ */ B(EV, {
-				addToolApprovalResponse: A,
+				addToolApprovalResponse: N,
 				chatId: e,
-				isArtifactVisible: H,
+				isArtifactVisible: re,
 				isReadonly: o,
-				messages: b,
-				regenerate: E,
-				selectedModelId: u,
-				setMessages: S,
-				status: w,
-				votes: L
+				messages: w,
+				regenerate: j,
+				selectedModelId: p,
+				setMessages: T,
+				status: D,
+				title1: l,
+				title2: u,
+				votes: H
 			}), /* @__PURE__ */ B("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: !o && /* @__PURE__ */ B(oV, {
-					attachments: z,
+					attachments: te,
 					chatId: e,
-					input: f,
-					messages: b,
+					input: h,
+					messages: w,
 					onModelChange: (e) => {
-						h(e), v(AV(e));
+						v(e), S(AV(e));
 					},
-					onOpenAIReasoningEffortChange: v,
-					openaiReasoningEffort: _,
-					selectedModelId: m,
-					sendMessage: C,
-					setAttachments: ee,
-					setInput: p,
-					setMessages: S,
-					status: w,
-					stop: T
+					onOpenAIReasoningEffortChange: S,
+					openaiReasoningEffort: b,
+					selectedModelId: _,
+					sendMessage: E,
+					setAttachments: ne,
+					setInput: g,
+					setMessages: T,
+					status: D,
+					stop: A,
+					suggestedActions: c
 				})
 			})]
 		}), /* @__PURE__ */ B(CV, {
-			addToolApprovalResponse: A,
-			attachments: z,
+			addToolApprovalResponse: N,
+			attachments: te,
 			chatId: e,
-			input: f,
+			input: h,
 			isReadonly: o,
-			messages: b,
-			regenerate: E,
-			selectedModelId: m,
-			sendMessage: C,
-			setAttachments: ee,
-			setInput: p,
-			setMessages: S,
-			status: w,
-			stop: T,
-			votes: L
+			messages: w,
+			regenerate: j,
+			selectedModelId: _,
+			sendMessage: E,
+			setAttachments: ne,
+			setInput: g,
+			setMessages: T,
+			status: D,
+			stop: A,
+			suggestedActions: c,
+			votes: H
 		})]
 	});
 }