@pagelines/sdk 1.0.734 → 1.0.736

package/dist/AgentWrap.js

@@ -4554,14 +4554,10 @@ var kr = [
 }, di = { class: "min-w-0 flex-1" }, fi = { class: "truncate text-base font-semibold leading-tight text-theme-900" }, pi = { class: "mt-1 truncate text-sm leading-tight text-theme-500" }, mi = {
 	key: 0,
 	class: "shrink-0 rounded-full bg-theme-50 px-2.5 py-1 font-mono text-[11px] font-medium text-theme-500"
-}, hi = {
-	key: 0,
-	"data-test": "messaging-empty-state",
-	class: "flex flex-col items-center justify-center px-4"
-}, gi = ["title"], _i = {
+}, hi = ["title"], gi = {
 	key: 0,
 	class: "flex items-center gap-3 py-3 px-2"
-}, vi = ["data-journal-outcome"], yi = [
+}, _i = ["data-journal-outcome"], vi = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4572,7 +4568,7 @@ var kr = [
 	"data-issue-action-label",
 	"data-issue-action-url",
 	"data-streaming"
-], bi = { class: "max-w-[85%] min-w-0" }, xi = ["href"], Si = [
+], yi = { class: "max-w-[85%] min-w-0" }, bi = ["href"], xi = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4581,7 +4577,7 @@ var kr = [
 	"data-issue-code",
 	"data-issue-bucket",
 	"data-streaming"
-], Ci = [
+], Si = [
 	"data-test",
 	"data-message-id",
 	"data-message-sender",
@@ -4589,50 +4585,46 @@ var kr = [
 	"data-message-sequence",
 	"data-system-kind",
 	"data-streaming"
-], wi = ["src", "alt"], Ti = ["src"], Ei = ["href"], Di = {
+], Ci = ["src", "alt"], wi = ["src"], Ti = ["href"], Ei = {
 	key: 0,
 	"data-test": "messaging-message-text-part"
-}, Oi = [
+}, Di = [
 	"src",
 	"alt",
 	"data-attachment-placement"
-], ki = ["src", "data-attachment-placement"], Ai = ["href", "data-attachment-placement"], ji = ["data-journal-outcome"], Mi = {
+], Oi = ["src", "data-attachment-placement"], ki = ["href", "data-attachment-placement"], Ai = ["data-journal-outcome"], ji = {
 	key: 2,
 	"data-test": "messaging-tool-activity-tail",
 	"aria-label": "Assistant is still working",
 	class: "mb-4 grid h-[17px] w-5 place-items-center"
-}, Ni = ["data-journal-outcome"], Pi = ["data-test", "data-working-description"], Fi = {
+}, Mi = ["data-journal-outcome"], Ni = ["data-test", "data-working-description"], Pi = {
 	class: "flex items-center gap-[5px]",
 	"aria-hidden": "true"
-}, Ii = { class: "truncate" }, Li = ["data-issue-code"], Ri = ["href"], zi = ["src", "alt"], Bi = { class: "max-w-20 truncate" }, Vi = ["onClick"], Hi = {
+}, Fi = { class: "truncate" }, Ii = ["data-issue-code"], Li = ["href"], Ri = ["src", "alt"], zi = { class: "max-w-20 truncate" }, Bi = ["onClick"], Vi = {
 	key: 0,
 	class: "shrink-0 flex items-center justify-center size-14"
-}, Ui = ["data-composer-action"], Wi = ["placeholder", "disabled"], Gi = { class: "font-mono text-sm tabular-nums" }, Ki = { class: "mt-2.5 flex items-center" }, qi = [
+}, Hi = ["data-composer-action"], Ui = ["placeholder", "disabled"], Wi = { class: "font-mono text-sm tabular-nums" }, Gi = { class: "mt-2.5 flex items-center" }, Ki = [
 	"disabled",
 	"aria-label",
 	"title"
-], Ji = {
+], qi = {
 	key: 0,
 	class: "i-svg-spinners-ring-resize size-5"
-}, Yi = {
+}, Ji = {
 	key: 1,
 	class: "i-tabler-plus size-5"
-}, Xi = { class: "sr-only" }, Zi = { class: "flex items-center gap-2" }, Qi = ["aria-label", "title"], $i = { class: "sr-only" }, ea = [
+}, Yi = { class: "sr-only" }, Xi = { class: "flex items-center gap-2" }, Zi = ["aria-label", "title"], Qi = { class: "sr-only" }, $i = [
 	"data-composer-action",
 	"disabled",
 	"aria-label",
 	"title"
-], ta = {
+], ea = {
 	key: 0,
 	class: "i-tabler-player-stop-filled size-3.5"
-}, na = {
+}, ta = {
 	key: 1,
 	class: "i-tabler-arrow-up size-[17px]"
-}, ra = { class: "sr-only" }, ia = {
-	key: 3,
-	"data-test": "messaging-suggested-prompts",
-	class: "mt-5 w-full sm:mx-auto sm:max-w-[720px]"
-}, aa = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, oa = ["disabled", "onClick"], sa = ["aria-expanded"], ca = /* @__PURE__ */ x({
+}, na = { class: "sr-only" }, ra = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, ia = ["disabled", "onClick"], aa = ["aria-expanded"], oa = /* @__PURE__ */ x({
 	__name: "ElAgentChat",
 	props: {
 		chatController: {},
@@ -4790,7 +4782,7 @@ var kr = [
 			e.chatController && (Ne.value === "send" && i.value?.pin(), await e.chatController.handleComposerAction());
 		}
 		async function handleKeydown(e) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), await sendMessage());
+			e.isComposing || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), await sendMessage());
 		}
 		function focusComposer(e) {
 			Re.value || we.value || e.target instanceof Element && e.target.closest("button, a, textarea") || a.value?.focus();
@@ -4842,7 +4834,10 @@ var kr = [
 				...o ? {} : { year: "numeric" }
 			})}, ${a}`;
 		}
-		return (t, s) => (T(), _("div", { class: S(["@container/chat relative flex h-full flex-col", z.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""]) }, [
+		return (t, s) => (T(), _("div", {
+			"data-test": "messaging-root",
+			class: S(["@container/chat relative flex h-full flex-col", z.value.length === 0 ? ["min-h-0", r.value ? "max-sm:justify-end max-sm:overflow-hidden sm:[justify-content:safe_center] sm:overflow-y-auto" : "[justify-content:safe_center] overflow-y-auto"] : ""])
+		}, [
 			e.showHeader && !K.value ? (T(), _("div", li, [b(Pe, {
 				agent: e.agent,
 				"is-online": c.value
@@ -4868,7 +4863,11 @@ var kr = [
 				class: S(z.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
 				default: I(() => [v("div", { class: S([z.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-5 px-3 space-y-2" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? z.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
-					z.value.length === 0 && !re.value ? (T(), _("div", hi, [oe(t.$slots, "empty-heading", {
+					z.value.length === 0 && !re.value ? (T(), _("div", {
+						key: 0,
+						"data-test": "messaging-empty-state",
+						class: S(["flex flex-col items-center justify-center px-4", r.value ? "max-sm:hidden" : ""])
+					}, [oe(t.$slots, "empty-heading", {
 						agent: e.agent,
 						isLight: K.value
 					}, () => [b(ze, {
@@ -4878,9 +4877,9 @@ var kr = [
 					}, null, 8, ["agent", "is-light"]), v("div", { class: S(["text-base @sm/chat:text-lg font-semibold", K.value ? "text-theme-900" : "text-white"]) }, F(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? h("", !0) : (T(), _(f, { key: 0 }, [v("p", { class: S(["mt-1 text-center text-xs @sm/chat:text-sm", We.value]) }, F(e.emptyStateMessage || "Type your message to get started."), 3), v("div", {
 						class: S(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", K.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
 						title: n.value.tooltip
-					}, [v("i", { class: S([n.value.icon, "size-3"]) }, null, 2), v("span", null, F(n.value.label), 1)], 10, gi)], 64))])) : h("", !0),
+					}, [v("i", { class: S([n.value.icon, "size-3"]) }, null, 2), v("span", null, F(n.value.label), 1)], 10, hi)], 64))], 2)) : h("", !0),
 					(T(!0), _(f, null, A(z.value, (e, t) => (T(), _(f, { key: e.id }, [
-						shouldShowTimeDivider(z.value, t) ? (T(), _("div", _i, [
+						shouldShowTimeDivider(z.value, t) ? (T(), _("div", gi, [
 							v("div", { class: S(["flex-1 h-px", Ue.value]) }, null, 2),
 							v("span", { class: S(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", We.value]) }, F(shouldShowTimeDivider(z.value, t)), 3),
 							v("div", { class: S(["flex-1 h-px", Ue.value]) }, null, 2)
@@ -4893,7 +4892,7 @@ var kr = [
 						}, [b(qe, {
 							model: messageWorkJournal(e),
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, vi)) : h("", !0),
+						}, null, 8, ["model", "is-light"])], 8, _i)) : h("", !0),
 						isSystemExplainerMessage(e) ? (T(), _("div", {
 							key: 2,
 							"data-test": "messaging-system-msg",
@@ -4908,7 +4907,7 @@ var kr = [
 							"data-issue-action-url": e.issue?.actionUrl,
 							"data-streaming": e.id === U.value ? "true" : void 0,
 							class: "flex gap-2 items-end justify-start mb-4"
-						}, [v("div", bi, [v("div", { class: S(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: S(["rounded-[20px] rounded-bl-[4px] px-4 py-2.5 border system-msg-content", K.value ? "bg-theme-25 border-theme-200 text-theme-700" : "bg-white/[0.08] border-white/10 text-white/85"]) }, [e.text ? (T(), m(ai, {
+						}, [v("div", yi, [v("div", { class: S(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: S(["rounded-[20px] rounded-bl-[4px] px-4 py-2.5 border system-msg-content", K.value ? "bg-theme-25 border-theme-200 text-theme-700" : "bg-white/[0.08] border-white/10 text-white/85"]) }, [e.text ? (T(), m(ai, {
 							key: 0,
 							text: e.text,
 							inverted: !K.value,
@@ -4929,7 +4928,7 @@ var kr = [
 							"data-test": "messaging-system-msg-action",
 							class: S(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", K.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
 							onClick: s[1] || (s[1] = R(() => {}, ["stop"]))
-						}, [te(F(e.issue.actionLabel) + " ", 1), s[21] || (s[21] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, xi)) : h("", !0)], 2)])], 8, yi)) : e.sender === "system" ? (T(), _("div", {
+						}, [te(F(e.issue.actionLabel) + " ", 1), s[21] || (s[21] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, bi)) : h("", !0)], 2)])], 8, vi)) : e.sender === "system" ? (T(), _("div", {
 							key: 3,
 							"data-test": "messaging-system-status-msg",
 							"data-message-id": e.id,
@@ -4945,7 +4944,7 @@ var kr = [
 							text: e.text,
 							inverted: !K.value,
 							onClick: s[2] || (s[2] = R(() => {}, ["stop"]))
-						}, null, 8, ["text", "inverted"])], 10, Si)) : (T(), _("div", {
+						}, null, 8, ["text", "inverted"])], 10, xi)) : (T(), _("div", {
 							key: 4,
 							"data-test": e.sender === "agent" ? "messaging-assistant-msg" : e.sender === "user" ? "messaging-user-msg" : void 0,
 							"data-message-id": e.id,
@@ -4972,14 +4971,14 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-						}, null, 8, wi)) : e.type === "audio" ? (T(), _("audio", {
+						}, null, 8, Ci)) : e.type === "audio" ? (T(), _("audio", {
 							key: 1,
 							src: e.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "max-w-full"
-						}, null, 8, Ti)) : (T(), _("a", {
+						}, null, 8, wi)) : (T(), _("a", {
 							key: 2,
 							href: e.src,
 							target: "_blank",
@@ -4987,11 +4986,11 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: S(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [s[23] || (s[23] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + F(e.filename), 1)], 10, Ei))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (T(), _("div", {
+						}, [s[23] || (s[23] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + F(e.filename), 1)], 10, Ti))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (T(), _("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
 							class: S(e.sender === "user" ? K.value ? "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-900 text-theme-0 shadow-[0_1px_2px_rgba(5,15,25,0.14)]" : "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-0 text-theme-950" : K.value ? "text-theme-800" : "text-white/95")
-						}, [(T(!0), _(f, null, A(messageRenderParts(e), (t) => (T(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (T(), _("div", Di, [b(ai, {
+						}, [(T(!0), _(f, null, A(messageRenderParts(e), (t) => (T(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (T(), _("div", Ei, [b(ai, {
 							text: t.text,
 							inverted: e.sender === "user" || !K.value,
 							streaming: e.id === U.value,
@@ -5008,14 +5007,14 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-						}, null, 8, Oi)) : t.kind === "attachment" && t.attachment.type === "audio" ? (T(), _("audio", {
+						}, null, 8, Di)) : t.kind === "attachment" && t.attachment.type === "audio" ? (T(), _("audio", {
 							key: 2,
 							src: t.attachment.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 max-w-full"
-						}, null, 8, ki)) : t.kind === "attachment" ? (T(), _("a", {
+						}, null, 8, Oi)) : t.kind === "attachment" ? (T(), _("a", {
 							key: 3,
 							href: t.attachment.src,
 							target: "_blank",
@@ -5023,7 +5022,7 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: S(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [s[24] || (s[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + F(t.attachment.filename), 1)], 10, Ai)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Ci)),
+						}, [s[24] || (s[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + F(t.attachment.filename), 1)], 10, ki)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Si)),
 						e.id === ye.value ? (T(), _(f, { key: 5 }, [P.value.length ? (T(!0), _(f, { key: 0 }, A(P.value, (e) => (T(), _(f, { key: e.id }, [e.kind === "work" ? (T(), _("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
@@ -5032,7 +5031,7 @@ var kr = [
 						}, [b(qe, {
 							model: e.journal,
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, ji)) : e.kind === "text" && e.content ? (T(), _("div", {
+						}, null, 8, ["model", "is-light"])], 8, Ai)) : e.kind === "text" && e.content ? (T(), _("div", {
 							key: 1,
 							"data-test": "messaging-live-text-block",
 							class: S(["mb-4 @sm/chat:pr-[1em] @lg/chat:pr-[2em]", K.value ? "text-theme-800" : "text-white/95"])
@@ -5046,7 +5045,7 @@ var kr = [
 							"text",
 							"inverted",
 							"streaming"
-						])], 2)) : (T(), _("div", Mi, [b(_e, { class: S(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : B.value ? (T(), _("div", {
+						])], 2)) : (T(), _("div", ji, [b(_e, { class: S(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : B.value ? (T(), _("div", {
 							key: 1,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": B.value.outcome,
@@ -5054,7 +5053,7 @@ var kr = [
 						}, [b(qe, {
 							model: B.value,
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, Ni)) : h("", !0)], 64)) : h("", !0)
+						}, null, 8, ["model", "is-light"])], 8, Mi)) : h("", !0)], 64)) : h("", !0)
 					], 64))), 128)),
 					W.value ? (T(), _("div", {
 						key: 1,
@@ -5063,12 +5062,12 @@ var kr = [
 						role: "status",
 						"aria-live": "polite",
 						class: S(["mb-4 flex items-center gap-2.5 pl-0.5 text-[13.5px] leading-none", K.value ? "text-theme-500" : "text-white/50"])
-					}, [v("span", Fi, [(T(), _(f, null, A(3, (e) => v("span", {
+					}, [v("span", Pi, [(T(), _(f, null, A(3, (e) => v("span", {
 						key: e,
 						"data-test": "messaging-thinking-dot",
 						class: "chat-working-dot size-1.5 rounded-full bg-current",
 						style: C({ animationDelay: `${(e - 1) * .18}s` })
-					}, null, 4)), 64))]), v("span", Ii, F(W.value), 1)], 10, Pi)) : h("", !0),
+					}, null, 4)), 64))]), v("span", Fi, F(W.value), 1)], 10, Ni)) : h("", !0),
 					be.value ? (T(), _("div", {
 						key: 2,
 						"data-test": "messaging-transient-issue",
@@ -5085,16 +5084,19 @@ var kr = [
 							href: be.value.actionUrl,
 							class: "shrink-0 underline underline-offset-2",
 							onClick: s[5] || (s[5] = R(() => {}, ["stop"]))
-						}, F(be.value.actionLabel), 9, Ri)) : h("", !0)
-					], 10, Li)) : h("", !0)
+						}, F(be.value.actionLabel), 9, Li)) : h("", !0)
+					], 10, Ii)) : h("", !0)
 				], 2)]),
 				_: 3
 			}, 8, ["class"]),
-			v("div", { class: S(["left-0 right-0 z-30 px-5 pb-[max(env(safe-area-inset-bottom),1rem)]", [
-				z.value.length === 0 || e.centered ? "relative shrink-0" : "absolute bottom-0",
-				e.centered && z.value.length > 0 ? "pt-0" : "pt-3",
-				K.value ? e.centered ? "bg-theme-25/50" : "bg-gradient-to-t from-theme-0/90 via-theme-0/55 to-transparent" : "bg-gradient-to-t from-black/90 via-black/60 to-transparent"
-			]]) }, [
+			v("div", {
+				"data-test": "messaging-composer-footer",
+				class: S(["left-0 right-0 z-30 px-5 pb-[max(env(safe-area-inset-bottom),1rem)]", [
+					z.value.length === 0 || e.centered ? "relative shrink-0" : "absolute bottom-0",
+					e.centered && z.value.length > 0 ? "pt-0" : "pt-3",
+					K.value ? e.centered ? "bg-theme-25/50" : "bg-gradient-to-t from-theme-0/90 via-theme-0/55 to-transparent" : "bg-gradient-to-t from-black/90 via-black/60 to-transparent"
+				]])
+			}, [
 				Oe.value.length > 0 ? (T(), _("div", {
 					key: 0,
 					class: S(["flex items-center gap-2 px-2 pb-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e.centered ? "max-w-[720px] mx-auto" : ""])
@@ -5106,13 +5108,13 @@ var kr = [
 					src: e.src,
 					alt: e.filename,
 					class: S(["size-14 rounded-xl object-cover border", K.value ? "border-black/10" : "border-white/20"])
-				}, null, 10, zi)) : (T(), _("div", {
+				}, null, 10, Ri)) : (T(), _("div", {
 					key: 1,
 					class: S(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", K.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
-				}, [s[26] || (s[26] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Bi, F(e.filename), 1)], 2)), v("button", {
+				}, [s[26] || (s[26] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", zi, F(e.filename), 1)], 2)), v("button", {
 					class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full bg-theme-800 text-white text-xs scale-0 group-hover:scale-100 transition-transform cursor-pointer",
 					onClick: (e) => removeAttachment(t)
-				}, [...s[27] || (s[27] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Vi)]))), 128)), ke.value ? (T(), _("div", Hi, [b(_e, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
+				}, [...s[27] || (s[27] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Bi)]))), 128)), ke.value ? (T(), _("div", Vi, [b(_e, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
 				je.value ? (T(), _("input", {
 					key: 1,
 					ref_key: "fileInput",
@@ -5133,7 +5135,7 @@ var kr = [
 					class: S(["flex min-w-0 items-center gap-2 py-1", K.value ? "text-theme-700" : "text-white/80"])
 				}, [
 					s[28] || (s[28] = v("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-					v("span", Gi, F(Be.value), 1),
+					v("span", Wi, F(Be.value), 1),
 					v("span", { class: S(["min-w-0 truncate text-sm", K.value ? "text-theme-400" : "text-white/45"]) }, F(Ve.value), 3)
 				], 2)) : de((T(), _("textarea", {
 					key: 0,
@@ -5158,7 +5160,7 @@ var kr = [
 					onKeydown: handleKeydown,
 					onFocus: s[7] || (s[7] = (e) => r.value = !0),
 					onBlur: s[8] || (s[8] = (e) => r.value = !1)
-				}, null, 42, Wi)), [[ce, De.value]]), v("div", Ki, [
+				}, null, 42, Ui)), [[ce, De.value]]), v("div", Gi, [
 					v("button", {
 						class: S(["-ml-2 flex size-8 items-center justify-center transition-opacity hover:opacity-70", [
 							je.value ? "cursor-pointer" : "cursor-default",
@@ -5169,9 +5171,9 @@ var kr = [
 						"aria-label": je.value ? "Attach file" : "File attachments unavailable",
 						title: je.value ? "Attach file" : "File attachments unavailable",
 						onClick: s[9] || (s[9] = (e) => je.value && triggerFileInput())
-					}, [ke.value ? (T(), _("i", Ji)) : (T(), _("i", Yi)), v("span", Xi, F(je.value ? "Attach file" : "File attachments unavailable"), 1)], 10, qi),
+					}, [ke.value ? (T(), _("i", qi)) : (T(), _("i", Ji)), v("span", Yi, F(je.value ? "Attach file" : "File attachments unavailable"), 1)], 10, Ki),
 					s[29] || (s[29] = v("div", { class: "flex-1" }, null, -1)),
-					v("div", Zi, [Le.value || Re.value ? (T(), _("button", {
+					v("div", Xi, [Le.value || Re.value ? (T(), _("button", {
 						key: 0,
 						"data-test": "messaging-record-audio-btn",
 						class: S(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Re.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
@@ -5186,7 +5188,7 @@ var kr = [
 							s[17] || (s[17] = pe(R((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
 						],
 						onKeyup: [s[14] || (s[14] = pe(R((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), s[16] || (s[16] = pe(R((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
-					}, [v("i", { class: S([Re.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", $i, F(He.value), 1)], 42, Qi)) : h("", !0), Re.value ? h("", !0) : (T(), _("button", {
+					}, [v("i", { class: S([Re.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", Qi, F(He.value), 1)], 42, Zi)) : h("", !0), Re.value ? h("", !0) : (T(), _("button", {
 						key: 1,
 						"data-test": "messaging-send-btn",
 						"data-composer-action": Ne.value,
@@ -5195,41 +5197,45 @@ var kr = [
 						"aria-label": Ie.value,
 						title: Ie.value,
 						onClick: s[18] || (s[18] = (e) => handleComposerAction())
-					}, [Ne.value === "stop" ? (T(), _("i", ta)) : (T(), _("i", na)), v("span", ra, F(Ie.value), 1)], 10, ea))])
-				])], 10, Ui),
+					}, [Ne.value === "stop" ? (T(), _("i", ea)) : (T(), _("i", ta)), v("span", na, F(Ie.value), 1)], 10, $i))])
+				])], 10, Hi),
 				K.value && e.centered && e.scope === "private" ? (T(), _("div", {
 					key: 2,
 					"data-test": "messaging-ai-disclosure",
 					class: S(["mt-2.5 text-center text-[12px] text-theme-300", r.value ? "max-sm:hidden" : ""])
 				}, F(e.agent.displayName.value) + " is AI and can make mistakes. ", 3)) : h("", !0),
-				z.value.length === 0 && e.suggestedPrompts.length > 0 ? (T(), _("div", ia, [v("div", aa, [(T(!0), _(f, null, A(e.suggestedPrompts, (e, t) => (T(), _("button", {
+				z.value.length === 0 && e.suggestedPrompts.length > 0 ? (T(), _("div", {
+					key: 3,
+					"data-test": "messaging-suggested-prompts",
+					class: S(["mt-5 w-full sm:mx-auto sm:max-w-[720px]", r.value ? "max-sm:hidden" : ""])
+				}, [v("div", ra, [(T(!0), _(f, null, A(e.suggestedPrompts, (e, t) => (T(), _("button", {
 					key: e.id,
 					type: "button",
 					disabled: we.value,
 					"data-test": "messaging-suggested-prompt",
 					class: S(["w-full rounded-2xl bg-theme-50 px-4 py-3 text-left text-[14.5px] font-medium transition-colors sm:w-auto sm:rounded-full sm:py-2 sm:text-center sm:text-[14px]", [we.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !j.value && t >= 3 ? "max-sm:hidden" : ""]]),
 					onClick: (t) => sendSuggestedPrompt(e)
-				}, F(e.label), 11, oa))), 128)), e.suggestedPrompts.length > 3 ? (T(), _("button", {
+				}, F(e.label), 11, ia))), 128)), e.suggestedPrompts.length > 3 ? (T(), _("button", {
 					key: 0,
 					type: "button",
 					"data-test": "messaging-suggested-prompts-more",
 					"aria-expanded": j.value,
 					class: "flex w-full cursor-pointer items-center justify-center gap-1.5 rounded-2xl px-4 py-3 text-[14px] font-medium text-theme-600 ring-1 ring-theme-200 transition-colors hover:bg-theme-50 hover:text-theme-900 sm:hidden",
 					onClick: s[19] || (s[19] = (e) => j.value = !j.value)
-				}, [te(F(j.value ? "See less" : "See more") + " ", 1), v("i", { class: S(["i-tabler-chevron-down size-4 transition-transform", j.value ? "rotate-180" : ""]) }, null, 2)], 8, sa)) : h("", !0)])])) : h("", !0)
+				}, [te(F(j.value ? "See less" : "See more") + " ", 1), v("i", { class: S(["i-tabler-chevron-down size-4 transition-transform", j.value ? "rotate-180" : ""]) }, null, 2)], 8, aa)) : h("", !0)])], 2)) : h("", !0)
 			], 2)
 		], 2));
 	}
-}), la = { class: "agent-wrap" }, ua = {
+}), sa = { class: "agent-wrap" }, ca = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
-}, da = {
+}, la = {
 	key: 2,
 	class: "flex h-full flex-col items-center justify-center gap-4 px-6 text-center",
 	role: "status",
 	"aria-live": "polite",
 	"data-test": "agent-unavailable"
-}, fa = /* @__PURE__ */ x({
+}, ua = /* @__PURE__ */ x({
 	__name: "AgentWrap",
 	props: {
 		sdk: {},
@@ -5325,7 +5331,7 @@ var kr = [
 				});
 			}
 		}
-		return ie(loadAgent), (t, n) => (T(), _("div", la, [s.value ? (T(), _("div", ua, [v("div", { class: S(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? oe(t.$slots, "default", {
+		return ie(loadAgent), (t, n) => (T(), _("div", sa, [s.value ? (T(), _("div", ca, [v("div", { class: S(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? oe(t.$slots, "default", {
 			sdk: se(o),
 			agent: c.value,
 			context: e.clientContext ?? e.context,
@@ -5333,7 +5339,7 @@ var kr = [
 			buttonText: e.buttonText,
 			buttonIcon: e.buttonIcon,
 			loading: s.value
-		}, void 0, void 0, 1) : u.value ? (T(), _("div", da, [n[0] || (n[0] = v("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), v("button", {
+		}, void 0, void 0, 1) : u.value ? (T(), _("div", la, [n[0] || (n[0] = v("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), v("button", {
 			type: "button",
 			class: "min-h-11 rounded-full bg-theme-900 px-5 text-sm font-semibold text-theme-0 transition-colors hover:bg-theme-700",
 			"data-test": "agent-unavailable-retry",
@@ -5342,6 +5348,6 @@ var kr = [
 	}
 });
 //#endregion
-export { ke as a, getAgentAvatarUrl as c, AgentChatController as d, ve as f, Pe as i, handleImageError as l, _e as m, ca as n, De as o, n as p, ai as r, Te as s, fa as t, parseButtonTemplate as u };
+export { ke as a, getAgentAvatarUrl as c, AgentChatController as d, ve as f, Pe as i, handleImageError as l, _e as m, oa as n, De as o, n as p, ai as r, Te as s, ua as t, parseButtonTemplate as u };
 
 //# sourceMappingURL=AgentWrap.js.map