@pagelines/sdk 1.0.794 → 1.0.796

package/dist/AgentWrap.js

@@ -4578,7 +4578,7 @@ var kr = [
 }), oi = 80, si = 600, ci = /* @__PURE__ */ S({
 	__name: "ChatScroller",
 	setup(e, { expose: t }) {
-		let n = M(), r = M(), i = M(!0), a, o = 0;
+		let n = M(), r = M(), i = M(!0), a, o, s = 0;
 		function scrollToBottom() {
 			let e = n.value;
 			e && (e.scrollTop = e.scrollHeight);
@@ -4588,21 +4588,25 @@ var kr = [
 			e && (i.value = e.scrollHeight - e.scrollTop - e.clientHeight <= oi);
 		}
 		function markUserGesture() {
-			o = Date.now() + si;
+			s = Date.now() + si;
+		}
+		function followPinned() {
+			i.value && Date.now() > s && scrollToBottom();
 		}
 		function pin() {
-			i.value = !0, o = 0, scrollToBottom(), requestAnimationFrame(() => {
+			i.value = !0, s = 0, scrollToBottom(), requestAnimationFrame(() => {
 				scrollToBottom(), requestAnimationFrame(scrollToBottom);
 			});
 		}
 		return t({ pin }), te(() => {
 			requestAnimationFrame(() => {
 				scrollToBottom(), requestAnimationFrame(scrollToBottom);
-			}), r.value && (a = new ResizeObserver(() => {
-				i.value && Date.now() > o && scrollToBottom();
-			}), a.observe(r.value), n.value && a.observe(n.value));
+			}), r.value && (a = new ResizeObserver(followPinned), a.observe(r.value), n.value && a.observe(n.value), o = new MutationObserver(followPinned), o.observe(r.value, {
+				childList: !0,
+				subtree: !0
+			}));
 		}), A(() => {
-			a?.disconnect();
+			a?.disconnect(), o?.disconnect();
 		}), (e, t) => (j(), _("div", {
 			ref_key: "viewport",
 			ref: n,
@@ -4840,9 +4844,13 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 	class: "i-tabler-arrow-up size-[17px]"
 }, ga = { class: "sr-only" }, _a = {
 	key: 3,
+	"data-test": "messaging-ai-notice",
+	class: "mx-auto max-w-[720px] pt-2 text-center text-[11.5px] leading-none text-theme-300"
+}, va = {
+	key: 4,
 	"data-test": "messaging-suggested-prompts",
 	class: "mt-3 w-full sm:mx-auto sm:mt-5 sm:max-w-[720px]"
-}, va = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, ya = ["disabled", "onClick"], ba = ["aria-expanded"], xa = /* @__PURE__ */ S({
+}, ya = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, ba = ["disabled", "onClick"], xa = ["aria-expanded"], Sa = /* @__PURE__ */ S({
 	__name: "ElAgentChat",
 	props: {
 		chatController: {},
@@ -5015,7 +5023,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 			if (!e.chatController || Me.value !== "send") return;
 			i.value && (i.value.style.height = "auto", i.value.focus()), r.value?.pin();
 			let t = e.chatController.sendComposerMessage();
-			window.matchMedia("(hover: none) and (pointer: coarse)").matches && i.value?.blur(), await t;
+			window.matchMedia("(pointer: coarse)").matches && i.value?.blur(), await t;
 		}
 		async function handleCardAction(t) {
 			!e.chatController || Se.value || (r.value?.pin(), await e.chatController.sendChatMessage(t));
@@ -5357,7 +5365,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 				"data-test": "messaging-composer-footer",
 				class: T(["left-0 right-0 z-30 px-5 pb-[max(env(safe-area-inset-bottom),1rem)]", [
 					B.value.length === 0 || e.centered ? "relative shrink-0" : "absolute bottom-0",
-					e.centered && B.value.length > 0 ? "pt-0" : "pt-3",
+					e.centered && B.value.length > 0 ? "pt-0 sm:pb-7" : "pt-3",
 					K.value ? e.centered ? "bg-theme-0" : "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"
 				]])
 			}, [
@@ -5396,7 +5404,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 				v("div", {
 					"data-test": "messaging-composer",
 					"data-composer-action": Me.value,
-					class: T(["w-full cursor-text rounded-2xl px-4 pb-2.5 pt-3 transition-colors duration-200", [e.centered ? "max-w-[720px] mx-auto" : "", K.value ? "bg-white shadow-[0_1px_2px_rgba(15,23,42,0.05),0_8px_24px_rgba(15,23,42,0.05)] ring-1 ring-theme-200 hover:ring-theme-300 focus-within:ring-theme-300" : "bg-white/10 backdrop-blur-xl ring-1 ring-white/15 hover:ring-white/25 focus-within:bg-white/15 focus-within:ring-white/25"]]),
+					class: T(["w-full cursor-text rounded-2xl px-4 pb-2.5 pt-3 transition-colors duration-200", [e.centered ? B.value.length === 0 ? "max-w-[680px] mx-auto" : "max-w-[720px] mx-auto" : "", K.value ? "bg-white shadow-[0_1px_2px_rgba(15,23,42,0.05),0_8px_24px_rgba(15,23,42,0.05)] ring-1 ring-theme-200 hover:ring-theme-300 focus-within:ring-theme-300" : "bg-white/10 backdrop-blur-xl ring-1 ring-white/15 hover:ring-white/25 focus-within:bg-white/15 focus-within:ring-white/25"]]),
 					onClick: focusComposer
 				}, [Be.value ? (j(), _("div", {
 					key: 1,
@@ -5513,34 +5521,35 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 						onClick: o[20] || (o[20] = (e) => handleComposerAction())
 					}, [Me.value === "stop" ? (j(), _("i", ma)) : (j(), _("i", ha)), v("span", ga, I(Le.value), 1)], 10, pa)], 64))])
 				])], 10, ea),
-				!We.value && B.value.length === 0 && e.suggestedPrompts.length > 0 ? (j(), _("div", _a, [v("div", va, [(j(!0), _(f, null, P(e.suggestedPrompts, (e, t) => (j(), _("button", {
+				e.centered && B.value.length > 0 ? (j(), _("p", _a, I(e.agent.displayName.value) + " is AI and can make mistakes. ", 1)) : h("", !0),
+				!We.value && B.value.length === 0 && e.suggestedPrompts.length > 0 ? (j(), _("div", va, [v("div", ya, [(j(!0), _(f, null, P(e.suggestedPrompts, (e, t) => (j(), _("button", {
 					key: e.id,
 					type: "button",
 					disabled: Se.value,
 					"data-test": "messaging-suggested-prompt",
 					class: T(["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]", [Se.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !A.value && t >= 3 ? "max-sm:hidden" : ""]]),
 					onClick: (t) => sendSuggestedPrompt(e)
-				}, I(e.label), 11, ya))), 128)), e.suggestedPrompts.length > 3 ? (j(), _("button", {
+				}, I(e.label), 11, ba))), 128)), e.suggestedPrompts.length > 3 ? (j(), _("button", {
 					key: 0,
 					type: "button",
 					"data-test": "messaging-suggested-prompts-more",
 					"aria-expanded": A.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: o[21] || (o[21] = (e) => A.value = !A.value)
-				}, [b(I(A.value ? "See less" : "See more") + " ", 1), v("i", { class: T(["i-tabler-chevron-down size-4 transition-transform", A.value ? "rotate-180" : ""]) }, null, 2)], 8, ba)) : h("", !0)])])) : h("", !0)
+				}, [b(I(A.value ? "See less" : "See more") + " ", 1), v("i", { class: T(["i-tabler-chevron-down size-4 transition-transform", A.value ? "rotate-180" : ""]) }, null, 2)], 8, xa)) : h("", !0)])])) : h("", !0)
 			], 2)
 		], 2));
 	}
