@8wave/ai-elements 0.106.0-beta.2 → 0.106.0-beta.4

package/dist/_chunks/{PkToolShowForm-CadrjzZx.js → PkToolShowForm-gD0MfOjQ.js}

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

package/dist/_chunks/PkToolShowForm-gD0MfOjQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowForm-gD0MfOjQ.js","names":[],"sources":["../../../../packages/components/src/PkEditorRadioButtons.vue","../../../../packages/components/src/PkEditorRadioButtons.vue","../../../../packages/components/src/PkEditorCheckboxButtons.vue","../../../../packages/components/src/PkEditorCheckboxButtons.vue","../../../../packages/components/src/chat/PkToolShowForm.vue","../../../../packages/components/src/chat/PkToolShowForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import type { Option } from '@volverjs/ui-vue'\n    import { computed, useId } from 'vue'\n\n    const props = defineProps<{\n        name: string\n        label?: string\n        hintLabel?: string\n        invalid?: boolean\n        invalidLabel?: string | string[]\n        required?: boolean\n        options: Option[]\n        readonly?: boolean\n        disabled?: boolean\n        modifiers?: string | string[]\n        /**\n         * Render the options as one segmented control (a recessed track with\n         * the chosen option raised) instead of a row of boxed cards. Suits a\n         * choice between a few short named states, such as a level or a mode.\n         */\n        segmented?: boolean\n    }>()\n\n    const modelValue = defineModel<\n        string | number | boolean | symbol | unknown[] | undefined\n    >({ default: undefined })\n\n    // Native radios group by their name attribute across the whole document, so\n    // two instances sharing one name become a single group: the browser unchecks\n    // the other instance's inputs and Vue never puts them back, because its own\n    // model did not change. It happened with \"theme\", offered by the profile\n    // menu and the agent settings panel at the same time, and it can happen to\n    // any two tool forms with the same step id. Scope the name to the instance.\n    const uid = useId()\n    const groupName = computed(() => `${props.name}-${uid}`)\n\n    const radioModifiers = computed(() => {\n        const toReturn = props.modifiers\n            ? Array.isArray(props.modifiers)\n                ? props.modifiers\n                : [props.modifiers]\n            : []\n        return [...toReturn, props.segmented ? 'segment' : 'button']\n    })\n</script>\n\n<template>\n    <VvRadioGroup\n        v-model=\"modelValue\"\n        :name=\"groupName\"\n        :label\n        :hint-label=\"hintLabel\"\n        :invalid\n        :invalid-label=\"invalidLabel\"\n        :modifiers=\"segmented ? 'segmented' : 'buttons'\">\n        <VvRadio\n            v-for=\"(option, key) in options\"\n            :key\n            :name=\"groupName\"\n            :required\n            :readonly\n            :disabled\n            :value=\"option.value\"\n            :modifiers=\"radioModifiers\">\n            <slot :name=\"option.value\" v-bind=\"{ option }\">\n                {{ option.label }}\n            </slot>\n        </VvRadio>\n    </VvRadioGroup>\n</template>\n","<script setup lang=\"ts\">\n    import type { Option } from '@volverjs/ui-vue'\n    import { computed, useId } from 'vue'\n\n    const props = defineProps<{\n        name: string\n        label?: string\n        hintLabel?: string\n        invalid?: boolean\n        invalidLabel?: string | string[]\n        required?: boolean\n        options: Option[]\n        readonly?: boolean\n        disabled?: boolean\n        modifiers?: string | string[]\n        /**\n         * Render the options as one segmented control (a recessed track with\n         * the chosen option raised) instead of a row of boxed cards. Suits a\n         * choice between a few short named states, such as a level or a mode.\n         */\n        segmented?: boolean\n    }>()\n\n    const modelValue = defineModel<\n        string | number | boolean | symbol | unknown[] | undefined\n    >({ default: undefined })\n\n    // Native radios group by their name attribute across the whole document, so\n    // two instances sharing one name become a single group: the browser unchecks\n    // the other instance's inputs and Vue never puts them back, because its own\n    // model did not change. It happened with \"theme\", offered by the profile\n    // menu and the agent settings panel at the same time, and it can happen to\n    // any two tool forms with the same step id. Scope the name to the instance.\n    const uid = useId()\n    const groupName = computed(() => `${props.name}-${uid}`)\n\n    const radioModifiers = computed(() => {\n        const toReturn = props.modifiers\n            ? Array.isArray(props.modifiers)\n                ? props.modifiers\n                : [props.modifiers]\n            : []\n        return [...toReturn, props.segmented ? 'segment' : 'button']\n    })\n</script>\n\n<template>\n    <VvRadioGroup\n        v-model=\"modelValue\"\n        :name=\"groupName\"\n        :label\n        :hint-label=\"hintLabel\"\n        :invalid\n        :invalid-label=\"invalidLabel\"\n        :modifiers=\"segmented ? 'segmented' : 'buttons'\">\n        <VvRadio\n            v-for=\"(option, key) in options\"\n            :key\n            :name=\"groupName\"\n            :required\n            :readonly\n            :disabled\n            :value=\"option.value\"\n            :modifiers=\"radioModifiers\">\n            <slot :name=\"option.value\" v-bind=\"{ option }\">\n                {{ option.label }}\n            </slot>\n        </VvRadio>\n    </VvRadioGroup>\n</template>\n","<script setup lang=\"ts\">\n    import type { Option } from '@volverjs/ui-vue'\n\n    defineProps<{\n        name: string\n        required?: boolean\n        options: Option[]\n        readonly?: boolean\n        disabled?: boolean\n    }>()\n\n    const modelValue = defineModel<unknown[] | undefined>({\n        default: undefined,\n    })\n</script>\n\n<template>\n    <VvCheckboxGroup v-model=\"modelValue\" :name modifiers=\"buttons\">\n        <VvCheckbox\n            v-for=\"(option, key) in options\"\n            :key\n            :name\n            :required\n            :readonly\n            :disabled\n            :value=\"option.value\"\n            modifiers=\"button\">\n            <slot :name=\"String(option.value)\" v-bind=\"{ option }\">\n                {{ option.label }}\n            </slot>\n        </VvCheckbox>\n    </VvCheckboxGroup>\n</template>\n","<script setup lang=\"ts\">\n    import type { Option } from '@volverjs/ui-vue'\n\n    defineProps<{\n        name: string\n        required?: boolean\n        options: Option[]\n        readonly?: boolean\n        disabled?: boolean\n    }>()\n\n    const modelValue = defineModel<unknown[] | undefined>({\n        default: undefined,\n    })\n</script>\n\n<template>\n    <VvCheckboxGroup v-model=\"modelValue\" :name modifiers=\"buttons\">\n        <VvCheckbox\n            v-for=\"(option, key) in options\"\n            :key\n            :name\n            :required\n            :readonly\n            :disabled\n            :value=\"option.value\"\n            modifiers=\"button\">\n            <slot :name=\"String(option.value)\" v-bind=\"{ option }\">\n                {{ option.label }}\n            </slot>\n        </VvCheckbox>\n    </VvCheckboxGroup>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { isVoiceRenderAck } from 'models'\n    import { formAnswerSlots, formStepOptions } from './utils'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkEditorRadioButtons from '../PkEditorRadioButtons.vue'\n    import PkEditorCheckboxButtons from '../PkEditorCheckboxButtons.vue'\n\n    // --- Types ---\n\n    interface FormOption {\n        label: string\n        description?: string\n    }\n\n    interface FormStep {\n        id: string\n        question: string\n        message?: string\n        type?: 'text' | 'number' | 'date'\n        options?: FormOption[]\n        multiSelect?: boolean\n        allowFreeformInput?: boolean\n        placeholder?: string\n    }\n\n    interface FormAnswer {\n        id: string\n        value: string | string[] | number | null\n    }\n\n    interface ToolPartShape {\n        state?: 'input-available' | 'output-available' | 'output-error'\n        toolCallId?: string\n        // AI SDK v5 encodes the tool name in `type` (e.g. 'tool-showMultipleChoice').\n        // `toolName` is kept for backward compatibility but is normally absent.\n        type?: string\n        toolName?: string\n        input?: {\n            title?: string\n            steps?: FormStep[]\n            // Legacy showMultipleChoice fields\n            question?: string\n            options?: (string | FormOption)[]\n        }\n        // The web card submits `{ answers: [...] }`; the platform channels\n        // (Teams modal) submit a flat record keyed by step id.\n        output?: string | { answers: FormAnswer[] } | Record<string, unknown>\n    }\n\n    type AnswerValue = string | string[] | number | null\n\n    // --- Props & Emits ---\n\n    const props = defineProps<{\n        part: unknown\n        allowCustomAnswer?: boolean\n        /**\n         * Answered during a call. Nothing in the part says so (the answer went\n         * to the agent as speech, not to the tool call), so the surface that\n         * sent it is the only one that knows, and without it the same form\n         * could be submitted again and again.\n         */\n        answered?: boolean\n    }>()\n\n    const emit = defineEmits<{\n        select: [answer: string | { answers: FormAnswer[] }]\n    }>()\n\n    const { t: $t, d: $d } = useI18n({ useScope: 'global' })\n\n    // --- Parsed tool part ---\n\n    const toolPart = computed(\n        () => JSON.parse(JSON.stringify(props.part)) as ToolPartShape,\n    )\n\n    const isLegacy = computed(\n        () =>\n            toolPart.value.toolName === 'showMultipleChoice' ||\n            toolPart.value.type === 'tool-showMultipleChoice',\n    )\n\n    /**\n     * A form drawn during a CALL is already \"answered\" as far as the tool loop\n     * is concerned: the turn could not wait for it, so the backend closed it\n     * with a note saying the widget was drawn (see `isVoiceRenderAck`). That\n     * note is not an answer, and the caller still has to give one.\n     */\n    const isRenderAck = computed(() => isVoiceRenderAck(toolPart.value.output))\n\n    const isInteractive = computed(\n        () =>\n            !props.answered &&\n            (toolPart.value.state === 'input-available' || isRenderAck.value),\n    )\n\n    /** Single-step with no custom-answer and no freeform → auto-submit on option pick */\n    const isAutoSubmitStep = computed(() => {\n        const step = currentStep.value\n        if (!step) return false\n        return (\n            steps.value.length === 1 &&\n            !step.allowFreeformInput &&\n            !props.allowCustomAnswer\n        )\n    })\n\n    /** Legacy tool should auto-submit on option pick regardless of allowCustomAnswer */\n    const isLegacyAutoSubmit = computed(\n        () =>\n            isLegacy.value &&\n            steps.value.length === 1 &&\n            !currentStep.value?.multiSelect,\n    )\n\n    /**\n     * True only for the steps that send themselves as soon as an option is\n     * picked: the single case where the footer button would be redundant.\n     * Every other shape needs it, single-step forms included: with\n     * `allowFreeformInput` (or `allowCustomAnswer`) the radio pick no longer\n     * auto-submits, so without the footer the user was left with a chosen\n     * option and no way to send it.\n     */\n    const isSelfSubmitting = computed(\n        () =>\n            Boolean(currentStep.value?.options) &&\n            !currentStep.value?.multiSelect &&\n            (isAutoSubmitStep.value || isLegacyAutoSubmit.value),\n    )\n\n    // --- Steps ---\n\n    const steps = computed<FormStep[]>(() => {\n        const input = toolPart.value.input\n        if (input?.steps?.length) {\n            return input.steps\n        }\n        // Legacy showMultipleChoice → normalize into a single step\n        if (input?.question && input?.options) {\n            return [\n                {\n                    id: 'legacy',\n                    question: input.question,\n                    options: input.options.map((o) =>\n                        typeof o === 'string' ? { label: o } : o,\n                    ),\n                },\n            ]\n        }\n        return []\n    })\n\n    /**\n     * The reason the card has nothing to draw. A call the SDK rejected keeps\n     * `state: 'output-error'` and moves the arguments it could not validate to\n     * `rawInput`, so `input` is empty and there are no steps: without this the\n     * component rendered NOTHING, and the user was left with a question that\n     * had been announced and never appeared.\n     */\n    const hasFailed = computed(\n        () => toolPart.value.state === 'output-error' && !steps.value.length,\n    )\n\n    // --- Navigation state ---\n\n    const currentStepIndex = ref(0)\n    const currentStep = computed(() => steps.value[currentStepIndex.value])\n    const canGoBack = computed(() => currentStepIndex.value > 0)\n    const canGoNext = computed(\n        () => currentStepIndex.value < steps.value.length - 1,\n    )\n    const isMultiStep = computed(() => steps.value.length > 1)\n\n    const progress = computed(() => {\n        if (!isMultiStep.value) return null\n        return Math.round(\n            ((currentStepIndex.value + 1) / steps.value.length) * 100,\n        )\n    })\n\n    // --- Answers ---\n\n    /**\n     * One slot PER STEP, keyed by position and not by step id: the ids come\n     * from the model and nothing enforces they are unique, and keyed by id two\n     * steps sharing one collapsed onto a single answer. See `formAnswerSlots`.\n     */\n    const answers = reactive<Record<number, AnswerValue>>({})\n    const customAnswer = ref('')\n\n    // The freeform field belongs to the step showing it: text left behind\n    // (unsubmitted, or arriving from a late input update) must not follow the\n    // user to the next or previous question.\n    watch(currentStepIndex, () => {\n        customAnswer.value = ''\n    })\n\n    // Single scalar answer shared by radio buttons and freeform text/number/date inputs.\n    const scalarValue = computed<string | number | undefined>({\n        get: () => {\n            const val = currentStep.value\n                ? answers[currentStepIndex.value]\n                : undefined\n            if (val == null || Array.isArray(val)) return undefined\n            return val\n        },\n        set: (val) => {\n            if (currentStep.value) {\n                answers[currentStepIndex.value] = val ?? null\n            }\n        },\n    })\n\n    const activeCheckboxValue = computed<unknown[] | undefined>({\n        get: () => {\n            const val = currentStep.value\n                ? answers[currentStepIndex.value]\n                : undefined\n            return Array.isArray(val) ? val : []\n        },\n        set: (val) => {\n            if (currentStep.value) {\n                answers[currentStepIndex.value] = (val as string[]) ?? []\n            }\n        },\n    })\n\n    // --- Initialize answers from existing output ---\n\n    /** The `{ answers: [...] }` list, when the output carries one. */\n    function outputAnswers(output: ToolPartShape['output']) {\n        if (!output || typeof output === 'string') return undefined\n        const list = (output as { answers?: unknown }).answers\n        return Array.isArray(list) ? (list as FormAnswer[]) : undefined\n    }\n\n    watch(\n        () => toolPart.value.output,\n        (output) => {\n            if (!output || isVoiceRenderAck(output)) return\n            // Every shape an answered form comes back in (the web card's list,\n            // a legacy plain string, the flat record a platform channel posts)\n            // lands on the same per-position slots: see `formAnswerSlots`.\n            Object.assign(\n                answers,\n                formAnswerSlots(steps.value, output) as Record<\n                    number,\n                    AnswerValue\n                >,\n            )\n        },\n        { immediate: true },\n    )\n\n    // --- Restore custom answer from output when it doesn't match any option ---\n\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || isVoiceRenderAck(out)) return undefined\n        if (typeof out === 'string') return out\n        const list = outputAnswers(out)\n        if (list?.length === 1) {\n            const val = list[0].value\n            return Array.isArray(val) ? val.join(', ') : String(val)\n        }\n        return undefined\n    })\n\n    watch(\n        normalizedOutput,\n        (value) => {\n            if (!value || !currentStep.value) return\n            const optionLabels = (currentStep.value.options ?? []).map(\n                (o) => o.label,\n            )\n            if (!optionLabels.includes(value)) {\n                customAnswer.value = value\n            }\n        },\n        { immediate: true },\n    )\n\n    // --- Option mapping for radio/checkbox components ---\n\n    const radioOptions = computed(() => formStepOptions(currentStep.value))\n\n    // --- Navigation & Submission ---\n\n    /** Footer button, and Enter on a pure freeform step. */\n    function goNext() {\n        // A typed freeform answer wins over the picked option: it is the more\n        // recent intent, and the footer button is now the visible way to send\n        // it (the freeform field only submits on Enter).\n        if (customAnswer.value.trim()) {\n            submitCustomAnswer()\n            return\n        }\n        if (canGoNext.value) {\n            currentStepIndex.value++\n        } else {\n            submitForm()\n        }\n    }\n\n    function goBack() {\n        if (canGoBack.value) {\n            currentStepIndex.value--\n        }\n    }\n\n    function submitForm() {\n        if (!isInteractive.value) return\n\n        const finalAnswers: FormAnswer[] = steps.value.map((step, index) => ({\n            id: step.id,\n            value: answers[index] ?? null,\n        }))\n\n        // Legacy backward compatibility: single-step, single-select → return plain string\n        if (\n            isLegacyAutoSubmit.value &&\n            !currentStep.value?.allowFreeformInput\n        ) {\n            const val = finalAnswers[0].value\n            emit('select', Array.isArray(val) ? val[0] : (val as string))\n        } else {\n            emit('select', { answers: finalAnswers })\n        }\n    }\n\n    /** Enter inside the freeform field shown alongside the options. */\n    function submitCustomAnswer() {\n        const value = customAnswer.value.trim()\n        if (!value) return\n\n        answers[currentStepIndex.value] = value\n        // Cleared before navigating: `goNext()` reads it back to route a typed\n        // answer here, so leaving it set would recurse.\n        customAnswer.value = ''\n        if (steps.value.length === 1) {\n            submitForm()\n        } else {\n            goNext()\n        }\n    }\n\n    function onRadioChange() {\n        if (!isInteractive.value) return\n        if (isAutoSubmitStep.value || isLegacyAutoSubmit.value) {\n            submitForm()\n        }\n    }\n\n    // --- Summary helpers ---\n\n    function getSummaryValue(step: FormStep, index: number) {\n        const val = answers[index]\n        if (val == null) return '—'\n        if (Array.isArray(val)) return val.join(', ')\n        if (step.type === 'date') return $d(new Date(val), 'short')\n        return val\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"hasFailed\"\n        class=\"text-12 text-danger flex items-center gap-6 py-8\">\n        <span class=\"i-vv-alert-circle text-16 shrink-0\" />\n        <span>{{ $t('message.formRenderError') }}</span>\n    </div>\n    <div\n        v-else-if=\"steps.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden flex flex-col bg-surface\">\n        <!-- Header -->\n        <div\n            v-if=\"toolPart.input?.title || (isInteractive && steps.length > 1)\"\n            class=\"text-12 border-b border-surface-3 text-word-3 bg-surface-1\">\n            <div\n                v-if=\"toolPart.input?.title\"\n                class=\"px-sm py-10 font-bold\"\n                :class=\"{\n                    'border-b border-surface-3':\n                        isInteractive && steps.length > 1,\n                }\">\n                {{ toolPart.input?.title }}\n            </div>\n            <!-- Progress for multi-step -->\n            <div\n                v-if=\"isInteractive && steps.length > 1\"\n                class=\"flex flex-col gap-4 p-sm\">\n                <div class=\"flex justify-between text-10 text-word-3\">\n                    <span>\n                        {{\n                            $t('showForm.step', {\n                                current: currentStepIndex + 1,\n                                total: steps.length,\n                            })\n                        }}\n                    </span>\n                    <span>{{ progress }}%</span>\n                </div>\n                <div class=\"h-4 bg-surface-3 rounded-full overflow-hidden\">\n                    <div\n                        class=\"h-full bg-word-4 transition-all duration-300\"\n                        :style=\"{ width: `${progress}%` }\"></div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Input Available State -->\n        <template v-if=\"isInteractive\">\n            <!-- Current Step Content -->\n            <div class=\"px-sm py-16 flex flex-col gap-12\">\n                <div class=\"leading-normal text-12\">\n                    <strong class=\"font-semibold\">\n                        {{ currentStep.question }}\n                    </strong>\n                    <PkStreamingMarkdown\n                        v-if=\"currentStep.message\"\n                        :markdown=\"currentStep.message\"\n                        class=\"text-word-2 mt-4\" />\n                </div>\n\n                <!-- Checkbox list for multi-select -->\n                <PkEditorCheckboxButtons\n                    v-if=\"currentStep.options && currentStep.multiSelect\"\n                    v-model=\"activeCheckboxValue\"\n                    :name=\"currentStep.id\"\n                    :options=\"radioOptions\"\n                    :readonly=\"!isInteractive\"\n                    class=\"mb-0\"\n                    vertical>\n                    <template\n                        v-for=\"option in radioOptions\"\n                        :key=\"option.value\"\n                        #[option.value]>\n                        <!-- Shared option layout: label + optional description -->\n                        <div class=\"text-12\">\n                            <div class=\"font-semibold\">{{ option.label }}</div>\n                            <div v-if=\"option.description\" class=\"text-word-3\">\n                                {{ option.description }}\n                            </div>\n                        </div>\n                    </template>\n                </PkEditorCheckboxButtons>\n\n                <!-- Radio buttons for single-select -->\n                <PkEditorRadioButtons\n                    v-else-if=\"currentStep.options && !currentStep.multiSelect\"\n                    v-model=\"scalarValue\"\n                    :name=\"currentStep.id\"\n                    :options=\"radioOptions\"\n                    :readonly=\"!isInteractive\"\n                    vertical\n                    class=\"mb-0\"\n                    @update:model-value=\"onRadioChange\">\n                    <template\n                        v-for=\"option in radioOptions\"\n                        :key=\"option.value\"\n                        #[option.value]>\n                        <!-- Shared option layout: label + optional description -->\n                        <div class=\"text-12\">\n                            <div class=\"font-semibold\">{{ option.label }}</div>\n                            <div v-if=\"option.description\" class=\"text-word-3\">\n                                {{ option.description }}\n                            </div>\n                        </div>\n                    </template>\n                </PkEditorRadioButtons>\n\n                <!-- Pure Freeform Input (text, number, date) -->\n                <div\n                    v-else-if=\"!currentStep.options\"\n                    class=\"flex flex-col gap-6 w-full\">\n                    <VvInputText\n                        :key=\"currentStep.id\"\n                        v-model=\"scalarValue\"\n                        :placeholder=\"\n                            currentStep.placeholder || $t('placeholder.insert')\n                        \"\n                        :type=\"currentStep.type\"\n                        class=\"w-full\"\n                        :name=\"currentStep.id\"\n                        modifiers=\"compact\"\n                        :disabled=\"!isInteractive\"\n                        @keyup.enter=\"goNext\" />\n                </div>\n            </div>\n\n            <!-- Custom footer freeform input (shown alongside options when allowFreeformInput) -->\n            <div\n                v-if=\"currentStep.allowFreeformInput && currentStep.options\"\n                class=\"px-sm pb-sm border-t border-surface-3\">\n                <form\n                    class=\"flex gap-xs pt-sm\"\n                    @submit.prevent=\"submitCustomAnswer\">\n                    <VvInputText\n                        :key=\"`${currentStep.id}-custom`\"\n                        v-model=\"customAnswer\"\n                        class=\"flex-1\"\n                        :name=\"`${currentStep.id}-custom`\"\n                        modifiers=\"compact\"\n                        :disabled=\"!isInteractive\"\n                        :placeholder=\"\n                            currentStep.placeholder ||\n                            $t('showForm.otherPlaceholder')\n                        \" />\n                </form>\n            </div>\n\n            <!-- Footer navigation: shown for every step that does not submit\n                 itself on option pick (see `isSelfSubmitting`). -->\n            <div\n                v-if=\"!isSelfSubmitting\"\n                class=\"px-sm py-10 bg-surface border-t border-surface-3 flex justify-between gap-12\">\n                <VvButton\n                    v-if=\"canGoBack\"\n                    modifiers=\"action-quiet\"\n                    icon=\"ri:arrow-left-s-line\"\n                    :label=\"$t('action.back')\"\n                    @click.stop=\"goBack\" />\n                <div v-else></div>\n\n                <VvButton\n                    :modifiers=\"canGoNext ? 'action-quiet' : 'action-primary'\"\n                    :icon=\"\n                        canGoNext\n                            ? 'ri:arrow-right-s-line'\n                            : 'ri:send-plane-2-line'\n                    \"\n                    icon-position=\"right\"\n                    :label=\"canGoNext ? $t('action.next') : $t('action.submit')\"\n                    @click.stop=\"goNext\" />\n            </div>\n        </template>\n\n        <!-- Output Available State (Multi-step Summary) -->\n        <template v-else>\n            <div class=\"px-sm py-12 bg-surface space-y-10\">\n                <ul class=\"flex flex-col gap-8\">\n                    <li\n                        v-for=\"(step, index) in steps\"\n                        :key=\"index\"\n                        class=\"leading-normal\">\n                        <div class=\"text-12 text-word-3\">\n                            {{ step.question }}\n                        </div>\n                        <span class=\"text-12 text-word-2 font-semibold\">\n                            {{ getSummaryValue(step, index) }}\n                        </span>\n                    </li>\n                </ul>\n            </div>\n            <div\n                class=\"px-sm py-12 bg-surface border-t border-surface-3 flex items-center gap-10\">\n                <div\n                    class=\"w-20 h-20 rounded-full border border-success text-success flex items-center justify-center\">\n                    <VvIcon name=\"ri:check-line\" class=\"text-12\" />\n                </div>\n                <div class=\"flex flex-col\">\n                    <span\n                        class=\"font-semibold text-12 text-word-1 leading-tight\">\n                        {{ $t('showForm.completed') }}\n                    </span>\n                </div>\n            </div>\n        </template>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { isVoiceRenderAck } from 'models'\n    import { formAnswerSlots, formStepOptions } from './utils'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkEditorRadioButtons from '../PkEditorRadioButtons.vue'\n    import PkEditorCheckboxButtons from '../PkEditorCheckboxButtons.vue'\n\n    // --- Types ---\n\n    interface FormOption {\n        label: string\n        description?: string\n    }\n\n    interface FormStep {\n        id: string\n        question: string\n        message?: string\n        type?: 'text' | 'number' | 'date'\n        options?: FormOption[]\n        multiSelect?: boolean\n        allowFreeformInput?: boolean\n        placeholder?: string\n    }\n\n    interface FormAnswer {\n        id: string\n        value: string | string[] | number | null\n    }\n\n    interface ToolPartShape {\n        state?: 'input-available' | 'output-available' | 'output-error'\n        toolCallId?: string\n        // AI SDK v5 encodes the tool name in `type` (e.g. 'tool-showMultipleChoice').\n        // `toolName` is kept for backward compatibility but is normally absent.\n        type?: string\n        toolName?: string\n        input?: {\n            title?: string\n            steps?: FormStep[]\n            // Legacy showMultipleChoice fields\n            question?: string\n            options?: (string | FormOption)[]\n        }\n        // The web card submits `{ answers: [...] }`; the platform channels\n        // (Teams modal) submit a flat record keyed by step id.\n        output?: string | { answers: FormAnswer[] } | Record<string, unknown>\n    }\n\n    type AnswerValue = string | string[] | number | null\n\n    // --- Props & Emits ---\n\n    const props = defineProps<{\n        part: unknown\n        allowCustomAnswer?: boolean\n        /**\n         * Answered during a call. Nothing in the part says so (the answer went\n         * to the agent as speech, not to the tool call), so the surface that\n         * sent it is the only one that knows, and without it the same form\n         * could be submitted again and again.\n         */\n        answered?: boolean\n    }>()\n\n    const emit = defineEmits<{\n        select: [answer: string | { answers: FormAnswer[] }]\n    }>()\n\n    const { t: $t, d: $d } = useI18n({ useScope: 'global' })\n\n    // --- Parsed tool part ---\n\n    const toolPart = computed(\n        () => JSON.parse(JSON.stringify(props.part)) as ToolPartShape,\n    )\n\n    const isLegacy = computed(\n        () =>\n            toolPart.value.toolName === 'showMultipleChoice' ||\n            toolPart.value.type === 'tool-showMultipleChoice',\n    )\n\n    /**\n     * A form drawn during a CALL is already \"answered\" as far as the tool loop\n     * is concerned: the turn could not wait for it, so the backend closed it\n     * with a note saying the widget was drawn (see `isVoiceRenderAck`). That\n     * note is not an answer, and the caller still has to give one.\n     */\n    const isRenderAck = computed(() => isVoiceRenderAck(toolPart.value.output))\n\n    const isInteractive = computed(\n        () =>\n            !props.answered &&\n            (toolPart.value.state === 'input-available' || isRenderAck.value),\n    )\n\n    /** Single-step with no custom-answer and no freeform → auto-submit on option pick */\n    const isAutoSubmitStep = computed(() => {\n        const step = currentStep.value\n        if (!step) return false\n        return (\n            steps.value.length === 1 &&\n            !step.allowFreeformInput &&\n            !props.allowCustomAnswer\n        )\n    })\n\n    /** Legacy tool should auto-submit on option pick regardless of allowCustomAnswer */\n    const isLegacyAutoSubmit = computed(\n        () =>\n            isLegacy.value &&\n            steps.value.length === 1 &&\n            !currentStep.value?.multiSelect,\n    )\n\n    /**\n     * True only for the steps that send themselves as soon as an option is\n     * picked: the single case where the footer button would be redundant.\n     * Every other shape needs it, single-step forms included: with\n     * `allowFreeformInput` (or `allowCustomAnswer`) the radio pick no longer\n     * auto-submits, so without the footer the user was left with a chosen\n     * option and no way to send it.\n     */\n    const isSelfSubmitting = computed(\n        () =>\n            Boolean(currentStep.value?.options) &&\n            !currentStep.value?.multiSelect &&\n            (isAutoSubmitStep.value || isLegacyAutoSubmit.value),\n    )\n\n    // --- Steps ---\n\n    const steps = computed<FormStep[]>(() => {\n        const input = toolPart.value.input\n        if (input?.steps?.length) {\n            return input.steps\n        }\n        // Legacy showMultipleChoice → normalize into a single step\n        if (input?.question && input?.options) {\n            return [\n                {\n                    id: 'legacy',\n                    question: input.question,\n                    options: input.options.map((o) =>\n                        typeof o === 'string' ? { label: o } : o,\n                    ),\n                },\n            ]\n        }\n        return []\n    })\n\n    /**\n     * The reason the card has nothing to draw. A call the SDK rejected keeps\n     * `state: 'output-error'` and moves the arguments it could not validate to\n     * `rawInput`, so `input` is empty and there are no steps: without this the\n     * component rendered NOTHING, and the user was left with a question that\n     * had been announced and never appeared.\n     */\n    const hasFailed = computed(\n        () => toolPart.value.state === 'output-error' && !steps.value.length,\n    )\n\n    // --- Navigation state ---\n\n    const currentStepIndex = ref(0)\n    const currentStep = computed(() => steps.value[currentStepIndex.value])\n    const canGoBack = computed(() => currentStepIndex.value > 0)\n    const canGoNext = computed(\n        () => currentStepIndex.value < steps.value.length - 1,\n    )\n    const isMultiStep = computed(() => steps.value.length > 1)\n\n    const progress = computed(() => {\n        if (!isMultiStep.value) return null\n        return Math.round(\n            ((currentStepIndex.value + 1) / steps.value.length) * 100,\n        )\n    })\n\n    // --- Answers ---\n\n    /**\n     * One slot PER STEP, keyed by position and not by step id: the ids come\n     * from the model and nothing enforces they are unique, and keyed by id two\n     * steps sharing one collapsed onto a single answer. See `formAnswerSlots`.\n     */\n    const answers = reactive<Record<number, AnswerValue>>({})\n    const customAnswer = ref('')\n\n    // The freeform field belongs to the step showing it: text left behind\n    // (unsubmitted, or arriving from a late input update) must not follow the\n    // user to the next or previous question.\n    watch(currentStepIndex, () => {\n        customAnswer.value = ''\n    })\n\n    // Single scalar answer shared by radio buttons and freeform text/number/date inputs.\n    const scalarValue = computed<string | number | undefined>({\n        get: () => {\n            const val = currentStep.value\n                ? answers[currentStepIndex.value]\n                : undefined\n            if (val == null || Array.isArray(val)) return undefined\n            return val\n        },\n        set: (val) => {\n            if (currentStep.value) {\n                answers[currentStepIndex.value] = val ?? null\n            }\n        },\n    })\n\n    const activeCheckboxValue = computed<unknown[] | undefined>({\n        get: () => {\n            const val = currentStep.value\n                ? answers[currentStepIndex.value]\n                : undefined\n            return Array.isArray(val) ? val : []\n        },\n        set: (val) => {\n            if (currentStep.value) {\n                answers[currentStepIndex.value] = (val as string[]) ?? []\n            }\n        },\n    })\n\n    // --- Initialize answers from existing output ---\n\n    /** The `{ answers: [...] }` list, when the output carries one. */\n    function outputAnswers(output: ToolPartShape['output']) {\n        if (!output || typeof output === 'string') return undefined\n        const list = (output as { answers?: unknown }).answers\n        return Array.isArray(list) ? (list as FormAnswer[]) : undefined\n    }\n\n    watch(\n        () => toolPart.value.output,\n        (output) => {\n            if (!output || isVoiceRenderAck(output)) return\n            // Every shape an answered form comes back in (the web card's list,\n            // a legacy plain string, the flat record a platform channel posts)\n            // lands on the same per-position slots: see `formAnswerSlots`.\n            Object.assign(\n                answers,\n                formAnswerSlots(steps.value, output) as Record<\n                    number,\n                    AnswerValue\n                >,\n            )\n        },\n        { immediate: true },\n    )\n\n    // --- Restore custom answer from output when it doesn't match any option ---\n\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || isVoiceRenderAck(out)) return undefined\n        if (typeof out === 'string') return out\n        const list = outputAnswers(out)\n        if (list?.length === 1) {\n            const val = list[0].value\n            return Array.isArray(val) ? val.join(', ') : String(val)\n        }\n        return undefined\n    })\n\n    watch(\n        normalizedOutput,\n        (value) => {\n            if (!value || !currentStep.value) return\n            const optionLabels = (currentStep.value.options ?? []).map(\n                (o) => o.label,\n            )\n            if (!optionLabels.includes(value)) {\n                customAnswer.value = value\n            }\n        },\n        { immediate: true },\n    )\n\n    // --- Option mapping for radio/checkbox components ---\n\n    const radioOptions = computed(() => formStepOptions(currentStep.value))\n\n    // --- Navigation & Submission ---\n\n    /** Footer button, and Enter on a pure freeform step. */\n    function goNext() {\n        // A typed freeform answer wins over the picked option: it is the more\n        // recent intent, and the footer button is now the visible way to send\n        // it (the freeform field only submits on Enter).\n        if (customAnswer.value.trim()) {\n            submitCustomAnswer()\n            return\n        }\n        if (canGoNext.value) {\n            currentStepIndex.value++\n        } else {\n            submitForm()\n        }\n    }\n\n    function goBack() {\n        if (canGoBack.value) {\n            currentStepIndex.value--\n        }\n    }\n\n    function submitForm() {\n        if (!isInteractive.value) return\n\n        const finalAnswers: FormAnswer[] = steps.value.map((step, index) => ({\n            id: step.id,\n            value: answers[index] ?? null,\n        }))\n\n        // Legacy backward compatibility: single-step, single-select → return plain string\n        if (\n            isLegacyAutoSubmit.value &&\n            !currentStep.value?.allowFreeformInput\n        ) {\n            const val = finalAnswers[0].value\n            emit('select', Array.isArray(val) ? val[0] : (val as string))\n        } else {\n            emit('select', { answers: finalAnswers })\n        }\n    }\n\n    /** Enter inside the freeform field shown alongside the options. */\n    function submitCustomAnswer() {\n        const value = customAnswer.value.trim()\n        if (!value) return\n\n        answers[currentStepIndex.value] = value\n        // Cleared before navigating: `goNext()` reads it back to route a typed\n        // answer here, so leaving it set would recurse.\n        customAnswer.value = ''\n        if (steps.value.length === 1) {\n            submitForm()\n        } else {\n            goNext()\n        }\n    }\n\n    function onRadioChange() {\n        if (!isInteractive.value) return\n        if (isAutoSubmitStep.value || isLegacyAutoSubmit.value) {\n            submitForm()\n        }\n    }\n\n    // --- Summary helpers ---\n\n    function getSummaryValue(step: FormStep, index: number) {\n        const val = answers[index]\n        if (val == null) return '—'\n        if (Array.isArray(val)) return val.join(', ')\n        if (step.type === 'date') return $d(new Date(val), 'short')\n        return val\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"hasFailed\"\n        class=\"text-12 text-danger flex items-center gap-6 py-8\">\n        <span class=\"i-vv-alert-circle text-16 shrink-0\" />\n        <span>{{ $t('message.formRenderError') }}</span>\n    </div>\n    <div\n        v-else-if=\"steps.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden flex flex-col bg-surface\">\n        <!-- Header -->\n        <div\n            v-if=\"toolPart.input?.title || (isInteractive && steps.length > 1)\"\n            class=\"text-12 border-b border-surface-3 text-word-3 bg-surface-1\">\n            <div\n                v-if=\"toolPart.input?.title\"\n                class=\"px-sm py-10 font-bold\"\n                :class=\"{\n                    'border-b border-surface-3':\n                        isInteractive && steps.length > 1,\n                }\">\n                {{ toolPart.input?.title }}\n            </div>\n            <!-- Progress for multi-step -->\n            <div\n                v-if=\"isInteractive && steps.length > 1\"\n                class=\"flex flex-col gap-4 p-sm\">\n                <div class=\"flex justify-between text-10 text-word-3\">\n                    <span>\n                        {{\n                            $t('showForm.step', {\n                                current: currentStepIndex + 1,\n                                total: steps.length,\n                            })\n                        }}\n                    </span>\n                    <span>{{ progress }}%</span>\n                </div>\n                <div class=\"h-4 bg-surface-3 rounded-full overflow-hidden\">\n                    <div\n                        class=\"h-full bg-word-4 transition-all duration-300\"\n                        :style=\"{ width: `${progress}%` }\"></div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Input Available State -->\n        <template v-if=\"isInteractive\">\n            <!-- Current Step Content -->\n            <div class=\"px-sm py-16 flex flex-col gap-12\">\n                <div class=\"leading-normal text-12\">\n                    <strong class=\"font-semibold\">\n                        {{ currentStep.question }}\n                    </strong>\n                    <PkStreamingMarkdown\n                        v-if=\"currentStep.message\"\n                        :markdown=\"currentStep.message\"\n                        class=\"text-word-2 mt-4\" />\n                </div>\n\n                <!-- Checkbox list for multi-select -->\n                <PkEditorCheckboxButtons\n                    v-if=\"currentStep.options && currentStep.multiSelect\"\n                    v-model=\"activeCheckboxValue\"\n                    :name=\"currentStep.id\"\n                    :options=\"radioOptions\"\n                    :readonly=\"!isInteractive\"\n                    class=\"mb-0\"\n                    vertical>\n                    <template\n                        v-for=\"option in radioOptions\"\n                        :key=\"option.value\"\n                        #[option.value]>\n                        <!-- Shared option layout: label + optional description -->\n                        <div class=\"text-12\">\n                            <div class=\"font-semibold\">{{ option.label }}</div>\n                            <div v-if=\"option.description\" class=\"text-word-3\">\n                                {{ option.description }}\n                            </div>\n                        </div>\n                    </template>\n                </PkEditorCheckboxButtons>\n\n                <!-- Radio buttons for single-select -->\n                <PkEditorRadioButtons\n                    v-else-if=\"currentStep.options && !currentStep.multiSelect\"\n                    v-model=\"scalarValue\"\n                    :name=\"currentStep.id\"\n                    :options=\"radioOptions\"\n                    :readonly=\"!isInteractive\"\n                    vertical\n                    class=\"mb-0\"\n                    @update:model-value=\"onRadioChange\">\n                    <template\n                        v-for=\"option in radioOptions\"\n                        :key=\"option.value\"\n                        #[option.value]>\n                        <!-- Shared option layout: label + optional description -->\n                        <div class=\"text-12\">\n                            <div class=\"font-semibold\">{{ option.label }}</div>\n                            <div v-if=\"option.description\" class=\"text-word-3\">\n                                {{ option.description }}\n                            </div>\n                        </div>\n                    </template>\n                </PkEditorRadioButtons>\n\n                <!-- Pure Freeform Input (text, number, date) -->\n                <div\n                    v-else-if=\"!currentStep.options\"\n                    class=\"flex flex-col gap-6 w-full\">\n                    <VvInputText\n                        :key=\"currentStep.id\"\n                        v-model=\"scalarValue\"\n                        :placeholder=\"\n                            currentStep.placeholder || $t('placeholder.insert')\n                        \"\n                        :type=\"currentStep.type\"\n                        class=\"w-full\"\n                        :name=\"currentStep.id\"\n                        modifiers=\"compact\"\n                        :disabled=\"!isInteractive\"\n                        @keyup.enter=\"goNext\" />\n                </div>\n            </div>\n\n            <!-- Custom footer freeform input (shown alongside options when allowFreeformInput) -->\n            <div\n                v-if=\"currentStep.allowFreeformInput && currentStep.options\"\n                class=\"px-sm pb-sm border-t border-surface-3\">\n                <form\n                    class=\"flex gap-xs pt-sm\"\n                    @submit.prevent=\"submitCustomAnswer\">\n                    <VvInputText\n                        :key=\"`${currentStep.id}-custom`\"\n                        v-model=\"customAnswer\"\n                        class=\"flex-1\"\n                        :name=\"`${currentStep.id}-custom`\"\n                        modifiers=\"compact\"\n                        :disabled=\"!isInteractive\"\n                        :placeholder=\"\n                            currentStep.placeholder ||\n                            $t('showForm.otherPlaceholder')\n                        \" />\n                </form>\n            </div>\n\n            <!-- Footer navigation: shown for every step that does not submit\n                 itself on option pick (see `isSelfSubmitting`). -->\n            <div\n                v-if=\"!isSelfSubmitting\"\n                class=\"px-sm py-10 bg-surface border-t border-surface-3 flex justify-between gap-12\">\n                <VvButton\n                    v-if=\"canGoBack\"\n                    modifiers=\"action-quiet\"\n                    icon=\"ri:arrow-left-s-line\"\n                    :label=\"$t('action.back')\"\n                    @click.stop=\"goBack\" />\n                <div v-else></div>\n\n                <VvButton\n                    :modifiers=\"canGoNext ? 'action-quiet' : 'action-primary'\"\n                    :icon=\"\n                        canGoNext\n                            ? 'ri:arrow-right-s-line'\n                            : 'ri:send-plane-2-line'\n                    \"\n                    icon-position=\"right\"\n                    :label=\"canGoNext ? $t('action.next') : $t('action.submit')\"\n                    @click.stop=\"goNext\" />\n            </div>\n        </template>\n\n        <!-- Output Available State (Multi-step Summary) -->\n        <template v-else>\n            <div class=\"px-sm py-12 bg-surface space-y-10\">\n                <ul class=\"flex flex-col gap-8\">\n                    <li\n                        v-for=\"(step, index) in steps\"\n                        :key=\"index\"\n                        class=\"leading-normal\">\n                        <div class=\"text-12 text-word-3\">\n                            {{ step.question }}\n                        </div>\n                        <span class=\"text-12 text-word-2 font-semibold\">\n                            {{ getSummaryValue(step, index) }}\n                        </span>\n                    </li>\n                </ul>\n            </div>\n            <div\n                class=\"px-sm py-12 bg-surface border-t border-surface-3 flex items-center gap-10\">\n                <div\n                    class=\"w-20 h-20 rounded-full border border-success text-success flex items-center justify-center\">\n                    <VvIcon name=\"ri:check-line\" class=\"text-12\" />\n                </div>\n                <div class=\"flex flex-col\">\n                    <span\n                        class=\"font-semibold text-12 text-word-1 leading-tight\">\n                        {{ $t('showForm.completed') }}\n                    </span>\n                </div>\n            </div>\n        </template>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist/_chunks/{PkToolShowImageGallery-CosOsHSh.js → PkToolShowImageGallery-DL-bFOKl.js}

@@ -1,7 +1,7 @@
 import { C as e, F as t, L as n, O as r, St as i, Tt as a, _ as o, bt as s, d as c, h as l, it as u, m as d, pt as f, v as p, x as m, xt as h, z as g } from "./vue.runtime.esm-bundler-D6KKITU0.js";
 import "./src-CS32P2Dg.js";
 import { n as _ } from "./url-validation-uLMZ5-AU.js";
-import { n as v } from "./index.es-DFq55nZZ.js";
+import { n as v } from "./index.es-CNKCTfCu.js";
 import { t as y } from "./useImageFallback-qVPEHvyG.js";
 import { n as b, t as x } from "./useLightbox-DzMzDOb8.js";
 r(), h(), u();
@@ -71,4 +71,4 @@ var S = {
 //#endregion
 export { A as default };
 
-//# sourceMappingURL=PkToolShowImageGallery-CosOsHSh.js.map
+//# sourceMappingURL=PkToolShowImageGallery-DL-bFOKl.js.map