@pagelines/sdk 1.0.733 → 1.0.735

package/dist/AgentWrap.js

@@ -4534,7 +4534,7 @@ var kr = [
 		}), (e, t) => (T(), _("div", {
 			ref_key: "viewport",
 			ref: n,
-			class: S(["overflow-y-auto overflow-x-hidden min-h-0 flex flex-col [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", i.value ? "[overflow-anchor:none]" : ""]),
+			class: S(["overflow-y-auto overscroll-contain overflow-x-hidden min-h-0 flex flex-col [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", i.value ? "[overflow-anchor:none]" : ""]),
 			onScrollPassive: onScroll,
 			onWheelPassive: markUserGesture,
 			onTouchstartPassive: markUserGesture
@@ -4628,11 +4628,7 @@ var kr = [
 }, na = {
 	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({
+}, ra = { class: "sr-only" }, ia = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, aa = ["disabled", "onClick"], oa = ["aria-expanded"], sa = /* @__PURE__ */ x({
 	__name: "ElAgentChat",
 	props: {
 		chatController: {},
@@ -4842,7 +4838,7 @@ 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", { class: S(["@container/chat relative flex h-full flex-col", z.value.length === 0 ? ["min-h-0 overflow-y-auto", r.value ? "justify-start sm:[justify-content:safe_center]" : "[justify-content:safe_center]"] : ""]) }, [
 			e.showHeader && !K.value ? (T(), _("div", li, [b(Pe, {
 				agent: e.agent,
 				"is-online": c.value
@@ -5090,11 +5086,16 @@ var kr = [
 				], 2)]),
 				_: 3
 			}, 8, ["class"]),
-			v("div", { class: S(["left-0 right-0 z-30 px-5 pb-4", [
-				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",
+					r.value && e.centered ? "max-sm:absolute max-sm:bottom-0" : "",
+					r.value && z.value.length === 0 ? "max-sm:mt-auto" : "",
+					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" : ""])
@@ -5202,34 +5203,38 @@ var kr = [
 					"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", ia, [(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, aa))), 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, oa)) : h("", !0)])], 2)) : h("", !0)
 			], 2)
 		], 2));
 	}
-}), la = { class: "agent-wrap" }, ua = {
+}), ca = { class: "agent-wrap" }, la = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
-}, da = {
+}, ua = {
 	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({
+}, da = /* @__PURE__ */ x({
 	__name: "AgentWrap",
 	props: {
 		sdk: {},
@@ -5325,7 +5330,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", ca, [s.value ? (T(), _("div", la, [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 +5338,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", ua, [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 +5347,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, sa as n, De as o, n as p, ai as r, Te as s, da as t, parseButtonTemplate as u };
 
 //# sourceMappingURL=AgentWrap.js.map