-}), Sa = { class: "agent-wrap" }, Ca = {
+}), Ca = { class: "agent-wrap" }, wa = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
-}, wa = {
+}, Ta = {
 	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"
-}, Ta = /* @__PURE__ */ S({
+}, Ea = /* @__PURE__ */ S({
 	__name: "AgentWrap",
 	props: {
 		sdk: {},
@@ -5636,7 +5645,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 				});
 			}
 		}
-		return te(loadAgent), (t, n) => (j(), _("div", Sa, [s.value ? (j(), _("div", Ca, [v("div", { class: T(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? re(t.$slots, "default", {
+		return te(loadAgent), (t, n) => (j(), _("div", Ca, [s.value ? (j(), _("div", wa, [v("div", { class: T(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? re(t.$slots, "default", {
 			sdk: ae(o),
 			agent: c.value,
 			context: e.clientContext ?? e.context,
@@ -5644,7 +5653,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 			buttonText: e.buttonText,
 			buttonIcon: e.buttonIcon,
 			loading: s.value
-		}, void 0, void 0, 1) : u.value ? (j(), _("div", wa, [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 ? (j(), _("div", Ta, [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",
@@ -5653,6 +5662,6 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 	}
 });
 //#endregion
-export { Pe as a, we as c, parseButtonTemplate as d, AgentChatController as f, pe as h, ai as i, getAgentAvatarUrl as l, n as m, xa as n, Oe as o, he as p, yi as r, Ee as s, Ta as t, handleImageError as u };
+export { Pe as a, we as c, parseButtonTemplate as d, AgentChatController as f, pe as h, ai as i, getAgentAvatarUrl as l, n as m, Sa as n, Oe as o, he as p, yi as r, Ee as s, Ea as t, handleImageError as u };
 
 //# sourceMappingURL=AgentWrap.js.map