@turquoisehealth/pit-viper 2.255.1 → 2.256.0

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

@@ -580,6 +580,7 @@ var ne = [
 			default: !1
 		},
 		maxHeight: { default: "200px" },
+		maxLength: {},
 		placeholder: { default: "Ask anything..." },
 		rows: { default: 1 },
 		status: { default: "ready" },
@@ -590,53 +591,58 @@ var ne = [
 		modelModifiers: {}
 	}),
 	emits: /* @__PURE__ */ p(["submit", "stop"], ["update:modelValue"]),
-	setup(e, { emit: n }) {
-		let r = e, a = n, d = A(e, "modelValue"), f = C(), p = i(() => r.status === "submitted" || r.status === "streaming"), m = i(() => !r.disabled && !p.value && d.value.trim().length > 0);
-		function h() {
-			m.value && a("submit", d.value.trim());
+	setup(e, { expose: n, emit: r }) {
+		let a = e, d = r, f = A(e, "modelValue"), p = C(), m = i(() => a.status === "submitted" || a.status === "streaming"), h = i(() => !a.disabled && !m.value && f.value.trim().length > 0);
+		function g() {
+			h.value && d("submit", f.value.trim());
+		}
+		function v() {
+			p.value?.querySelector("textarea")?.focus();
 		}
-		function g(e) {
-			r.disabled || e.target?.closest("button, a, input, textarea, select, [tabindex]") || f.value?.querySelector("textarea")?.focus();
+		function y(e) {
+			a.disabled || e.target?.closest("button, a, input, textarea, select, [tabindex]") || v();
 		}
-		function v(e) {
-			e.key !== "Enter" || e.shiftKey || e.isComposing || (e.preventDefault(), e.stopPropagation(), h());
+		function b(e) {
+			e.key !== "Enter" || e.shiftKey || e.isComposing || (e.preventDefault(), e.stopPropagation(), g());
 		}
-		return (n, r) => (S(), s("form", {
+		return n({ focus: v }), (n, r) => (S(), s("form", {
 			ref_key: "formRef",
-			ref: f,
+			ref: p,
 			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: R(h, ["prevent"]),
-			onClick: g
+			"aria-busy": m.value,
+			onSubmit: R(g, ["prevent"]),
+			onClick: y
 		}, [
 			n.$slots.header ? (S(), s("div", ze, [T(n.$slots, "header")])) : o("", !0),
 			u(Le, {
-				modelValue: d.value,
-				"onUpdate:modelValue": r[0] ||= (e) => d.value = e,
+				modelValue: f.value,
+				"onUpdate:modelValue": r[0] ||= (e) => f.value = e,
 				class: "pv-prompt-input-textarea",
 				style: _({ "--prompt-input-max-height": e.maxHeight }),
 				rows: e.rows,
+				maxlength: e.maxLength,
 				placeholder: e.placeholder,
 				disabled: e.disabled,
 				"aria-label": e.ariaLabel,
-				onKeydown: v
+				onKeydown: b
 			}, null, 8, [
 				"modelValue",
 				"style",
 				"rows",
+				"maxlength",
 				"placeholder",
 				"disabled",
 				"aria-label"
 			]),
 			c("div", Be, [c("div", Ve, [T(n.$slots, "actions")]), u(q, {
-				type: p.value ? "button" : "submit",
-				variant: p.value ? "secondary" : "primary",
+				type: m.value ? "button" : "submit",
+				variant: m.value ? "secondary" : "primary",
 				size: "md",
-				"left-icon": p.value ? "stop" : "send",
-				"aria-label": p.value ? e.stopLabel : e.submitLabel,
-				disabled: e.disabled || !p.value && !m.value,
-				onClick: r[1] ||= (e) => p.value && a("stop")
+				"left-icon": m.value ? "stop" : "send",
+				"aria-label": m.value ? e.stopLabel : e.submitLabel,
+				disabled: e.disabled || !m.value && !h.value,
+				onClick: r[1] ||= (e) => m.value && d("stop")
 			}, null, 8, [
 				"type",
 				"variant",