@pagelines/sdk 1.0.777 → 1.0.779

package/dist/AgentWrap.js

@@ -541,8 +541,15 @@ var AgentChatController = class extends i {
 		};
 	}
 	addOfflineSystemReply() {
-		let e = this._agent.displayName.value || "Your assistant", t = this.chatUnavailableReason ?? `${e} is unavailable`, n = this._agent.state.value.lifecycle === "stopped" || this._agent.desiredStatus.value !== "active", r = this.settings.manageUrl, i = n ? r ? `${t}, so your message can't be answered yet. [Wake ${e}](${r}), then send again.` : `${t}, so your message can't be answered yet. Wake it from the dashboard, then send again.` : `${t}. Give it a moment and send again.`, a = this.sharedMessages.value[this.sharedMessages.value.length - 1];
-		a?.sender === "system" && a.text === i || this.addMessage(i, "system");
+		let e = this._agent.displayName.value || "Your assistant", t = this._agent.state.value.blocker;
+		if (t) {
+			let e = t.actionUrl.startsWith("pagelines://") ? this.settings.billingUrl : t.actionUrl, n = [`${t.title}.${t.help ? ` ${t.help}` : ""}`, t.actionLabel && e ? `[${t.actionLabel}](${e})` : t.actionLabel || ""].filter(Boolean).join(" "), r = this.sharedMessages.value[this.sharedMessages.value.length - 1];
+			if (r?.sender === "system" && r.text === n) return;
+			this.addMessage(n, "system");
+			return;
+		}
+		let n = this.chatUnavailableReason ?? `${e} is unavailable`, r = this._agent.state.value.lifecycle === "stopped" || this._agent.desiredStatus.value !== "active", i = this.settings.manageUrl, a = r ? i ? `${n}, so your message can't be answered yet. [Wake ${e}](${i}), then send again.` : `${n}, so your message can't be answered yet. Wake it from the dashboard, then send again.` : `${n}. Give it a moment and send again.`, o = this.sharedMessages.value[this.sharedMessages.value.length - 1];
+		o?.sender === "system" && o.text === a || this.addMessage(a, "system");
 	}
 	async sendComposerMessage() {
 		if (!this.canSend.value) return;
@@ -4074,10 +4081,10 @@ var kr = [
 			return n[e % n.length];
 		}
 		function diagramNodeFill(e) {
-			return t.inverted ? e === "decision" ? "rgba(255, 255, 255, 0.1)" : "rgba(255, 255, 255, 0.06)" : e === "decision" ? "color-mix(in oklch, var(--color-primary-500) 9%, var(--color-theme-0))" : e === "output" ? "color-mix(in oklch, var(--color-theme-900) 5%, var(--color-theme-0))" : "var(--color-theme-0)";
+			return t.inverted ? e === "decision" ? "rgba(255, 255, 255, 0.1)" : "rgba(255, 255, 255, 0.06)" : e === "decision" ? "color-mix(in oklch, var(--color-primary-500) 6%, var(--color-theme-0))" : e === "output" ? "color-mix(in oklch, var(--color-theme-900) 5%, var(--color-theme-0))" : "var(--color-theme-0)";
 		}
 		function diagramNodeStroke(e) {
-			return e === "decision" ? t.inverted ? "rgba(255, 255, 255, 0.26)" : "color-mix(in oklch, var(--color-primary-500) 32%, var(--color-theme-300))" : be.value;
+			return t.inverted ? "rgba(255, 255, 255, 0.22)" : be.value;
 		}
 		let _e = p(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), ve = p(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), U = p(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), ye = p(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), W = p(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), be = p(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), G = p(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 10%, transparent)"), Se = p(() => t.inverted ? "transparent" : "var(--color-theme-0)"), Ce = p(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), we = p(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
 		return (e, r) => o.value ? (j(), _("section", {
@@ -4312,7 +4319,7 @@ var kr = [
 					key: 1,
 					width: e.width,
 					height: e.height,
-					rx: "12",
+					rx: "9",
 					"stroke-width": "1",
 					"vector-effect": "non-scaling-stroke",
 					style: k({
@@ -4325,7 +4332,7 @@ var kr = [
 					width: e.width - 16,
 					height: e.height - 10
 				}, [v("div", ni, [v("div", {
-					class: "line-clamp-2 text-[13px] font-semibold leading-tight",
+					class: "line-clamp-2 text-[13px] font-medium leading-snug",
 					style: k({ color: _e.value })
 				}, I(e.label), 5), e.detail ? (j(), _("div", {
 					key: 0,
@@ -4512,7 +4519,7 @@ var kr = [
 			}) : [];
 		});
 		return (t, n) => (j(), _("div", {
-			class: "chat-msg-rich break-words text-[14px] leading-relaxed @sm/chat:max-w-[65ch] @sm/chat:text-[16px] @sm/chat:leading-relaxed",
+			class: "chat-msg-rich break-words text-[14px] leading-[1.55] @sm/chat:max-w-[55ch] @sm/chat:text-[15px] @sm/chat:leading-[1.5]",
 			onErrorCapture: onRichTextAssetError
 		}, [(j(!0), _(f, null, P(h.value, (t) => (j(), _(f, { key: t.key }, [t.kind === "markdown" ? (j(), _("div", {
 			key: 0,
@@ -4558,7 +4565,9 @@ var kr = [
 			o = Date.now() + si;
 		}
 		function pin() {
-			i.value = !0, scrollToBottom();
+			i.value = !0, o = 0, scrollToBottom(), requestAnimationFrame(() => {
+				scrollToBottom(), requestAnimationFrame(scrollToBottom);
+			});
 		}
 		return t({ pin }), te(() => {
 			requestAnimationFrame(() => {
@@ -5222,7 +5231,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 						}, [o[25] || (o[25] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + I(e.filename), 1)], 10, Li))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (j(), _("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
-							class: T(e.sender === "user" ? K.value ? "rounded-[14px] px-4 py-2.5 bg-theme-100 text-theme-900" : "rounded-[14px] px-4 py-2.5 bg-white/10 text-white" : K.value ? "text-theme-800" : "text-white/95")
+							class: T(e.sender === "user" ? K.value ? "rounded-[14px] px-4 py-2.5 bg-theme-50 text-theme-900" : "rounded-[14px] px-4 py-2.5 bg-white/10 text-white" : K.value ? "text-theme-800" : "text-white/95")
 						}, [(j(!0), _(f, null, P(messageRenderParts(e), (t) => (j(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (j(), _("div", Ri, [x(ai, {
 							text: t.text,
 							inverted: e.sender === "user" || !K.value,
@@ -5327,7 +5336,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 				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",
-					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"
+					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"
 				]])
 			}, [
 				Ee.value.length > 0 ? (j(), _("div", {
@@ -5360,7 +5369,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 @lg/chat:pb-5 @lg/chat:pt-5" : "", 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 ? "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,
@@ -5393,7 +5402,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 					onKeydown: handleKeydown
 				}, null, 42, ta)), [[oe, Te.value]]), v("div", ra, [
 					v("button", {
-						class: T(["-ml-2 flex size-11 items-center justify-center transition-opacity hover:opacity-70", [
+						class: T(["-ml-2 flex size-8 items-center justify-center transition-opacity hover:opacity-70 pointer-coarse:size-11", [
 							Ae.value ? "cursor-pointer" : "cursor-default",
 							K.value ? "text-theme-500" : "text-white/50",
 							De.value || ke.value ? "opacity-50 pointer-events-none" : ""
@@ -5407,7 +5416,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 					v("div", ca, [(Re.value || Be.value) && !We.value ? (j(), _("button", {
 						key: 0,
 						"data-test": "messaging-record-audio-btn",
-						class: T(["flex size-11 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Be.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
+						class: T(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70 pointer-coarse:size-11", Be.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
 						"aria-label": Ue.value,
 						title: Ue.value,
 						onPointerdown: o[8] || (o[8] = de((e) => startRecording(), ["prevent"])),
@@ -5422,7 +5431,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 					}, [v("i", { class: T([Be.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", ua, I(Ue.value), 1)], 42, la)) : h("", !0), We.value && !Ze.value ? (j(), _("button", {
 						key: 1,
 						"data-test": "messaging-voice-end-btn",
-						class: T(["flex size-11 cursor-pointer items-center justify-center rounded-full transition-colors duration-150", K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100"]),
+						class: T(["flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100"]),
 						"aria-label": "End voice conversation",
 						title: "End voice conversation",
 						onClick: o[16] || (o[16] = (e) => endVoiceConversation())
@@ -5432,7 +5441,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 					}, null, -1), v("span", { class: "sr-only" }, "End voice conversation", -1)])], 2)) : Ze.value ? (j(), _("button", {
 						key: 2,
 						"data-test": "messaging-voice-send-btn",
-						class: T(["flex size-11 cursor-pointer items-center justify-center rounded-full transition-colors duration-150", K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100"]),
+						class: T(["flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100"]),
 						"aria-label": "Send to the call",
 						title: "Send to the call",
 						onClick: o[17] || (o[17] = (e) => sendVoiceUserMessage())
@@ -5442,7 +5451,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 					}, null, -1), v("span", { class: "sr-only" }, "Send to the call", -1)])], 2)) : qe.value ? (j(), _("button", {
 						key: 3,
 						"data-test": "messaging-voice-start-btn",
-						class: T(["flex size-11 items-center justify-center rounded-full transition-colors duration-150", [K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100", Ye.value ? "cursor-not-allowed opacity-40" : "cursor-pointer"]]),
+						class: T(["flex size-8 items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", [K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100", Ye.value ? "cursor-not-allowed opacity-40" : "cursor-pointer"]]),
 						disabled: Ye.value,
 						"aria-label": Xe.value,
 						title: Xe.value,
@@ -5460,7 +5469,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 					}, null, 4)), 64))]), o[33] || (o[33] = v("span", { class: "sr-only" }, "Start voice conversation", -1))], 10, da)) : Be.value ? h("", !0) : (j(), _(f, { key: 4 }, [Fe.value ? (j(), _("button", {
 						key: 0,
 						"data-test": "messaging-secondary-stop-btn",
-						class: T(["mr-2 flex size-11 cursor-pointer items-center justify-center rounded-full transition-colors duration-150", K.value ? "bg-theme-100 text-theme-700 hover:bg-theme-200" : "bg-white/10 text-white/70 hover:bg-white/15"]),
+						class: T(["mr-2 flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", K.value ? "bg-theme-100 text-theme-700 hover:bg-theme-200" : "bg-white/10 text-white/70 hover:bg-white/15"]),
 						"aria-label": "Stop work",
 						title: "Stop work",
 						onClick: o[19] || (o[19] = (t) => e.chatController?.stopChatTurn())
@@ -5470,7 +5479,7 @@ var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1
 					}, null, -1), v("span", { class: "sr-only" }, "Stop work", -1)])], 2)) : h("", !0), v("button", {
 						"data-test": "messaging-send-btn",
 						"data-composer-action": Me.value,
-						class: T(["flex size-11 items-center justify-center rounded-full transition-colors duration-150", Ne.value ? K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800 cursor-pointer" : "bg-theme-0 text-theme-950 hover:bg-theme-100 cursor-pointer" : K.value ? "bg-theme-100 text-theme-400" : "bg-white/10 text-white/30"]),
+						class: T(["flex size-8 items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", Ne.value ? K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800 cursor-pointer" : "bg-theme-0 text-theme-950 hover:bg-theme-100 cursor-pointer" : K.value ? "bg-theme-100 text-theme-400" : "bg-white/10 text-white/30"]),
 						disabled: !Ne.value,
 						"aria-label": Le.value,
 						title: Le.value,