@turquoisehealth/pit-viper 2.216.0 → 2.216.1-dev.0

package/pv-components/dist/vue/ai/pv-components-ai.mjs

@@ -0,0 +1,951 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.pv-badge-md[data-v-013a5d76]{--inset-size:2px 2px;min-width:20px;min-height:20px;max-height:20px;font-weight:500}.pv-badge-sm[data-v-013a5d76]{--inset-size:0 2px;min-width:16px;min-height:16px;max-height:16px;font-weight:500}.input-icon-position{pointer-events:none;position:absolute;top:8px;left:12px}.pv-question[data-v-38f26601]{--card-radius:.75rem;box-shadow:0 4px 16px #00000029}.pv-question__listbox[data-v-38f26601]:focus-visible{outline:2px solid var(--color-border-accent,#36c5ba);outline-offset:2px;border-radius:.5rem}.pv-question__option[data-v-38f26601],.pv-question__chat[data-v-38f26601]{cursor:pointer;min-width:0}.pv-question__option[data-active][data-v-38f26601],.pv-question__chat[data-active][data-v-38f26601]{background-color:var(--card-hover-background-color,#e8f2f4)}.pv-question__option[data-v-38f26601]:active,.pv-question__chat[data-v-38f26601]:active{background-color:var(--card-pressed-background-color,#c7d8db)}.pv-question__chevron[data-v-38f26601]{visibility:hidden;margin-inline-start:auto}.pv-question__option[data-active] .pv-question__chevron[data-v-38f26601],.pv-question__chat[data-active] .pv-question__chevron[data-v-38f26601]{visibility:visible}.pv-question__check[data-v-38f26601]{margin-inline-start:auto}.pv-question__option[aria-selected=true] .pv-question__chevron[data-v-38f26601]{display:none}.pv-question__chat-badge[data-v-38f26601]{--flex-gap:0;background-color:#e0e5e4;flex:0 0 1rem;justify-content:center;height:1rem}.pv-question__chat-input[data-v-38f26601] .pv-input-text{min-width:0}.pv-confirmation__actions[data-v-c200deca]{--flex-justify:flex-end}.pv-prompt-input[data-v-155361b4]{--flex-align:stretch;cursor:text;transition-property:border-color,box-shadow;transition-duration:.125s}.pv-prompt-input[data-v-155361b4]:hover{border-color:var(--text-input-hover-border-color,#d2d8dc);box-shadow:0 .25px 3px #0003}.pv-prompt-input[data-v-155361b4]:focus-within{border-color:var(--text-input-focus-border-color,#36c5ba)}.pv-prompt-input__textarea[data-v-155361b4]{--flex-align:stretch;width:100%}.pv-prompt-input__textarea[data-v-155361b4] textarea{field-sizing:content;max-height:var(--prompt-input-max-height);resize:none;background-color:#0000;border:0;width:100%;min-width:0;padding:0;overflow-y:auto}.pv-prompt-input__textarea[data-v-155361b4] textarea:focus,.pv-prompt-input__textarea[data-v-155361b4] textarea:focus-visible{outline:none}.pv-prompt-input__footer[data-v-155361b4]{--flex-justify:space-between}.pv-prompt-input__actions[data-v-155361b4]{min-width:0}summary[data-v-d953baf8]{background-image:none;padding-right:2px}.pv-reasoning__content[data-v-6111e5ae]{white-space:pre-wrap;padding:8px 0 8px 24px}.pv-tool__disclosure-content[data-v-a5e28b1a]{padding:0 12px 12px}.pv-tool__heading[data-v-a5e28b1a]{min-width:0}.pv-tool__content[data-v-a5e28b1a]{padding-top:12px}pre[data-v-a5e28b1a]{white-space:pre-wrap;word-break:break-word;max-width:100%;margin:0;overflow-x:auto}
+/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, getCurrentInstance as l, mergeModels as u, mergeProps as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onScopeDispose as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, useId as ee, useModel as S, vModelDynamic as C, vModelText as w, watch as T, withCtx as E, withDirectives as D, withKeys as te, withModifiers as O } from "vue";
+//#endregion
+//#region src/components/base/PvSpinner/PvSpinner.vue
+var k = /* @__PURE__ */ c({
+	__name: "PvSpinner",
+	props: {
+		size: { default: "lg" },
+		variant: { default: "primary" }
+	},
+	setup(e) {
+		let t = {
+			xs: "0.75rem",
+			sm: "1rem",
+			md: "1.25rem",
+			lg: "1.5rem",
+			xl: "2rem"
+		}, n = {
+			primary: "pv-spinner",
+			dark: "pv-spinner-dark",
+			white: "pv-spinner-light"
+		};
+		return (r, a) => (_(), i("div", {
+			"data-testid": "pv-spinner",
+			class: p(n[e.variant]),
+			style: m({ "--size": t[e.size] })
+		}, null, 6));
+	}
+}), A = ["ghost"], j = {
+	md: "pv-button-small",
+	lg: void 0,
+	xl: "pv-button-large"
+}, M = (e) => e == null || !j.hasOwnProperty(e) ? null : j[e] || null;
+//#endregion
+//#region src/web-components/utils.ts
+function N() {
+	let e = v(!1), t = l()?.root || {};
+	return "isCE" in t && t.isCE === !0 && (e.value = !0), e;
+}
+//#endregion
+//#region src/components/base/baseProps.ts
+var P = [
+	void 0,
+	10,
+	12,
+	20,
+	24,
+	32,
+	64
+], F = ["xlink:href"], I = /* @__PURE__ */ c({
+	__name: "PvIcon",
+	props: {
+		name: {},
+		size: {}
+	},
+	setup(e) {
+		let n = e, r = N(), o = v(null), s = t(() => ({
+			"pv-icon": !0,
+			[`pv-icon-${n.size}`]: n.size != null && P.includes(n.size)
+		})), c = t(() => r.value && o.value ? `${o.value}#${n.name}` : `#${n.name}`);
+		return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (o.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (e, t) => (_(), i("svg", {
+			"data-testid": "pv-icon",
+			"aria-hidden": "true",
+			class: p(s.value)
+		}, [a("use", { "xlink:href": c.value }, null, 8, F)], 2));
+	}
+}), L = /* @__PURE__ */ c({
+	__name: "PvCounterBadge",
+	props: {
+		maxValue: { default: 99 },
+		prefix: { default: "" },
+		size: { default: "sm" },
+		value: {},
+		variant: { default: "primary" }
+	},
+	setup(e) {
+		let n = e, r = t(() => n.maxValue && n.value && n.value > n.maxValue ? `${n.maxValue}+` : n.value == null ? "-" : `${n.prefix}${n.value}`), a = t(() => ({
+			"pv-inline-block pv-inset-square pv-radius pv-text-center": !0,
+			"pv-badge-md pv-text-body-md": n.size == "md",
+			"pv-badge-sm pv-text-body-sm": n.size == "sm",
+			"pv-surface-brand-inverse pv-text-inverse": n.variant == "primary",
+			"pv-badge-secondary": n.variant == "secondary",
+			"pv-surface-lighten-5": n.variant == "tertiary",
+			"pv-text-tertiary": n.variant == "ghost" || n.variant == "tertiary",
+			"pv-surface": n.variant == "ghost"
+		}));
+		return (e, t) => (_(), i("div", {
+			class: p(a.value),
+			"data-testid": "pv-counter-badge"
+		}, x(r.value), 3));
+	}
+}), R = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, z = /* @__PURE__ */ R(L, [["__scopeId", "data-v-013a5d76"]]), B = ["disabled", "aria-label"], V = {
+	key: 2,
+	"data-testid": "pv-button-label"
+}, H = /* @__PURE__ */ c({
+	__name: "PvButton",
+	props: {
+		variant: { default: "primary" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "lg" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		label: {},
+		leftIcon: {},
+		rightIcon: {},
+		inverse: {
+			type: Boolean,
+			default: !1
+		},
+		leftCounterBadge: {},
+		rightCounterBadge: {},
+		ariaLabel: {}
+	},
+	setup(a) {
+		let o = a, s = t(() => !o.label || o.loading ? o.label || o.ariaLabel : void 0), c = t(() => {
+			let e = [];
+			o.inverse && A.includes(o.variant) ? e.push(`pv-button-${o.variant}-inverse`) : e.push(`pv-button-${o.variant}`);
+			let t = M(o.size);
+			return t && e.push(t), e;
+		});
+		return (t, o) => (_(), i("button", {
+			type: "button",
+			class: p(c.value),
+			disabled: a.disabled,
+			"aria-label": s.value,
+			"data-testid": "pv-button"
+		}, [a.loading ? (_(), n(k, {
+			key: 0,
+			size: "sm"
+		})) : (_(), i(e, { key: 1 }, [
+			a.leftCounterBadge ? (_(), n(z, {
+				key: 0,
+				value: a.leftCounterBadge,
+				variant: "tertiary"
+			}, null, 8, ["value"])) : r("", !0),
+			a.leftIcon ? (_(), n(I, {
+				key: 1,
+				name: a.leftIcon,
+				"data-testid": "pv-button-left-icon"
+			}, null, 8, ["name"])) : r("", !0),
+			a.label ? (_(), i("span", V, x(a.label), 1)) : r("", !0),
+			a.rightCounterBadge ? (_(), n(z, {
+				key: 3,
+				value: a.rightCounterBadge,
+				variant: "tertiary"
+			}, null, 8, ["value"])) : r("", !0),
+			a.rightIcon ? (_(), n(I, {
+				key: 4,
+				name: a.rightIcon,
+				"data-testid": "pv-button-right-icon"
+			}, null, 8, ["name"])) : r("", !0)
+		], 64))], 10, B));
+	}
+}), U = ["for"], ne = {
+	key: 0,
+	class: "pv-surface-accent pv-inset-square pv-text-body-md pv-radius pv-bordered",
+	style: { "--inset-size": "6px 10px" }
+}, W = { class: "pv-relative pv-flex-item" }, G = [
+	"disabled",
+	"type",
+	"placeholder",
+	"id",
+	"data-invalid",
+	"step"
+], K = /* @__PURE__ */ c({
+	__name: "PvInput",
+	props: /* @__PURE__ */ u({
+		showLabel: { type: Boolean },
+		error: { type: Boolean },
+		disabled: { type: Boolean },
+		placeholder: {},
+		type: { default: "text" },
+		id: { default: Math.random().toString() },
+		lowerLabel: {},
+		variant: { default: "white" },
+		step: {},
+		prefixLabel: {},
+		inputIcon: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(o) {
+		let s = o, c = S(o, "modelValue"), l = t(() => s.inputIcon ? { "--inset-size": "8px 12px 6px 36px" } : {});
+		return (t, s) => (_(), i(e, null, [
+			t.$slots.label || o.showLabel ? (_(), i("label", {
+				key: 0,
+				"data-testid": "pv-input-label",
+				class: "pv-label pv-stack-8",
+				for: o.id
+			}, [b(t.$slots, "label")], 8, U)) : r("", !0),
+			a("div", { class: p(["pv-flex pv-flex-item", { "pv-stack-8": o.lowerLabel }]) }, [o.prefixLabel ? (_(), i("div", ne, x(o.prefixLabel), 1)) : r("", !0), a("div", W, [o.inputIcon ? (_(), n(I, {
+				key: 0,
+				class: "pv-absolute input-icon-position",
+				name: o.inputIcon
+			}, null, 8, ["name"])) : r("", !0), D(a("input", d(t.$attrs, {
+				"onUpdate:modelValue": s[0] ||= (e) => c.value = e,
+				"data-testid": "pv-input",
+				class: ["pv-input-text", {
+					"pv-inset-square": o.inputIcon,
+					"pv-surface-accent": o.variant === "grey"
+				}],
+				style: [l.value, { width: "100%" }],
+				disabled: o.disabled,
+				type: o.type,
+				placeholder: o.placeholder,
+				id: o.id,
+				"data-invalid": o.error ? !0 : void 0,
+				step: o.step
+			}), null, 16, G), [[C, c.value]])])], 2),
+			o.lowerLabel ? (_(), i("p", {
+				key: 1,
+				"data-testid": "pv-input-lower-label",
+				style: { "margin-left": "12px" },
+				class: p(["pv-text-body-xs", {
+					"pv-text-red": o.error,
+					"pv-text-subdued": !o.error
+				}])
+			}, x(o.lowerLabel), 3)) : r("", !0)
+		], 64));
+	}
+}), q = ["onKeydown"], J = { class: "pv-question__header pv-inset-square-16 pv-space-between" }, Y = {
+	class: "pv-question__header-copy pv-flex-vertical pv-flex-item",
+	style: {
+		"--flex-align": "flex-start",
+		"--flex-gap": "4px",
+		"min-width": "0"
+	}
+}, X = {
+	key: 0,
+	class: "pv-text-body-md pv-text-tertiary"
+}, Z = { class: "pv-question__header-actions pv-flex" }, re = {
+	key: 0,
+	class: "pv-text-body-xs pv-text-tertiary",
+	role: "status",
+	"aria-live": "polite"
+}, ie = {
+	class: "pv-question__body pv-border-bottom",
+	style: { "padding-bottom": "2px" }
+}, ae = {
+	class: "pv-question__options pv-flex-vertical pv-inset-inline-16",
+	style: {
+		"--flex-align": "stretch",
+		"--flex-gap": "2px"
+	}
+}, oe = ["aria-activedescendant"], se = [
+	"id",
+	"aria-selected",
+	"data-active",
+	"onClick",
+	"onMouseenter"
+], ce = {
+	class: "pv-question__answer-text pv-flex-item pv-text-title-md",
+	style: { "min-width": "0" }
+}, le = ["title"], ue = { class: "pv-visually-hidden" }, de = ["data-active"], fe = { class: "pv-question__chat-badge pv-flex pv-radius pv-text-subdued" }, pe = {
+	class: "pv-question__chat-input pv-flex-item",
+	style: { "min-width": "0" }
+}, me = { class: "pv-question__footer pv-inset-squish-12 pv-space-between" }, he = /* @__PURE__ */ R(/* @__PURE__ */ c({
+	__name: "PvQuestion",
+	props: /* @__PURE__ */ u({
+		chatInputLabel: { default: "Other answer" },
+		chatInputPlaceholder: { default: "Something else..." },
+		currentQuestion: { default: 1 },
+		headerLabel: { default: "Question" },
+		options: { default: () => [] },
+		subheader: { default: "" },
+		totalQuestions: { default: 1 }
+	}, {
+		modelValue: {},
+		modelModifiers: {},
+		chatInput: { default: "" },
+		chatInputModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u([
+		"close",
+		"select",
+		"skip",
+		"submit"
+	], ["update:modelValue", "update:chatInput"]),
+	setup(o, { emit: c }) {
+		let l = o, u = c, d = S(o, "modelValue"), p = S(o, "chatInput"), m = ee(), h = `${m}-heading`, g = `${m}-keyboard-hint`, b = v(), C = v(), w = l.options.findIndex((e) => e.id === d.value), E = v(Math.max(w, 0)), D = t(() => l.totalQuestions > 1), k = t(() => E.value < l.options.length ? A(E.value) : void 0);
+		T(d, (e) => {
+			let t = l.options.findIndex((t) => t.id === e);
+			t >= 0 && (E.value = t);
+		}), T(() => l.options.map((e) => e.id), (e, t) => {
+			let n = e.findIndex((e) => e === d.value);
+			if (n >= 0) {
+				E.value = n;
+				return;
+			}
+			if (E.value === t.length) {
+				E.value = e.length;
+				return;
+			}
+			let r = t[E.value], i = e.indexOf(r);
+			E.value = i >= 0 ? i : Math.min(E.value, Math.max(e.length - 1, 0));
+		});
+		function A(e) {
+			return `${m}-option-${e}`;
+		}
+		function j(e) {
+			l.options.length && (E.value = e, f(() => b.value?.focus()));
+		}
+		function M() {
+			E.value = l.options.length, f(() => C.value?.querySelector("input")?.focus());
+		}
+		function N(e, t) {
+			E.value = t, d.value = e.id, u("select", e);
+		}
+		function P(e, t) {
+			N(e, t), f(() => b.value?.focus());
+		}
+		function F() {
+			E.value >= l.options.length && (E.value = 0);
+		}
+		function L(e) {
+			e.key === "ArrowDown" ? (e.preventDefault(), E.value >= l.options.length - 1 ? M() : E.value += 1) : e.key === "ArrowUp" ? (e.preventDefault(), E.value <= 0 ? M() : --E.value) : e.key === "Enter" && l.options[E.value] && (e.preventDefault(), N(l.options[E.value], E.value));
+		}
+		function R() {
+			E.value = l.options.length, d.value = void 0;
+		}
+		function B(e) {
+			if (!(!l.options.length && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
+				if (e.key === "ArrowDown") e.preventDefault(), j(0);
+				else if (e.key === "ArrowUp") e.preventDefault(), j(l.options.length - 1);
+				else if (e.key === "Enter" && !e.isComposing) {
+					e.preventDefault();
+					let t = p.value.trim();
+					t && u("submit", t);
+				}
+			}
+		}
+		function V() {
+			u("close");
+		}
+		function U() {
+			u("skip");
+		}
+		return (t, c) => (_(), i("section", {
+			class: "pv-question pv-card pv-surface pv-full-width",
+			"data-testid": "pv-question",
+			"aria-labelledby": h,
+			onKeydown: te(O(U, ["stop", "prevent"]), ["esc"])
+		}, [
+			a("header", J, [a("div", Y, [a("h3", {
+				id: h,
+				class: "pv-heading-3"
+			}, x(o.headerLabel), 1), o.subheader ? (_(), i("p", X, x(o.subheader), 1)) : r("", !0)]), a("div", Z, [D.value ? (_(), i("span", re, x(o.currentQuestion) + " of " + x(o.totalQuestions), 1)) : r("", !0), s(H, {
+				ariaLabel: "Close",
+				leftIcon: "close",
+				size: "md",
+				variant: "ghost",
+				onClick: V
+			})])]),
+			a("div", ie, [a("div", ae, [a("div", {
+				ref_key: "listboxRef",
+				ref: b,
+				class: "pv-question__listbox pv-flex-vertical",
+				style: {
+					"--flex-align": "stretch",
+					"--flex-gap": "2px"
+				},
+				"data-testid": "pv-question-listbox",
+				role: "listbox",
+				tabindex: "0",
+				"aria-activedescendant": k.value,
+				"aria-describedby": g,
+				"aria-labelledby": h,
+				onFocus: F,
+				onKeydown: L
+			}, [(_(!0), i(e, null, y(o.options, (e, t) => (_(), i("div", {
+				id: A(t),
+				key: e.id,
+				class: "pv-question__option pv-flex pv-inset-squish-12 pv-radius-lg",
+				"data-testid": "pv-question-option",
+				role: "option",
+				"aria-selected": d.value === e.id,
+				"data-active": E.value === t || void 0,
+				onClick: (n) => P(e, t),
+				onMouseenter: (e) => E.value = t
+			}, [
+				s(z, {
+					value: t + 1,
+					size: "sm",
+					variant: "tertiary"
+				}, null, 8, ["value"]),
+				a("span", ce, x(e.label), 1),
+				e.helpText ? (_(), i("span", {
+					key: 0,
+					class: "pv-question__help pv-flex",
+					style: { "--flex-gap": "0" },
+					title: e.helpText
+				}, [s(I, {
+					class: "pv-text-tertiary",
+					name: "info-circle",
+					size: 12
+				}), a("span", ue, x(e.helpText), 1)], 8, le)) : r("", !0),
+				d.value === e.id ? (_(), n(I, {
+					key: 1,
+					class: "pv-question__check pv-text-brand",
+					name: "check"
+				})) : r("", !0),
+				s(I, {
+					class: "pv-question__chevron pv-text-tertiary",
+					name: "chevron-right"
+				})
+			], 40, se))), 128))], 40, oe), a("div", {
+				ref_key: "chatInputWrapperRef",
+				ref: C,
+				class: "pv-question__chat pv-flex pv-inset-squish-12 pv-radius-lg",
+				"data-testid": "pv-question-chat",
+				"data-active": E.value === o.options.length || void 0,
+				onClick: M,
+				onMouseenter: c[1] ||= (e) => E.value = o.options.length
+			}, [
+				a("span", fe, [s(I, {
+					name: "text-search",
+					size: 12
+				})]),
+				a("div", pe, [s(K, {
+					modelValue: p.value,
+					"onUpdate:modelValue": c[0] ||= (e) => p.value = e,
+					"aria-label": o.chatInputLabel,
+					placeholder: o.chatInputPlaceholder,
+					onFocus: R,
+					onKeydown: B
+				}, null, 8, [
+					"modelValue",
+					"aria-label",
+					"placeholder"
+				])]),
+				s(I, {
+					class: "pv-question__chevron pv-text-tertiary",
+					name: "chevron-right"
+				})
+			], 40, de)])]),
+			a("footer", me, [a("span", {
+				id: g,
+				class: "pv-text-body-xs pv-text-tertiary"
+			}, "↑↓ to navigate • Enter to select • Esc to skip"), s(H, {
+				class: "pv-question__skip",
+				label: "Skip",
+				size: "lg",
+				variant: "secondary",
+				onClick: U
+			})])
+		], 40, q));
+	}
+}), [["__scopeId", "data-v-38f26601"]]), ge = {
+	key: 0,
+	class: "pv-confirmation pv-bordered pv-radius pv-inset-square-16 pv-flow-16",
+	"data-testid": "pv-confirmation",
+	"aria-label": "Tool approval"
+}, _e = { class: "pv-text-body-sm" }, ve = { class: "pv-flex pv-confirmation__actions" }, ye = {
+	key: 1,
+	class: "pv-flex pv-text-body-sm pv-text-success",
+	role: "status"
+}, be = {
+	key: 2,
+	class: "pv-flex pv-text-body-sm pv-text-critical",
+	role: "status"
+}, xe = /* @__PURE__ */ R(/* @__PURE__ */ c({
+	__name: "PvConfirmation",
+	props: {
+		approval: {},
+		approveLabel: { default: "Approve" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		message: { default: "This tool requires your approval before it can run." },
+		rejectLabel: { default: "Reject" },
+		state: {}
+	},
+	emits: ["respond"],
+	setup(n, { emit: c }) {
+		let l = n, u = c, d = t(() => l.state === "approval-requested" && l.approval !== void 0 && l.approval.approved === void 0), f = t(() => l.approval?.approved === !0 && (l.state === "approval-responded" || l.state === "input-available" || l.state === "output-available")), p = t(() => l.approval?.approved === !1 || l.state === "output-denied");
+		function m(e) {
+			u("respond", {
+				id: l.approval.id,
+				approved: e
+			});
+		}
+		return (t, c) => d.value || f.value || p.value ? (_(), i("section", ge, [d.value ? (_(), i(e, { key: 0 }, [a("div", _e, [b(t.$slots, "default", {}, () => [o(x(n.message), 1)], !0)]), a("div", ve, [s(H, {
+			variant: "secondary",
+			size: "md",
+			label: n.rejectLabel,
+			disabled: n.disabled,
+			onClick: c[0] ||= (e) => m(!1)
+		}, null, 8, ["label", "disabled"]), s(H, {
+			size: "md",
+			label: n.approveLabel,
+			disabled: n.disabled,
+			onClick: c[1] ||= (e) => m(!0)
+		}, null, 8, ["label", "disabled"])])], 64)) : f.value ? (_(), i("p", ye, [s(I, {
+			name: "check-circle",
+			size: 20
+		}), b(t.$slots, "accepted", {}, () => [c[2] ||= o("You approved this tool execution.", -1)], !0)])) : (_(), i("p", be, [s(I, {
+			name: "close-circle",
+			size: 20
+		}), b(t.$slots, "rejected", {}, () => [c[3] ||= o("You rejected this tool execution.", -1)], !0)]))])) : r("", !0);
+	}
+}), [["__scopeId", "data-v-c200deca"]]), Se = {
+	class: "pv-flex-vertical",
+	style: { "--flex-align": "flex-start" }
+}, Ce = ["for"], we = [
+	"rows",
+	"disabled",
+	"placeholder",
+	"id",
+	"data-invalid"
+], Te = /* @__PURE__ */ c({
+	__name: "PvTextArea",
+	props: /* @__PURE__ */ u({
+		error: { type: Boolean },
+		disabled: { type: Boolean },
+		placeholder: {},
+		id: { default: Math.random().toString() },
+		lowerLabel: {},
+		variant: { default: "white" },
+		rows: { default: 4 }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = S(e, "modelValue");
+		return (n, o) => (_(), i("div", Se, [
+			n.$slots.label ? (_(), i("label", {
+				key: 0,
+				class: "pv-label",
+				for: e.id
+			}, [b(n.$slots, "label")], 8, Ce)) : r("", !0),
+			D(a("textarea", d(n.$attrs, {
+				"onUpdate:modelValue": o[0] ||= (e) => t.value = e,
+				class: ["pv-textarea", { "pv-surface-accent": e.variant === "grey" }],
+				rows: e.rows,
+				disabled: e.disabled,
+				placeholder: e.placeholder,
+				id: e.id,
+				"data-invalid": e.error ? !0 : void 0
+			}), null, 16, we), [[w, t.value]]),
+			e.lowerLabel ? (_(), i("p", {
+				key: 1,
+				style: { "margin-left": "12px" },
+				class: p(["pv-text-body-xs", {
+					"pv-text-red": e.error,
+					"pv-text-subdued": !e.error
+				}])
+			}, x(e.lowerLabel), 3)) : r("", !0)
+		]));
+	}
+}), Ee = ["aria-busy"], De = {
+	key: 0,
+	class: "pv-full-width pv-flow-8"
+}, Oe = { class: "pv-prompt-input__footer pv-flex pv-full-width" }, ke = { class: "pv-prompt-input__actions pv-flex pv-flex-item" }, Ae = {
+	class: "pv-visually-hidden",
+	"aria-live": "polite"
+}, je = /* @__PURE__ */ R(/* @__PURE__ */ c({
+	__name: "PvPromptInput",
+	props: /* @__PURE__ */ u({
+		ariaLabel: { default: "Message" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		maxHeight: { default: "200px" },
+		placeholder: { default: "Ask anything..." },
+		rows: { default: 1 },
+		status: { default: "ready" },
+		stopLabel: { default: "Stop generating" },
+		submitLabel: { default: "Send message" }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u(["submit", "stop"], ["update:modelValue"]),
+	setup(n, { emit: c }) {
+		let l = n, u = c, d = S(n, "modelValue"), f = v(), p = t(() => l.status === "submitted" || l.status === "streaming"), h = t(() => !l.disabled && !p.value && d.value.trim().length > 0);
+		function g() {
+			h.value && u("submit", d.value.trim());
+		}
+		function y(e) {
+			l.disabled || e.target?.closest("button, a, input, textarea, select, [tabindex]") || f.value?.querySelector("textarea")?.focus();
+		}
+		function x(e) {
+			e.key !== "Enter" || e.shiftKey || e.isComposing || (e.preventDefault(), e.stopPropagation(), g());
+		}
+		return (t, c) => (_(), i("form", {
+			ref_key: "formRef",
+			ref: f,
+			class: "pv-prompt-input pv-bordered pv-radius pv-inset-square-8 pv-flex-vertical",
+			"data-testid": "pv-prompt-input",
+			"aria-busy": p.value,
+			onSubmit: O(g, ["prevent"]),
+			onClick: y
+		}, [
+			t.$slots.header ? (_(), i("div", De, [b(t.$slots, "header", {}, void 0, !0)])) : r("", !0),
+			s(Te, {
+				modelValue: d.value,
+				"onUpdate:modelValue": c[0] ||= (e) => d.value = e,
+				class: "pv-prompt-input__textarea",
+				style: m({ "--prompt-input-max-height": n.maxHeight }),
+				rows: n.rows,
+				placeholder: n.placeholder,
+				disabled: n.disabled,
+				"aria-label": n.ariaLabel,
+				onKeydown: x
+			}, null, 8, [
+				"modelValue",
+				"style",
+				"rows",
+				"placeholder",
+				"disabled",
+				"aria-label"
+			]),
+			a("div", Oe, [a("div", ke, [b(t.$slots, "actions", {}, void 0, !0)]), s(H, {
+				type: p.value ? "button" : "submit",
+				variant: p.value ? "secondary" : "primary",
+				size: "md",
+				"left-icon": p.value ? "stop" : "send",
+				"aria-label": p.value ? n.stopLabel : n.submitLabel,
+				disabled: n.disabled || !p.value && !h.value,
+				onClick: c[1] ||= (e) => p.value && u("stop")
+			}, null, 8, [
+				"type",
+				"variant",
+				"left-icon",
+				"aria-label",
+				"disabled"
+			])]),
+			a("p", Ae, [n.status === "submitted" ? (_(), i(e, { key: 0 }, [o("Message submitted.")], 64)) : n.status === "streaming" ? (_(), i(e, { key: 1 }, [o("Response is streaming.")], 64)) : n.status === "error" ? (_(), i(e, { key: 2 }, [o("The message could not be sent.")], 64)) : r("", !0)])
+		], 40, Ee));
+	}
+}), [["__scopeId", "data-v-155361b4"]]), Me = [
+	"ready",
+	"submitted",
+	"streaming",
+	"error"
+], Ne = ["open"], Q = /* @__PURE__ */ R(/* @__PURE__ */ c({
+	__name: "PvAccordion",
+	props: /* @__PURE__ */ u({
+		chevronPosition: { default: "right" },
+		chevronVariant: { default: "vertical" },
+		defaultOpen: { type: Boolean },
+		counter: {},
+		enableTriggerSlot: {
+			type: Boolean,
+			default: !1
+		},
+		enableTriggerFullWidth: {
+			type: Boolean,
+			default: !1
+		},
+		header: {},
+		summaryStyles: {},
+		summaryClasses: {},
+		contentStyles: {}
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u(["summary-mouseenter", "summary-mouseleave"], ["update:modelValue"]),
+	setup(o) {
+		let s = o, c = S(o, "modelValue");
+		s.defaultOpen !== void 0 && (c.value = s.defaultOpen);
+		let l = (e) => {
+			c.value = e.target.open;
+		}, u = { width: s.enableTriggerFullWidth ? "100%" : "fit-content" }, d = t(() => s.chevronVariant === "horizontal" ? s.chevronPosition === "left" ? c.value ? "chevron-down" : "chevron-right" : c.value ? "chevron-down" : "chevron-left" : c.value ? "chevron-up" : "chevron-down");
+		return (t, s) => (_(), i("details", {
+			"data-testid": "pv-accordion",
+			class: "pv-accordion",
+			open: c.value,
+			onToggle: l
+		}, [a("summary", {
+			class: p(["pv-flex pv-space-between pv-relative", o.summaryClasses]),
+			style: m({
+				...u,
+				...o.summaryStyles
+			}),
+			onMouseenter: s[0] ||= (e) => t.$emit("summary-mouseenter"),
+			onMouseleave: s[1] ||= (e) => t.$emit("summary-mouseleave")
+		}, [
+			o.chevronPosition === "left" ? (_(), n(I, {
+				key: 0,
+				name: d.value
+			}, null, 8, ["name"])) : r("", !0),
+			o.enableTriggerSlot ? b(t.$slots, "trigger", { key: 1 }, void 0, !0) : (_(), i(e, { key: 2 }, [a("span", null, x(o.header), 1), o.counter ? (_(), n(z, {
+				key: 0,
+				value: o.counter,
+				variant: "secondary",
+				size: "sm"
+			}, null, 8, ["value"])) : r("", !0)], 64)),
+			o.chevronPosition === "right" ? (_(), n(I, {
+				key: 3,
+				name: d.value
+			}, null, 8, ["name"])) : r("", !0)
+		], 38), a("div", { style: m(o.contentStyles) }, [b(t.$slots, "default", {}, void 0, !0)], 4)], 40, Ne));
+	}
+}), [["__scopeId", "data-v-d953baf8"]]), Pe = {
+	class: "pv-flex pv-text-body-sm pv-text-subdued",
+	"aria-live": "polite"
+}, $ = { class: "pv-reasoning__content pv-text-body-sm pv-text-subdued" }, Fe = /* @__PURE__ */ R(/* @__PURE__ */ c({
+	__name: "PvReasoning",
+	props: /* @__PURE__ */ u({
+		autoCloseDelay: { default: 1e3 },
+		completedLabel: { default: "Reasoning" },
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		duration: {},
+		isStreaming: {
+			type: Boolean,
+			default: !1
+		},
+		streamingLabel: { default: "Thinking..." }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(e) {
+		let r = e, i = S(e, "open"), c = v(), l = v(), u = v(!1), d;
+		(r.defaultOpen || r.isStreaming) && (i.value = !0), r.isStreaming && (l.value = Date.now());
+		let f = t(() => r.duration ?? c.value), p = t(() => {
+			if (r.isStreaming) return r.streamingLabel;
+			if (f.value === void 0) return r.completedLabel;
+			let e = Math.max(1, Math.round(f.value));
+			return `Thought for ${e} ${e === 1 ? "second" : "seconds"}`;
+		});
+		function m() {
+			d !== void 0 && (clearTimeout(d), d = void 0);
+		}
+		function g() {
+			u.value = !0, m();
+		}
+		return T(() => r.isStreaming, (e, t) => {
+			if (m(), e) {
+				l.value = Date.now(), c.value = void 0, u.value = !1, i.value = !0;
+				return;
+			}
+			t && (l.value !== void 0 && (c.value = (Date.now() - l.value) / 1e3), u.value || (d = setTimeout(() => {
+				u.value || (i.value = !1);
+			}, r.autoCloseDelay)));
+		}), h(m), (e, t) => (_(), n(Q, {
+			modelValue: i.value,
+			"onUpdate:modelValue": t[0] ||= (e) => i.value = e,
+			"default-open": i.value,
+			class: "pv-reasoning",
+			"chevron-position": "left",
+			"chevron-variant": "horizontal",
+			"enable-trigger-full-width": "",
+			"enable-trigger-slot": "",
+			"summary-classes": {
+				"pv-button-ghost": !0,
+				"pv-button-small": !0
+			},
+			"summary-styles": { justifyContent: "flex-start" },
+			onClick: g
+		}, {
+			trigger: E(() => [a("span", Pe, [s(I, {
+				name: "brain",
+				size: 20
+			}), o(" " + x(p.value), 1)])]),
+			default: E(() => [a("div", $, [b(e.$slots, "default", {}, void 0, !0)])]),
+			_: 3
+		}, 8, ["modelValue", "default-open"]));
+	}
+}), [["__scopeId", "data-v-6111e5ae"]]), Ie = { class: "pv-tool__heading pv-flex pv-flex-item" }, Le = { class: "pv-text-title-sm pv-truncate" }, Re = { class: "pv-tool__disclosure-content" }, ze = { class: "pv-flow-16 pv-border-top pv-tool__content" }, Be = {
+	key: 0,
+	class: "pv-flow-8"
+}, Ve = { class: "pv-surface-accent pv-inset-square-12 pv-radius-sm pv-text-body-xs" }, He = {
+	key: 1,
+	class: "pv-flow-8",
+	role: "alert",
+	"aria-label": "Tool error"
+}, Ue = { class: "pv-surface-critical pv-inset-square-12 pv-radius-sm pv-text-body-xs pv-text-critical" }, We = {
+	key: 2,
+	class: "pv-flow-8"
+}, Ge = { class: "pv-surface-accent pv-inset-square-12 pv-radius-sm pv-text-body-xs" }, Ke = /* @__PURE__ */ R(/* @__PURE__ */ c({
+	__name: "PvTool",
+	props: /* @__PURE__ */ u({
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		errorText: {},
+		input: { type: [
+			String,
+			Number,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		output: { type: [
+			String,
+			Number,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		state: {},
+		toolName: {}
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(e) {
+		let o = e, c = S(e, "open"), l = ["output-available", "output-error"];
+		(o.defaultOpen || l.includes(o.state)) && (c.value = !0);
+		let u = t(() => ({
+			"input-streaming": {
+				label: "Pending",
+				className: "pv-tag-tertiary"
+			},
+			"input-available": {
+				label: "Running",
+				className: "pv-tag-primary"
+			},
+			"approval-requested": {
+				label: "Awaiting approval",
+				className: "pv-tag-yellow"
+			},
+			"approval-responded": {
+				label: "Responded",
+				className: "pv-tag-tertiary"
+			},
+			"output-available": {
+				label: "Completed",
+				className: "pv-tag-success"
+			},
+			"output-error": {
+				label: "Error",
+				className: "pv-tag-error"
+			},
+			"output-denied": {
+				label: "Denied",
+				className: "pv-tag-error"
+			}
+		})[o.state]);
+		function d(e) {
+			if (typeof e == "string") return e;
+			try {
+				return JSON.stringify(e, null, 2) ?? String(e);
+			} catch {
+				return String(e);
+			}
+		}
+		return T(() => o.state, (e, t) => {
+			e !== t && l.includes(e) && (c.value = !0);
+		}), (t, o) => (_(), n(Q, {
+			modelValue: c.value,
+			"onUpdate:modelValue": o[0] ||= (e) => c.value = e,
+			"default-open": c.value,
+			class: "pv-tool pv-bordered pv-radius",
+			"chevron-position": "right",
+			"chevron-variant": "horizontal",
+			"enable-trigger-full-width": "",
+			"enable-trigger-slot": "",
+			"summary-classes": { "pv-inset-square-12": !0 }
+		}, {
+			trigger: E(() => [a("span", Ie, [
+				s(I, {
+					name: "settings",
+					size: 20
+				}),
+				a("span", Le, x(e.toolName), 1),
+				a("span", {
+					class: p([u.value.className, "pv-tag-sm"]),
+					role: "status"
+				}, x(u.value.label), 3)
+			])]),
+			default: E(() => [a("div", Re, [a("div", ze, [t.$slots.input || e.input !== void 0 ? (_(), i("section", Be, [o[1] ||= a("h3", { class: "pv-text-title-xs" }, "Parameters", -1), b(t.$slots, "input", { input: e.input }, () => [a("pre", Ve, [a("code", null, x(d(e.input)), 1)])], !0)])) : r("", !0), e.errorText ? (_(), i("section", He, [o[2] ||= a("h3", { class: "pv-text-title-xs pv-text-critical" }, "Error", -1), a("pre", Ue, x(e.errorText), 1)])) : t.$slots.output || e.output !== void 0 ? (_(), i("section", We, [o[3] ||= a("h3", { class: "pv-text-title-xs" }, "Result", -1), b(t.$slots, "output", { output: e.output }, () => [a("pre", Ge, [a("code", null, x(d(e.output)), 1)])], !0)])) : r("", !0)])])]),
+			_: 3
+		}, 8, ["modelValue", "default-open"]));
+	}
+}), [["__scopeId", "data-v-a5e28b1a"]]), qe = [
+	"input-streaming",
+	"input-available",
+	"approval-requested",
+	"approval-responded",
+	"output-available",
+	"output-error",
+	"output-denied"
+];
+//#endregion
+//#region src/components/ai/useStickToBottom.ts
+function Je(e, t = {}) {
+	let n = t.threshold ?? 32, r = v(!0);
+	function i() {
+		let t = e.value;
+		t && (r.value = t.scrollHeight - t.scrollTop - t.clientHeight <= n);
+	}
+	function a(t = "smooth") {
+		let n = e.value;
+		n && (n.scrollTo({
+			top: n.scrollHeight,
+			behavior: t
+		}), r.value = !0);
+	}
+	let o;
+	function s(e) {
+		let t = () => i();
+		e.addEventListener("scroll", t, { passive: !0 });
+		let n = () => {
+			r.value && a("auto");
+		}, s = [], c, l = /* @__PURE__ */ new WeakSet(), u = () => {
+			if (c) for (let t of Array.from(e.children)) l.has(t) || (l.add(t), c.observe(t));
+		};
+		if (typeof ResizeObserver < "u" && (c = new ResizeObserver(n), c.observe(e), u(), s.push(c)), typeof MutationObserver < "u") {
+			let t = new MutationObserver(() => {
+				u(), n();
+			});
+			t.observe(e, { childList: !0 }), s.push(t);
+		}
+		i(), o = () => {
+			e.removeEventListener("scroll", t), s.forEach((e) => e.disconnect());
+		};
+	}
+	return T(e, (e) => {
+		o?.(), o = void 0, e && s(e);
+	}, { immediate: !0 }), g(() => o?.()), {
+		isAtBottom: r,
+		scrollToBottom: a
+	};
+}
+//#endregion
+export { xe as PvConfirmation, je as PvPromptInput, he as PvQuestion, Fe as PvReasoning, Ke as PvTool, Me as promptInputStatuses, qe as toolLifecycleStates, Je as useStickToBottom };
+
+//# sourceMappingURL=pv-components-ai.mjs.map