@8wave/ai-elements 0.103.0-beta.3 → 0.103.0-beta.4

package/dist/_chunks/PkToolShowForm-CzIfm5de.js

@@ -0,0 +1,365 @@
+import { $ as e, B as t, C as n, K as r, L as i, M as a, O as o, St as s, Tt as c, X as l, _ as u, b as d, bt as f, d as p, dt as ee, g as m, h, it as g, j as _, l as te, m as v, pt as y, r as b, u as x, v as S, wt as ne, x as C, xt as w, y as T, z as E } from "./vue.runtime.esm-bundler-B3bThTaf.js";
+import { r as re } from "./vue-i18n-t25g63Be.js";
+import { t as ie } from "./PkStreamingMarkdown-DIkusrTI.js";
+import { d as D, f as ae, l as O, m as k, o as oe, p as se, r as A } from "./index.es-gbmOq0Nu.js";
+import { u as j } from "./Agent-hWgZhu7L.js";
+o(), w();
+//#endregion
+//#region ../../packages/components/src/PkEditorRadioButtons.vue
+var ce = /* @__PURE__ */ n({
+	__name: "PkEditorRadioButtons",
+	props: /*@__PURE__*/ _({
+		name: { type: String },
+		required: { type: Boolean },
+		options: { type: Array },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		modifiers: { type: [String, Array] }
+	}, {
+		modelValue: { type: [
+			String,
+			Number,
+			Boolean,
+			Symbol,
+			Array
+		] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let o = n, s = r(n, "modelValue"), l = v(() => [...o.modifiers ? Array.isArray(o.modifiers) ? o.modifiers : [o.modifiers] : [], "button"]);
+		return (r, o) => {
+			let u = D, f = k;
+			return i(), m(f, {
+				modelValue: s.value,
+				"onUpdate:modelValue": o[0] ||= (e) => s.value = e,
+				name: n.name,
+				modifiers: "buttons"
+			}, {
+				default: e(() => [(i(!0), S(p, null, E(n.options, (o, s) => (i(), m(u, {
+					key: s,
+					name: n.name,
+					required: n.required,
+					readonly: n.readonly,
+					disabled: n.disabled,
+					value: o.value,
+					modifiers: l.value
+				}, {
+					default: e(() => [t(r.$slots, o.value, a({ ref_for: !0 }, { option: o }), () => [d(c(o.label), 1)])]),
+					_: 2
+				}, 1032, [
+					"name",
+					"required",
+					"readonly",
+					"disabled",
+					"value",
+					"modifiers"
+				]))), 128))]),
+				_: 3
+			}, 8, ["modelValue", "name"]);
+		};
+	}
+});
+o(), w();
+//#endregion
+//#region ../../packages/components/src/PkEditorCheckboxButtons.vue
+var le = /* @__PURE__ */ n({
+	__name: "PkEditorCheckboxButtons",
+	props: /*@__PURE__*/ _({
+		name: { type: String },
+		required: { type: Boolean },
+		options: { type: Array },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let o = r(n, "modelValue");
+		return (r, s) => {
+			let l = O, u = A;
+			return i(), m(u, {
+				modelValue: o.value,
+				"onUpdate:modelValue": s[0] ||= (e) => o.value = e,
+				name: n.name,
+				modifiers: "buttons"
+			}, {
+				default: e(() => [(i(!0), S(p, null, E(n.options, (o, s) => (i(), m(l, {
+					key: s,
+					name: n.name,
+					required: n.required,
+					readonly: n.readonly,
+					disabled: n.disabled,
+					value: o.value,
+					modifiers: "button"
+				}, {
+					default: e(() => [t(r.$slots, String(o.value), a({ ref_for: !0 }, { option: o }), () => [d(c(o.label), 1)])]),
+					_: 2
+				}, 1032, [
+					"name",
+					"required",
+					"readonly",
+					"disabled",
+					"value"
+				]))), 128))]),
+				_: 3
+			}, 8, ["modelValue", "name"]);
+		};
+	}
+});
+o(), w(), g(), b();
+var ue = {
+	key: 0,
+	class: "border border-surface-3 rounded-xl w-full overflow-hidden flex flex-col transition-all bg-surface"
+}, de = {
+	key: 0,
+	class: "text-12 border-b border-surface-3 text-word-3 bg-surface-1"
+}, fe = {
+	key: 1,
+	class: "flex flex-col gap-4 p-sm"
+}, pe = { class: "flex justify-between text-10 text-word-3" }, me = { class: "h-4 bg-surface-3 rounded-full overflow-hidden" }, he = { class: "px-sm py-16 flex flex-col gap-12" }, M = { class: "leading-normal text-12" }, N = { class: "font-semibold" }, P = { class: "text-12" }, F = { class: "font-semibold" }, I = {
+	key: 0,
+	class: "text-word-3"
+}, L = { class: "text-12" }, R = { class: "font-semibold" }, ge = {
+	key: 0,
+	class: "text-word-3"
+}, _e = {
+	key: 2,
+	class: "flex flex-col gap-6 w-full"
+}, ve = {
+	key: 0,
+	class: "px-sm pb-sm border-t border-surface-3"
+}, ye = {
+	key: 1,
+	class: "px-sm py-10 bg-surface border-t border-surface-3 flex justify-between gap-12"
+}, be = { key: 1 }, xe = { class: "px-sm py-12 bg-surface space-y-10" }, z = { class: "flex flex-col gap-8" }, Se = { class: "text-12 text-word-3" }, Ce = { class: "text-12 text-word-2 font-semibold" }, we = { class: "px-sm py-12 bg-surface border-t border-surface-3 flex items-center gap-10" }, Te = { class: "w-20 h-20 rounded-full border border-success text-success flex items-center justify-center" }, Ee = { class: "flex flex-col" }, De = { class: "font-semibold text-12 text-word-1 leading-tight" }, B = /* @__PURE__ */ n({
+	__name: "PkToolShowForm",
+	props: {
+		part: { type: null },
+		allowCustomAnswer: { type: Boolean },
+		answered: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(t, { emit: n }) {
+		let r = t, a = n, { t: o, d } = re({ useScope: "global" }), g = v(() => JSON.parse(JSON.stringify(r.part))), _ = v(() => g.value.toolName === "showMultipleChoice" || g.value.type === "tool-showMultipleChoice"), b = v(() => j(g.value.output)), w = v(() => !r.answered && (g.value.state === "input-available" || b.value)), D = v(() => {
+			let e = V.value;
+			return e ? A.value.length === 1 && !e.allowFreeformInput && !r.allowCustomAnswer : !1;
+		}), O = v(() => _.value && A.value.length === 1 && !V.value?.multiSelect), k = v(() => !!V.value?.options && !V.value?.multiSelect && (D.value || O.value)), A = v(() => {
+			let e = g.value.input;
+			return e?.steps?.length ? e.steps : e?.question && e?.options ? [{
+				id: "legacy",
+				question: e.question,
+				options: e.options.map((e) => typeof e == "string" ? { label: e } : e)
+			}] : [];
+		}), B = y(0), V = v(() => A.value[B.value]), H = v(() => B.value > 0), U = v(() => B.value < A.value.length - 1), Oe = v(() => A.value.length > 1), W = v(() => Oe.value ? Math.round((B.value + 1) / A.value.length * 100) : null), G = ee({}), K = y("");
+		l(B, () => {
+			K.value = "";
+		});
+		let q = v({
+			get: () => {
+				let e = V.value ? G[V.value.id] : void 0;
+				if (!(e == null || Array.isArray(e))) return e;
+			},
+			set: (e) => {
+				V.value && (G[V.value.id] = e ?? null);
+			}
+		}), J = v({
+			get: () => {
+				let e = V.value ? G[V.value.id] : void 0;
+				return Array.isArray(e) ? e : [];
+			},
+			set: (e) => {
+				V.value && (G[V.value.id] = e ?? []);
+			}
+		});
+		function Y(e) {
+			if (!e || typeof e == "string") return;
+			let t = e.answers;
+			return Array.isArray(t) ? t : void 0;
+		}
+		l(() => g.value.output, (e) => {
+			if (!e || j(e)) return;
+			if (typeof e == "string") {
+				A.value.length === 1 && (G[A.value[0].id] = e);
+				return;
+			}
+			let t = Y(e);
+			if (t) {
+				for (let e of t) G[e.id] = e.value;
+				return;
+			}
+			let n = e;
+			for (let e of A.value) {
+				let t = n[e.id];
+				t !== void 0 && (G[e.id] = t);
+			}
+		}, { immediate: !0 });
+		let ke = v(() => {
+			let e = g.value.output;
+			if (!e || j(e)) return;
+			if (typeof e == "string") return e;
+			let t = Y(e);
+			if (t?.length === 1) {
+				let e = t[0].value;
+				return Array.isArray(e) ? e.join(", ") : String(e);
+			}
+		});
+		l(ke, (e) => {
+			!e || !V.value || (V.value.options ?? []).map((e) => e.label).includes(e) || (K.value = e);
+		}, { immediate: !0 });
+		let X = v(() => V.value?.options ? V.value.options.map((e) => ({
+			label: e.label,
+			value: e.label,
+			description: e.description
+		})) : []);
+		function Z() {
+			if (K.value.trim()) {
+				$();
+				return;
+			}
+			U.value ? B.value++ : Q();
+		}
+		function Ae() {
+			H.value && B.value--;
+		}
+		function Q() {
+			if (!w.value) return;
+			let e = A.value.map((e) => ({
+				id: e.id,
+				value: G[e.id] ?? null
+			}));
+			if (O.value && !V.value?.allowFreeformInput) {
+				let t = e[0].value;
+				a("select", Array.isArray(t) ? t[0] : t);
+			} else a("select", { answers: e });
+		}
+		function $() {
+			let e = K.value.trim();
+			e && (G[V.value.id] = e, K.value = "", A.value.length === 1 ? Q() : Z());
+		}
+		function je() {
+			w.value && (D.value || O.value) && Q();
+		}
+		function Me(e) {
+			let t = G[e.id];
+			return t == null ? "—" : Array.isArray(t) ? t.join(", ") : e.type === "date" ? d(new Date(t), "short") : t;
+		}
+		return (t, n) => {
+			let r = ae, a = oe, l = se;
+			return A.value.length ? (i(), S("div", ue, [g.value.input?.title || w.value && A.value.length > 1 ? (i(), S("div", de, [g.value.input?.title ? (i(), S("div", {
+				key: 0,
+				class: s(["px-sm py-10 font-bold", { "border-b border-surface-3": w.value && A.value.length > 1 }])
+			}, c(g.value.input?.title), 3)) : u("", !0), w.value && A.value.length > 1 ? (i(), S("div", fe, [h("div", pe, [h("span", null, c(f(o)("showForm.step", {
+				current: B.value + 1,
+				total: A.value.length
+			})), 1), h("span", null, c(W.value) + "%", 1)]), h("div", me, [h("div", {
+				class: "h-full bg-word-4 transition-all duration-300",
+				style: ne({ width: `${W.value}%` })
+			}, null, 4)])])) : u("", !0)])) : u("", !0), w.value ? (i(), S(p, { key: 1 }, [
+				h("div", he, [h("div", M, [h("strong", N, c(V.value.question), 1), V.value.message ? (i(), m(ie, {
+					key: 0,
+					markdown: V.value.message,
+					class: "text-word-2 mt-4"
+				}, null, 8, ["markdown"])) : u("", !0)]), V.value.options && V.value.multiSelect ? (i(), m(le, {
+					key: 0,
+					modelValue: J.value,
+					"onUpdate:modelValue": n[0] ||= (e) => J.value = e,
+					name: V.value.id,
+					options: X.value,
+					readonly: !w.value,
+					class: "mb-0",
+					vertical: ""
+				}, T({ _: 2 }, [E(X.value, (t) => ({
+					name: t.value,
+					fn: e(() => [h("div", P, [h("div", F, c(t.label), 1), t.description ? (i(), S("div", I, c(t.description), 1)) : u("", !0)])])
+				}))]), 1032, [
+					"modelValue",
+					"name",
+					"options",
+					"readonly"
+				])) : V.value.options && !V.value.multiSelect ? (i(), m(ce, {
+					key: 1,
+					modelValue: q.value,
+					"onUpdate:modelValue": [n[1] ||= (e) => q.value = e, je],
+					name: V.value.id,
+					options: X.value,
+					readonly: !w.value,
+					vertical: "",
+					class: "mb-0"
+				}, T({ _: 2 }, [E(X.value, (t) => ({
+					name: t.value,
+					fn: e(() => [h("div", L, [h("div", R, c(t.label), 1), t.description ? (i(), S("div", ge, c(t.description), 1)) : u("", !0)])])
+				}))]), 1032, [
+					"modelValue",
+					"name",
+					"options",
+					"readonly"
+				])) : V.value.options ? u("", !0) : (i(), S("div", _e, [(i(), m(r, {
+					key: V.value.id,
+					modelValue: q.value,
+					"onUpdate:modelValue": n[2] ||= (e) => q.value = e,
+					placeholder: V.value.placeholder || f(o)("placeholder.insert"),
+					type: V.value.type,
+					class: "w-full",
+					name: V.value.id,
+					modifiers: "compact rounded",
+					disabled: !w.value,
+					onKeyup: te(Z, ["enter"])
+				}, null, 8, [
+					"modelValue",
+					"placeholder",
+					"type",
+					"name",
+					"disabled"
+				]))]))]),
+				V.value.allowFreeformInput && V.value.options ? (i(), S("div", ve, [h("form", {
+					class: "flex gap-xs pt-sm",
+					onSubmit: x($, ["prevent"])
+				}, [(i(), m(r, {
+					key: `${V.value.id}-custom`,
+					modelValue: K.value,
+					"onUpdate:modelValue": n[3] ||= (e) => K.value = e,
+					class: "flex-1",
+					name: `${V.value.id}-custom`,
+					modifiers: "compact rounded",
+					disabled: !w.value,
+					placeholder: V.value.placeholder || f(o)("showForm.otherPlaceholder")
+				}, null, 8, [
+					"modelValue",
+					"name",
+					"disabled",
+					"placeholder"
+				]))], 32)])) : u("", !0),
+				k.value ? u("", !0) : (i(), S("div", ye, [H.value ? (i(), m(a, {
+					key: 0,
+					modifiers: "action-quiet",
+					icon: "ri:arrow-left-s-line",
+					label: f(o)("action.back"),
+					onClick: x(Ae, ["stop"])
+				}, null, 8, ["label"])) : (i(), S("div", be)), C(a, {
+					modifiers: U.value ? "action-quiet" : "action-primary",
+					icon: U.value ? "ri:arrow-right-s-line" : "ri:send-plane-2-line",
+					"icon-position": "right",
+					label: U.value ? f(o)("action.next") : f(o)("action.submit"),
+					onClick: x(Z, ["stop"])
+				}, null, 8, [
+					"modifiers",
+					"icon",
+					"label"
+				])]))
+			], 64)) : (i(), S(p, { key: 2 }, [h("div", xe, [h("ul", z, [(i(!0), S(p, null, E(A.value, (e) => (i(), S("li", {
+				key: e.id,
+				class: "leading-normal"
+			}, [h("div", Se, c(e.question), 1), h("span", Ce, c(Me(e)), 1)]))), 128))])]), h("div", we, [h("div", Te, [C(l, {
+				name: "ri:check-line",
+				class: "text-12"
+			})]), h("div", Ee, [h("span", De, c(f(o)("showForm.completed")), 1)])])], 64))])) : u("", !0);
+		};
+	}
+});
+//#endregion
+export { B as default };
+
+//# sourceMappingURL=PkToolShowForm-CzIfm5de.js.map