@xmachines/play-vue 1.0.0-beta.2 → 1.0.0-beta.21

package/dist/node_modules/@json-render/core/dist/index.js

@@ -0,0 +1,956 @@
+import { _enum as e, any as t, array as n, boolean as r, lazy as i, literal as a, number as o, object as s, record as c, string as l, union as u, unknown as d } from "../../../zod/v4/classic/schemas.js";
+import { DynamicValueSchema as f, getByPath as p, resolveDynamicValue as m } from "./chunk-AFLK3Q4T.js";
+//#region ../../node_modules/@json-render/core/dist/index.mjs
+var h = u([o(), s({ $state: l() })]), g = {
+	eq: d().optional(),
+	neq: d().optional(),
+	gt: h.optional(),
+	gte: h.optional(),
+	lt: h.optional(),
+	lte: h.optional(),
+	not: a(!0).optional()
+}, _ = u([
+	s({
+		$state: l(),
+		...g
+	}),
+	s({
+		$item: l(),
+		...g
+	}),
+	s({
+		$index: a(!0),
+		...g
+	})
+]), v = i(() => u([
+	r(),
+	_,
+	n(_),
+	s({ $and: n(v) }),
+	s({ $or: n(v) })
+]));
+function y(e, t) {
+	return typeof e == "object" && e && "$state" in e && typeof e.$state == "string" ? p(t.stateModel, e.$state) : e;
+}
+function b(e) {
+	return "$item" in e;
+}
+function x(e) {
+	return "$index" in e;
+}
+function S(e, t) {
+	return x(e) ? t.repeatIndex : b(e) ? t.repeatItem === void 0 ? void 0 : e.$item === "" ? t.repeatItem : p(t.repeatItem, e.$item) : p(t.stateModel, e.$state);
+}
+function C(e, t) {
+	let n = S(e, t), r;
+	if (e.eq !== void 0) r = n === y(e.eq, t);
+	else if (e.neq !== void 0) r = n !== y(e.neq, t);
+	else if (e.gt !== void 0) {
+		let i = y(e.gt, t);
+		r = typeof n == "number" && typeof i == "number" ? n > i : !1;
+	} else if (e.gte !== void 0) {
+		let i = y(e.gte, t);
+		r = typeof n == "number" && typeof i == "number" ? n >= i : !1;
+	} else if (e.lt !== void 0) {
+		let i = y(e.lt, t);
+		r = typeof n == "number" && typeof i == "number" ? n < i : !1;
+	} else if (e.lte !== void 0) {
+		let i = y(e.lte, t);
+		r = typeof n == "number" && typeof i == "number" ? n <= i : !1;
+	} else r = !!n;
+	return e.not === !0 ? !r : r;
+}
+function w(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e) && "$and" in e;
+}
+function T(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e) && "$or" in e;
+}
+function E(e, t) {
+	return e === void 0 ? !0 : typeof e == "boolean" ? e : Array.isArray(e) ? e.every((e) => C(e, t)) : w(e) ? e.$and.every((e) => E(e, t)) : T(e) ? e.$or.some((e) => E(e, t)) : C(e, t);
+}
+function ee(e) {
+	return typeof e == "object" && !!e && "$state" in e && typeof e.$state == "string";
+}
+function D(e) {
+	return typeof e == "object" && !!e && "$item" in e && typeof e.$item == "string";
+}
+function O(e) {
+	return typeof e == "object" && !!e && "$index" in e && e.$index === !0;
+}
+function k(e) {
+	return typeof e == "object" && !!e && "$bindState" in e && typeof e.$bindState == "string";
+}
+function A(e) {
+	return typeof e == "object" && !!e && "$bindItem" in e && typeof e.$bindItem == "string";
+}
+function j(e) {
+	return typeof e == "object" && !!e && "$cond" in e && "$then" in e && "$else" in e;
+}
+function te(e) {
+	return typeof e == "object" && !!e && "$computed" in e && typeof e.$computed == "string";
+}
+function ne(e) {
+	return typeof e == "object" && !!e && "$template" in e && typeof e.$template == "string";
+}
+var re = 100, M = /* @__PURE__ */ new Set(), N = 100, P = /* @__PURE__ */ new Set();
+function F(e, t) {
+	if (t.repeatBasePath == null) {
+		console.warn(`$bindItem used outside repeat scope: "${e}"`);
+		return;
+	}
+	return e === "" ? t.repeatBasePath : t.repeatBasePath + "/" + e;
+}
+function I(e, t) {
+	if (e == null) return e;
+	if (ee(e)) return p(t.stateModel, e.$state);
+	if (D(e)) return t.repeatItem === void 0 ? void 0 : e.$item === "" ? t.repeatItem : p(t.repeatItem, e.$item);
+	if (O(e)) return t.repeatIndex;
+	if (k(e)) return p(t.stateModel, e.$bindState);
+	if (A(e)) {
+		let n = F(e.$bindItem, t);
+		return n === void 0 ? void 0 : p(t.stateModel, n);
+	}
+	if (j(e)) return I(E(e.$cond, t) ? e.$then : e.$else, t);
+	if (te(e)) {
+		let n = t.functions?.[e.$computed];
+		if (!n) {
+			M.has(e.$computed) || (M.size < re && M.add(e.$computed), console.warn(`Unknown $computed function: "${e.$computed}"`));
+			return;
+		}
+		let r = {};
+		if (e.args) for (let [n, i] of Object.entries(e.args)) r[n] = I(i, t);
+		return n(r);
+	}
+	if (ne(e)) return e.$template.replace(/\$\{([^}]+)\}/g, (e, n) => {
+		let r = n;
+		r.startsWith("/") || (P.has(r) || (P.size < N && P.add(r), console.warn(`$template path "${r}" should be a JSON Pointer starting with "/". Automatically resolving as "/${r}".`)), r = "/" + r);
+		let i = p(t.stateModel, r);
+		return i == null ? "" : String(i);
+	});
+	if (Array.isArray(e)) return e.map((e) => I(e, t));
+	if (typeof e == "object") {
+		let n = {};
+		for (let [r, i] of Object.entries(e)) n[r] = I(i, t);
+		return n;
+	}
+	return e;
+}
+function ie(e, t) {
+	let n = {};
+	for (let [r, i] of Object.entries(e)) n[r] = I(i, t);
+	return n;
+}
+function ae(e, t) {
+	let n;
+	for (let [r, i] of Object.entries(e)) if (k(i)) n ||= {}, n[r] = i.$bindState;
+	else if (A(i)) {
+		let e = F(i.$bindItem, t);
+		e !== void 0 && (n ||= {}, n[r] = e);
+	}
+	return n;
+}
+function oe(e, t) {
+	return D(e) ? F(e.$item, t) : O(e) ? t.repeatIndex : I(e, t);
+}
+var se = s({
+	title: l(),
+	message: l(),
+	confirmLabel: l().optional(),
+	cancelLabel: l().optional(),
+	variant: e(["default", "danger"]).optional()
+}), ce = u([
+	s({ navigate: l() }),
+	s({ set: c(l(), d()) }),
+	s({ action: l() })
+]), le = u([s({ set: c(l(), d()) }), s({ action: l() })]);
+s({
+	action: l(),
+	params: c(l(), f).optional(),
+	confirm: se.optional(),
+	onSuccess: ce.optional(),
+	onError: le.optional(),
+	preventDefault: r().optional()
+});
+function ue(e, t) {
+	let n = {};
+	if (e.params) for (let [r, i] of Object.entries(e.params)) n[r] = m(i, t);
+	let r = e.confirm;
+	return r &&= {
+		...r,
+		message: L(r.message, t),
+		title: L(r.title, t)
+	}, {
+		action: e.action,
+		params: n,
+		confirm: r,
+		onSuccess: e.onSuccess,
+		onError: e.onError
+	};
+}
+function L(e, t) {
+	return e.replace(/\$\{([^}]+)\}/g, (e, n) => {
+		let r = m({ $state: n }, t);
+		return String(r ?? "");
+	});
+}
+async function R(e) {
+	let { action: t, handler: n, setState: r, navigate: i, executeAction: a } = e;
+	try {
+		if (await n(t.params), t.onSuccess) if ("navigate" in t.onSuccess && i) i(t.onSuccess.navigate);
+		else if ("set" in t.onSuccess) for (let [e, n] of Object.entries(t.onSuccess.set)) r(e, n);
+		else "action" in t.onSuccess && a && await a(t.onSuccess.action);
+	} catch (e) {
+		if (t.onError) if ("set" in t.onError) for (let [n, i] of Object.entries(t.onError.set)) r(n, typeof i == "string" && i === "$error.message" ? e.message : i);
+		else "action" in t.onError && a && await a(t.onError.action);
+		else throw e;
+	}
+}
+s({
+	checks: n(s({
+		type: l(),
+		args: c(l(), f).optional(),
+		message: l()
+	})).optional(),
+	validateOn: e([
+		"change",
+		"blur",
+		"submit"
+	]).optional(),
+	enabled: v.optional()
+});
+var z = (e, t) => e === t?.other, B = {
+	required: (e) => e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : Array.isArray(e) ? e.length > 0 : !0,
+	email: (e) => typeof e == "string" ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) : !1,
+	minLength: (e, t) => {
+		if (typeof e != "string") return !1;
+		let n = t?.min;
+		return typeof n == "number" ? e.length >= n : !1;
+	},
+	maxLength: (e, t) => {
+		if (typeof e != "string") return !1;
+		let n = t?.max;
+		return typeof n == "number" ? e.length <= n : !1;
+	},
+	pattern: (e, t) => {
+		if (typeof e != "string") return !1;
+		let n = t?.pattern;
+		if (typeof n != "string") return !1;
+		try {
+			return new RegExp(n).test(e);
+		} catch {
+			return !1;
+		}
+	},
+	min: (e, t) => {
+		if (typeof e != "number") return !1;
+		let n = t?.min;
+		return typeof n == "number" ? e >= n : !1;
+	},
+	max: (e, t) => {
+		if (typeof e != "number") return !1;
+		let n = t?.max;
+		return typeof n == "number" ? e <= n : !1;
+	},
+	numeric: (e) => typeof e == "number" ? !isNaN(e) : typeof e == "string" ? !isNaN(parseFloat(e)) : !1,
+	url: (e) => {
+		if (typeof e != "string") return !1;
+		try {
+			return new URL(e), !0;
+		} catch {
+			return !1;
+		}
+	},
+	matches: z,
+	equalTo: z,
+	lessThan: (e, t) => {
+		let n = t?.other;
+		if (e == null || n == null || e === "" || n === "") return !1;
+		if (typeof e == "number" && typeof n == "number" || typeof e == "string" && typeof n == "string") return e < n;
+		let r = Number(e), i = Number(n);
+		return !isNaN(r) && !isNaN(i) ? r < i : !1;
+	},
+	greaterThan: (e, t) => {
+		let n = t?.other;
+		if (e == null || n == null || e === "" || n === "") return !1;
+		if (typeof e == "number" && typeof n == "number" || typeof e == "string" && typeof n == "string") return e > n;
+		let r = Number(e), i = Number(n);
+		return !isNaN(r) && !isNaN(i) ? r > i : !1;
+	},
+	requiredIf: (e, t) => t?.field ? e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : Array.isArray(e) ? e.length > 0 : !0 : !0
+};
+function V(e, t) {
+	let { value: n, stateModel: r, customFunctions: i } = t, a = {};
+	if (e.args) for (let [t, n] of Object.entries(e.args)) a[t] = I(n, { stateModel: r });
+	let o = B[e.type] ?? i?.[e.type];
+	if (!o) return console.warn(`Unknown validation function: ${e.type}`), {
+		type: e.type,
+		valid: !0,
+		message: e.message
+	};
+	let s = o(n, a);
+	return {
+		type: e.type,
+		valid: s,
+		message: e.message
+	};
+}
+function H(e, t) {
+	let n = [], r = [];
+	if (e.enabled && !E(e.enabled, { stateModel: t.stateModel })) return {
+		valid: !0,
+		errors: [],
+		checks: []
+	};
+	if (e.checks) for (let i of e.checks) {
+		let e = V(i, t);
+		n.push(e), e.valid || r.push(e.message);
+	}
+	return {
+		valid: r.length === 0,
+		errors: r,
+		checks: n
+	};
+}
+var U = ["patch"];
+function de(e) {
+	return e?.modes?.length ? e.modes : U;
+}
+function fe() {
+	return [
+		"PATCH MODE (RFC 6902 JSON Patch):",
+		"Output one JSON object per line. Each line is a patch operation.",
+		"- Add: {\"op\":\"add\",\"path\":\"/elements/new-key\",\"value\":{...}}",
+		"- Replace: {\"op\":\"replace\",\"path\":\"/elements/existing-key\",\"value\":{...}}",
+		"- Remove: {\"op\":\"remove\",\"path\":\"/elements/old-key\"}",
+		"Only output patches for what needs to change."
+	].join("\n");
+}
+function pe() {
+	return [
+		"MERGE MODE (RFC 7396 JSON Merge Patch):",
+		"Output a single JSON object on one line with __json_edit set to true.",
+		"Include only the keys that changed. Unmentioned keys are preserved.",
+		"Set a key to null to delete it.",
+		"",
+		"Example (update a title and add an element):",
+		"{\"__json_edit\":true,\"elements\":{\"main\":{\"props\":{\"title\":\"New Title\"}},\"new-el\":{\"type\":\"Card\",\"props\":{},\"children\":[]}}}",
+		"",
+		"Example (delete an element):",
+		"{\"__json_edit\":true,\"elements\":{\"old-widget\":null}}"
+	].join("\n");
+}
+function me() {
+	return [
+		"DIFF MODE (unified diff):",
+		"Output a unified diff inside a ```diff code fence.",
+		"The diff applies against the JSON-serialized current spec.",
+		"",
+		"Example:",
+		"```diff",
+		"--- a/spec.json",
+		"+++ b/spec.json",
+		"@@ -3,1 +3,1 @@",
+		"-      \"title\": \"Login\"",
+		"+      \"title\": \"Welcome Back\"",
+		"```"
+	].join("\n");
+}
+function he() {
+	return [
+		"PATCH MODE (RFC 6902 JSON Patch):",
+		"Output RFC 6902 JSON Patch lines inside a ```yaml-patch code fence.",
+		"Each line is one JSON patch operation.",
+		"",
+		"Example:",
+		"```yaml-patch",
+		"{\"op\":\"replace\",\"path\":\"/elements/main/props/title\",\"value\":\"New Title\"}",
+		"{\"op\":\"add\",\"path\":\"/elements/new-el\",\"value\":{\"type\":\"Card\",\"props\":{},\"children\":[]}}",
+		"```"
+	].join("\n");
+}
+function ge() {
+	return [
+		"MERGE MODE (RFC 7396 JSON Merge Patch):",
+		"Output only the changed parts in a ```yaml-edit code fence.",
+		"Uses deep merge semantics: only keys you include are updated. Unmentioned elements and props are preserved.",
+		"Set a key to null to delete it.",
+		"",
+		"Example edit (update title, add a new element):",
+		"```yaml-edit",
+		"elements:",
+		"  main:",
+		"    props:",
+		"      title: Updated Title",
+		"  new-chart:",
+		"    type: Card",
+		"    props: {}",
+		"    children: []",
+		"```",
+		"",
+		"Example deletion:",
+		"```yaml-edit",
+		"elements:",
+		"  old-widget: null",
+		"```"
+	].join("\n");
+}
+function _e() {
+	return [
+		"DIFF MODE (unified diff):",
+		"Output a unified diff inside a ```diff code fence.",
+		"The diff applies against the YAML-serialized current spec.",
+		"",
+		"Example:",
+		"```diff",
+		"--- a/spec.yaml",
+		"+++ b/spec.yaml",
+		"@@ -6,1 +6,1 @@",
+		"-      title: Login",
+		"+      title: Welcome Back",
+		"```"
+	].join("\n");
+}
+function ve(e) {
+	if (e.length === 1) return "";
+	let t = ["Choose the best edit strategy for the requested change:"];
+	return e.includes("patch") && t.push("- PATCH: best for precise, targeted single-field updates"), e.includes("merge") && t.push("- MERGE: best for structural changes (add/remove elements, reparent children, update multiple props at once)"), e.includes("diff") && t.push("- DIFF: best for small text-level changes when you can see the exact lines to change"), t.join("\n");
+}
+function ye(e, t) {
+	let n = de(e), r = [];
+	r.push("EDITING EXISTING SPECS:"), r.push("");
+	let i = ve(n);
+	i && (r.push(i), r.push(""));
+	for (let e of n) {
+		if (t === "json") switch (e) {
+			case "patch":
+				r.push(fe());
+				break;
+			case "merge":
+				r.push(pe());
+				break;
+			case "diff":
+				r.push(me());
+				break;
+		}
+		else switch (e) {
+			case "patch":
+				r.push(he());
+				break;
+			case "merge":
+				r.push(ge());
+				break;
+			case "diff":
+				r.push(_e());
+				break;
+		}
+		r.push("");
+	}
+	return r.join("\n");
+}
+function be() {
+	return {
+		string: () => ({ kind: "string" }),
+		number: () => ({ kind: "number" }),
+		boolean: () => ({ kind: "boolean" }),
+		array: (e) => ({
+			kind: "array",
+			inner: e
+		}),
+		object: (e) => ({
+			kind: "object",
+			inner: e
+		}),
+		record: (e) => ({
+			kind: "record",
+			inner: e
+		}),
+		any: () => ({ kind: "any" }),
+		zod: () => ({ kind: "zod" }),
+		ref: (e) => ({
+			kind: "ref",
+			inner: e
+		}),
+		propsOf: (e) => ({
+			kind: "propsOf",
+			inner: e
+		}),
+		map: (e) => ({
+			kind: "map",
+			inner: e
+		}),
+		optional: () => ({ optional: !0 })
+	};
+}
+function xe(e, t) {
+	return {
+		definition: e(be()),
+		promptTemplate: t?.promptTemplate,
+		defaultRules: t?.defaultRules,
+		builtInActions: t?.builtInActions,
+		createCatalog(e) {
+			return Se(this, e);
+		}
+	};
+}
+function Se(e, t) {
+	let n = t.components, r = t.actions, i = n ? Object.keys(n) : [], a = r ? Object.keys(r) : [], o = Ce(e.definition, t);
+	return {
+		schema: e,
+		data: t,
+		componentNames: i,
+		actionNames: a,
+		prompt(e = {}) {
+			return G(this, e);
+		},
+		jsonSchema(e = {}) {
+			return $(o, e.strict ?? !1);
+		},
+		validate(e) {
+			let t = o.safeParse(e);
+			return t.success ? {
+				success: !0,
+				data: t.data
+			} : {
+				success: !1,
+				error: t.error
+			};
+		},
+		zodSchema() {
+			return o;
+		},
+		get _specType() {
+			throw Error("_specType is only for type inference");
+		}
+	};
+}
+function Ce(e, t) {
+	return W(e.spec, t);
+}
+function W(i, u) {
+	switch (i.kind) {
+		case "string": return l();
+		case "number": return o();
+		case "boolean": return r();
+		case "any": return t();
+		case "array": return n(W(i.inner, u));
+		case "object": {
+			let e = i.inner, t = {};
+			for (let [n, r] of Object.entries(e)) {
+				let e = W(r, u);
+				r.optional && (e = e.optional()), t[n] = e;
+			}
+			return s(t);
+		}
+		case "record": {
+			let e = W(i.inner, u);
+			return c(l(), e);
+		}
+		case "ref": {
+			let t = i.inner, n = we(t, u);
+			return n.length === 0 ? l() : n.length === 1 ? a(n[0]) : e(n);
+		}
+		case "propsOf": {
+			let e = i.inner, t = Te(e, u);
+			return t.length === 0 ? c(l(), d()) : t.length === 1 ? t[0] : c(l(), d());
+		}
+		default: return d();
+	}
+}
+function we(e, t) {
+	let n = e.split("."), r = { catalog: t };
+	for (let e of n) if (r && typeof r == "object") r = r[e];
+	else return [];
+	return r && typeof r == "object" ? Object.keys(r) : [];
+}
+function Te(e, t) {
+	let n = e.split("."), r = { catalog: t };
+	for (let e of n) if (r && typeof r == "object") r = r[e];
+	else return [];
+	return r && typeof r == "object" ? Object.values(r).map((e) => e.props).filter((e) => e !== void 0) : [];
+}
+function G(e, t) {
+	if (e.schema.promptTemplate) {
+		let n = {
+			catalog: e.data,
+			componentNames: e.componentNames,
+			actionNames: e.actionNames,
+			options: t,
+			formatZodType: X
+		};
+		return e.schema.promptTemplate(n);
+	}
+	let { system: n = "You are a UI generator that outputs JSON.", customRules: r = [], mode: i = "standalone" } = t, a = i === "chat" ? (console.warn("[json-render] mode \"chat\" is deprecated, use \"inline\" instead"), "inline") : i === "generate" ? (console.warn("[json-render] mode \"generate\" is deprecated, use \"standalone\" instead"), "standalone") : i, o = [];
+	o.push(n), o.push(""), a === "inline" ? (o.push("OUTPUT FORMAT (text + JSONL, RFC 6902 JSON Patch):"), o.push("You respond conversationally. When generating UI, first write a brief explanation (1-3 sentences), then output JSONL patch lines wrapped in a ```spec code fence."), o.push("The JSONL lines use RFC 6902 JSON Patch operations to build a UI tree. Always wrap them in a ```spec fence block:"), o.push("  ```spec"), o.push("  {\"op\":\"add\",\"path\":\"/root\",\"value\":\"main\"}"), o.push("  {\"op\":\"add\",\"path\":\"/elements/main\",\"value\":{\"type\":\"Card\",\"props\":{\"title\":\"Hello\"},\"children\":[]}}"), o.push("  ```"), o.push("If the user's message does not require a UI (e.g. a greeting or clarifying question), respond with text only — no JSONL.")) : (o.push("OUTPUT FORMAT (JSONL, RFC 6902 JSON Patch):"), o.push("Output JSONL (one JSON object per line) using RFC 6902 JSON Patch operations to build a UI tree.")), o.push("Each line is a JSON patch operation (add, remove, replace). Start with /root, then stream /elements and /state patches interleaved so the UI fills in progressively as it streams."), o.push(""), o.push("Example output (each line is a separate JSON object):"), o.push("");
+	let s = e.data.components, c = e.componentNames, l = c[0] || "Component", u = c.length > 1 ? c[1] : l, d = s?.[l], f = s?.[u], p = d ? K(d) : {}, m = f ? K(f) : {}, h = f?.props ? Ee(f.props) : null, g = h ? {
+		...m,
+		[h]: { $item: "title" }
+	} : m, _ = [
+		JSON.stringify({
+			op: "add",
+			path: "/root",
+			value: "main"
+		}),
+		JSON.stringify({
+			op: "add",
+			path: "/elements/main",
+			value: {
+				type: l,
+				props: p,
+				children: ["child-1", "list"]
+			}
+		}),
+		JSON.stringify({
+			op: "add",
+			path: "/elements/child-1",
+			value: {
+				type: u,
+				props: m,
+				children: []
+			}
+		}),
+		JSON.stringify({
+			op: "add",
+			path: "/elements/list",
+			value: {
+				type: l,
+				props: p,
+				repeat: {
+					statePath: "/items",
+					key: "id"
+				},
+				children: ["item"]
+			}
+		}),
+		JSON.stringify({
+			op: "add",
+			path: "/elements/item",
+			value: {
+				type: u,
+				props: g,
+				children: []
+			}
+		}),
+		JSON.stringify({
+			op: "add",
+			path: "/state/items",
+			value: []
+		}),
+		JSON.stringify({
+			op: "add",
+			path: "/state/items/0",
+			value: {
+				id: "1",
+				title: "First Item"
+			}
+		}),
+		JSON.stringify({
+			op: "add",
+			path: "/state/items/1",
+			value: {
+				id: "2",
+				title: "Second Item"
+			}
+		})
+	].join("\n");
+	o.push(`${_}
+
+Note: state patches appear right after the elements that use them, so the UI fills in as it streams. ONLY use component types from the AVAILABLE COMPONENTS list below.`), o.push(""), o.push("INITIAL STATE:"), o.push("Specs include a /state field to seed the state model. Components with { $bindState } or { $bindItem } read from and write to this state, and $state expressions read from it."), o.push("CRITICAL: You MUST include state patches whenever your UI displays data via $state, $bindState, $bindItem, $item, or $index expressions, or uses repeat to iterate over arrays. Without state, these references resolve to nothing and repeat lists render zero items."), o.push("Output state patches right after the elements that reference them, so the UI fills in progressively as it streams."), o.push("Stream state progressively - output one patch per array item instead of one giant blob:"), o.push("  For arrays: {\"op\":\"add\",\"path\":\"/state/posts/0\",\"value\":{\"id\":\"1\",\"title\":\"First Post\",...}} then /state/posts/1, /state/posts/2, etc."), o.push("  For scalars: {\"op\":\"add\",\"path\":\"/state/newTodoText\",\"value\":\"\"}"), o.push("  Initialize the array first if needed: {\"op\":\"add\",\"path\":\"/state/posts\",\"value\":[]}"), o.push("When content comes from the state model, use { \"$state\": \"/some/path\" } dynamic props to display it instead of hardcoding the same value in both state and props. The state model is the single source of truth."), o.push("Include realistic sample data in state. For blogs: 3-4 posts with titles, excerpts, authors, dates. For product lists: 3-5 items with names, prices, descriptions. Never leave arrays empty."), o.push(""), o.push("DYNAMIC LISTS (repeat field):"), o.push("Any element can have a top-level \"repeat\" field to render its children once per item in a state array: { \"repeat\": { \"statePath\": \"/arrayPath\", \"key\": \"id\" } }."), o.push("The element itself renders once (as the container), and its children are expanded once per array item. \"statePath\" is the state array path. \"key\" is an optional field name on each item for stable React keys."), o.push(`Example: ${JSON.stringify({
+		type: l,
+		props: p,
+		repeat: {
+			statePath: "/todos",
+			key: "id"
+		},
+		children: ["todo-item"]
+	})}`), o.push("Inside children of a repeated element, use { \"$item\": \"field\" } to read a field from the current item, and { \"$index\": true } to get the current array index. For two-way binding to an item field use { \"$bindItem\": \"completed\" } on the appropriate prop."), o.push("ALWAYS use the repeat field for lists backed by state arrays. NEVER hardcode individual elements for each array item."), o.push("IMPORTANT: \"repeat\" is a top-level field on the element (sibling of type/props/children), NOT inside props."), o.push(""), o.push("ARRAY STATE ACTIONS:"), o.push("Use action \"pushState\" to append items to arrays. Params: { statePath: \"/arrayPath\", value: { ...item }, clearStatePath: \"/inputPath\" }."), o.push("Values inside pushState can contain { \"$state\": \"/statePath\" } references to read current state (e.g. the text from an input field)."), o.push("Use \"$id\" inside a pushState value to auto-generate a unique ID."), o.push("Example: on: { \"press\": { \"action\": \"pushState\", \"params\": { \"statePath\": \"/todos\", \"value\": { \"id\": \"$id\", \"title\": { \"$state\": \"/newTodoText\" }, \"completed\": false }, \"clearStatePath\": \"/newTodoText\" } } }"), o.push("Use action \"removeState\" to remove items from arrays by index. Params: { statePath: \"/arrayPath\", index: N }. Inside a repeated element's children, use { \"$index\": true } for the current item index. Action params support the same expressions as props: { \"$item\": \"field\" } resolves to the absolute state path, { \"$index\": true } resolves to the index number, and { \"$state\": \"/path\" } reads a value from state."), o.push("For lists where users can add/remove items (todos, carts, etc.), use pushState and removeState instead of hardcoding with setState."), o.push(""), o.push("IMPORTANT: State paths use RFC 6901 JSON Pointer syntax (e.g. \"/todos/0/title\"). Do NOT use JavaScript-style dot notation (e.g. \"/todos.length\" is WRONG). To generate unique IDs for new items, use \"$id\" instead of trying to read array length."), o.push("");
+	let v = s;
+	if (v) {
+		o.push(`AVAILABLE COMPONENTS (${e.componentNames.length}):`), o.push("");
+		for (let [e, t] of Object.entries(v)) {
+			let n = t.props ? X(t.props) : "{}", r = t.slots && t.slots.length > 0 ? " [accepts children]" : "", i = t.events && t.events.length > 0 ? ` [events: ${t.events.join(", ")}]` : "", a = t.description ? ` - ${t.description}` : "";
+			o.push(`- ${e}: ${n}${a}${r}${i}`);
+		}
+		o.push("");
+	}
+	let y = e.data.actions, b = e.schema.builtInActions ?? [], x = y && e.actionNames.length > 0, S = b.length > 0;
+	if (x || S) {
+		o.push("AVAILABLE ACTIONS:"), o.push("");
+		for (let e of b) o.push(`- ${e.name}: ${e.description} [built-in]`);
+		if (x) for (let [e, t] of Object.entries(y)) o.push(`- ${e}${t.description ? `: ${t.description}` : ""}`);
+		o.push("");
+	}
+	o.push("EVENTS (the `on` field):"), o.push("Elements can have an optional `on` field to bind events to actions. The `on` field is a top-level field on the element (sibling of type/props/children), NOT inside props."), o.push("Each key in `on` is an event name (from the component's supported events), and the value is an action binding: `{ \"action\": \"<actionName>\", \"params\": { ... } }`."), o.push(""), o.push("Example:"), o.push(`  ${JSON.stringify({
+		type: l,
+		props: p,
+		on: { press: {
+			action: "setState",
+			params: {
+				statePath: "/saved",
+				value: !0
+			}
+		} },
+		children: []
+	})}`), o.push(""), o.push("Action params can use dynamic references to read from state: { \"$state\": \"/statePath\" }."), o.push("IMPORTANT: Do NOT put action/actionParams inside props. Always use the `on` field for event bindings."), o.push(""), o.push("VISIBILITY CONDITIONS:"), o.push("Elements can have an optional `visible` field to conditionally show/hide based on state. IMPORTANT: `visible` is a top-level field on the element object (sibling of type/props/children), NOT inside props."), o.push(`Correct: ${JSON.stringify({
+		type: l,
+		props: p,
+		visible: {
+			$state: "/activeTab",
+			eq: "home"
+		},
+		children: ["..."]
+	})}`), o.push("- `{ \"$state\": \"/path\" }` - visible when state at path is truthy"), o.push("- `{ \"$state\": \"/path\", \"not\": true }` - visible when state at path is falsy"), o.push("- `{ \"$state\": \"/path\", \"eq\": \"value\" }` - visible when state equals value"), o.push("- `{ \"$state\": \"/path\", \"neq\": \"value\" }` - visible when state does not equal value"), o.push("- `{ \"$state\": \"/path\", \"gt\": N }` / `gte` / `lt` / `lte` - numeric comparisons"), o.push("- Use ONE operator per condition (eq, neq, gt, gte, lt, lte). Do not combine multiple operators."), o.push("- Any condition can add `\"not\": true` to invert its result"), o.push("- `[condition, condition]` - all conditions must be true (implicit AND)"), o.push("- `{ \"$and\": [condition, condition] }` - explicit AND (use when nesting inside $or)"), o.push("- `{ \"$or\": [condition, condition] }` - at least one must be true (OR)"), o.push("- `true` / `false` - always visible/hidden"), o.push(""), o.push("Use a component with on.press bound to setState to update state and drive visibility."), o.push(`Example: A ${l} with on: { "press": { "action": "setState", "params": { "statePath": "/activeTab", "value": "home" } } } sets state, then a container with visible: { "$state": "/activeTab", "eq": "home" } shows only when that tab is active.`), o.push(""), o.push("For tab patterns where the first/default tab should be visible when no tab is selected yet, use $or to handle both cases: visible: { \"$or\": [{ \"$state\": \"/activeTab\", \"eq\": \"home\" }, { \"$state\": \"/activeTab\", \"not\": true }] }. This ensures the first tab is visible both when explicitly selected AND when /activeTab is not yet set."), o.push(""), o.push("DYNAMIC PROPS:"), o.push("Any prop value can be a dynamic expression that resolves based on state. Three forms are supported:"), o.push(""), o.push("1. Read-only state: `{ \"$state\": \"/statePath\" }` - resolves to the value at that state path (one-way read)."), o.push("   Example: `\"color\": { \"$state\": \"/theme/primary\" }` reads the color from state."), o.push(""), o.push("2. Two-way binding: `{ \"$bindState\": \"/statePath\" }` - resolves to the value at the state path AND enables write-back. Use on form input props (value, checked, pressed, etc.)."), o.push("   Example: `\"value\": { \"$bindState\": \"/form/email\" }` binds the input value to /form/email."), o.push("   Inside repeat scopes: `\"checked\": { \"$bindItem\": \"completed\" }` binds to the current item's completed field."), o.push(""), o.push("3. Conditional: `{ \"$cond\": <condition>, \"$then\": <value>, \"$else\": <value> }` - evaluates the condition (same syntax as visibility conditions) and picks the matching value."), o.push("   Example: `\"color\": { \"$cond\": { \"$state\": \"/activeTab\", \"eq\": \"home\" }, \"$then\": \"#007AFF\", \"$else\": \"#8E8E93\" }`"), o.push(""), o.push("Use $bindState for form inputs (text fields, checkboxes, selects, sliders, etc.) and $state for read-only data display. Inside repeat scopes, use $bindItem for form inputs bound to the current item. Use dynamic props instead of duplicating elements with opposing visible conditions when only prop values differ."), o.push(""), o.push("4. Template: `{ \"$template\": \"Hello, ${/name}!\" }` - interpolates `${/path}` references in the string with values from the state model."), o.push("   Example: `\"label\": { \"$template\": \"Items: ${/cart/count} | Total: ${/cart/total}\" }` renders \"Items: 3 | Total: 42.00\" when /cart/count is 3 and /cart/total is 42.00."), o.push("");
+	let C = e.data.functions;
+	if (C && Object.keys(C).length > 0) {
+		o.push("5. Computed: `{ \"$computed\": \"<functionName>\", \"args\": { \"key\": <expression> } }` - calls a registered function with resolved args and returns the result."), o.push("   Example: `\"value\": { \"$computed\": \"fullName\", \"args\": { \"first\": { \"$state\": \"/form/firstName\" }, \"last\": { \"$state\": \"/form/lastName\" } } }`"), o.push("   Available functions:");
+		for (let e of Object.keys(C)) o.push(`   - ${e}`);
+		o.push("");
+	}
+	s && Object.entries(s).some(([, e]) => e.props ? X(e.props).includes("checks") : !1) && (o.push("VALIDATION:"), o.push("Form components that accept a `checks` prop support client-side validation."), o.push("Each check is an object: { \"type\": \"<name>\", \"message\": \"...\", \"args\": { ... } }"), o.push(""), o.push("Built-in validation types:"), o.push("  - required — value must be non-empty"), o.push("  - email — valid email format"), o.push("  - minLength — minimum string length (args: { \"min\": N })"), o.push("  - maxLength — maximum string length (args: { \"max\": N })"), o.push("  - pattern — match a regex (args: { \"pattern\": \"regex\" })"), o.push("  - min — minimum numeric value (args: { \"min\": N })"), o.push("  - max — maximum numeric value (args: { \"max\": N })"), o.push("  - numeric — value must be a number"), o.push("  - url — valid URL format"), o.push("  - matches — must equal another field (args: { \"other\": { \"$state\": \"/path\" } })"), o.push("  - equalTo — alias for matches (args: { \"other\": { \"$state\": \"/path\" } })"), o.push("  - lessThan — value must be less than another field (args: { \"other\": { \"$state\": \"/path\" } })"), o.push("  - greaterThan — value must be greater than another field (args: { \"other\": { \"$state\": \"/path\" } })"), o.push("  - requiredIf — required only when another field is truthy (args: { \"field\": { \"$state\": \"/path\" } })"), o.push(""), o.push("Example:"), o.push("  \"checks\": [{ \"type\": \"required\", \"message\": \"Email is required\" }, { \"type\": \"email\", \"message\": \"Invalid email\" }]"), o.push(""), o.push("IMPORTANT: When using checks, the component must also have a { $bindState } or { $bindItem } on its value/checked prop for two-way binding."), o.push("Always include validation checks on form inputs for a good user experience (e.g. required, email, minLength)."), o.push("")), (x || S) && (o.push("STATE WATCHERS:"), o.push("Elements can have an optional `watch` field to react to state changes and trigger actions. The `watch` field is a top-level field on the element (sibling of type/props/children), NOT inside props."), o.push("Maps state paths (JSON Pointers) to action bindings. When the value at a watched path changes, the bound actions fire automatically."), o.push(""), o.push("Example (cascading select — country changes trigger city loading):"), o.push(`  ${JSON.stringify({
+		type: "Select",
+		props: {
+			value: { $bindState: "/form/country" },
+			options: [
+				"US",
+				"Canada",
+				"UK"
+			]
+		},
+		watch: { "/form/country": {
+			action: "loadCities",
+			params: { country: { $state: "/form/country" } }
+		} },
+		children: []
+	})}`), o.push(""), o.push("Use `watch` for cascading dependencies where changing one field should trigger side effects (loading data, resetting dependent fields, computing derived values)."), o.push("IMPORTANT: `watch` is a top-level field on the element (sibling of type/props/children), NOT inside props. Watchers only fire when the value changes, not on initial render."), o.push(""));
+	let w = t.editModes;
+	w && w.length > 0 && o.push(ye({ modes: w }, "json")), o.push("RULES:");
+	let T = a === "inline" ? [
+		"When generating UI, wrap all JSONL patches in a ```spec code fence - one JSON object per line inside the fence",
+		"Write a brief conversational response before any JSONL output",
+		"First set root: {\"op\":\"add\",\"path\":\"/root\",\"value\":\"<root-key>\"}",
+		"Then add each element: {\"op\":\"add\",\"path\":\"/elements/<key>\",\"value\":{...}}",
+		"Output /state patches right after the elements that use them, one per array item for progressive loading. REQUIRED whenever using $state, $bindState, $bindItem, $item, $index, or repeat.",
+		"ONLY use components listed above",
+		"Each element value needs: type, props, children (array of child keys)",
+		"Use unique keys for the element map entries (e.g., 'header', 'metric-1', 'chart-revenue')"
+	] : [
+		"Output ONLY JSONL patches - one JSON object per line, no markdown, no code fences",
+		"First set root: {\"op\":\"add\",\"path\":\"/root\",\"value\":\"<root-key>\"}",
+		"Then add each element: {\"op\":\"add\",\"path\":\"/elements/<key>\",\"value\":{...}}",
+		"Output /state patches right after the elements that use them, one per array item for progressive loading. REQUIRED whenever using $state, $bindState, $bindItem, $item, $index, or repeat.",
+		"ONLY use components listed above",
+		"Each element value needs: type, props, children (array of child keys)",
+		"Use unique keys for the element map entries (e.g., 'header', 'metric-1', 'chart-revenue')"
+	], E = e.schema.defaultRules ?? [];
+	return [
+		...T,
+		...E,
+		...r
+	].forEach((e, t) => {
+		o.push(`${t + 1}. ${e}`);
+	}), o.join("\n");
+}
+function K(e) {
+	return e.example && Object.keys(e.example).length > 0 ? e.example : e.props ? q(e.props) : {};
+}
+function q(e) {
+	if (!e || !e._def) return {};
+	let t = e._def, n = Y(e);
+	if (n !== "ZodObject" && n !== "object") return {};
+	let r = typeof t.shape == "function" ? t.shape() : t.shape;
+	if (!r) return {};
+	let i = {};
+	for (let [e, t] of Object.entries(r)) {
+		let n = Y(t);
+		n === "ZodOptional" || n === "optional" || n === "ZodNullable" || n === "nullable" || (i[e] = J(t));
+	}
+	return i;
+}
+function J(e) {
+	if (!e || !e._def) return "...";
+	let t = e._def;
+	switch (Y(e)) {
+		case "ZodString":
+		case "string": return "example";
+		case "ZodNumber":
+		case "number": return 0;
+		case "ZodBoolean":
+		case "boolean": return !0;
+		case "ZodLiteral":
+		case "literal": return t.value;
+		case "ZodEnum":
+		case "enum":
+			if (Array.isArray(t.values) && t.values.length > 0) return t.values[0];
+			if (t.entries && typeof t.entries == "object") {
+				let e = Object.values(t.entries);
+				return e.length > 0 ? e[0] : "example";
+			}
+			return "example";
+		case "ZodOptional":
+		case "optional":
+		case "ZodNullable":
+		case "nullable":
+		case "ZodDefault":
+		case "default": {
+			let e = t.innerType ?? t.wrapped;
+			return e ? J(e) : null;
+		}
+		case "ZodArray":
+		case "array": return [];
+		case "ZodObject":
+		case "object": return q(e);
+		case "ZodUnion":
+		case "union": {
+			let e = t.options;
+			return e && e.length > 0 ? J(e[0]) : "...";
+		}
+		default: return "...";
+	}
+}
+function Ee(e) {
+	if (!e || !e._def) return null;
+	let t = e._def, n = Y(e);
+	if (n !== "ZodObject" && n !== "object") return null;
+	let r = typeof t.shape == "function" ? t.shape() : t.shape;
+	if (!r) return null;
+	for (let [e, t] of Object.entries(r)) {
+		let n = Y(t);
+		if (!(n === "ZodOptional" || n === "optional" || n === "ZodNullable" || n === "nullable") && (n === "ZodString" || n === "string")) return e;
+	}
+	return null;
+}
+function Y(e) {
+	if (!e || !e._def) return "";
+	let t = e._def;
+	return t.typeName ?? t.type ?? "";
+}
+function X(e) {
+	if (!e || !e._def) return "unknown";
+	let t = e._def;
+	switch (Y(e)) {
+		case "ZodString":
+		case "string": return "string";
+		case "ZodNumber":
+		case "number": return "number";
+		case "ZodBoolean":
+		case "boolean": return "boolean";
+		case "ZodLiteral":
+		case "literal": return JSON.stringify(t.value);
+		case "ZodEnum":
+		case "enum": {
+			let e;
+			if (Array.isArray(t.values)) e = t.values;
+			else if (t.entries && typeof t.entries == "object") e = Object.values(t.entries);
+			else return "enum";
+			return e.map((e) => `"${e}"`).join(" | ");
+		}
+		case "ZodArray":
+		case "array": {
+			let e = typeof t.element == "object" ? t.element : typeof t.type == "object" ? t.type : void 0;
+			return e ? `Array<${X(e)}>` : "Array<unknown>";
+		}
+		case "ZodObject":
+		case "object": {
+			let e = typeof t.shape == "function" ? t.shape() : t.shape;
+			return e ? `{ ${Object.entries(e).map(([e, t]) => {
+				let n = Y(t);
+				return `${e}${n === "ZodOptional" || n === "ZodNullable" || n === "optional" || n === "nullable" ? "?" : ""}: ${X(t)}`;
+			}).join(", ")} }` : "object";
+		}
+		case "ZodOptional":
+		case "optional":
+		case "ZodNullable":
+		case "nullable": {
+			let e = t.innerType ?? t.wrapped;
+			return e ? X(e) : "unknown";
+		}
+		case "ZodUnion":
+		case "union": {
+			let e = t.options;
+			return e ? e.map((e) => X(e)).join(" | ") : "unknown";
+		}
+		default: return "unknown";
+	}
+}
+function Z(e) {
+	return typeof e.type == "string" ? e.type : typeof e.typeName == "string" ? e.typeName : "";
+}
+function Q(e) {
+	return e.startsWith("Zod") ? e.slice(3).toLowerCase() : e.toLowerCase();
+}
+function $(e, t = !1) {
+	let n = e._def;
+	switch (Q(Z(n))) {
+		case "string": return { type: "string" };
+		case "number": return { type: "number" };
+		case "boolean": return { type: "boolean" };
+		case "literal": {
+			let e = n.values;
+			return { const: e ? e[0] : n.value };
+		}
+		case "enum": {
+			let e = n.entries;
+			return { enum: (e ? Object.values(e) : n.values) ?? [] };
+		}
+		case "array": {
+			let e = n.element ?? n.type;
+			return {
+				type: "array",
+				items: e ? $(e, t) : {}
+			};
+		}
+		case "object": {
+			let e = n.shape, r = typeof e == "function" ? e() : e;
+			if (!r) return t ? {
+				type: "object",
+				properties: {},
+				required: [],
+				additionalProperties: !1
+			} : { type: "object" };
+			let i = {}, a = [];
+			for (let [e, n] of Object.entries(r)) {
+				let r = n._def, o = Q(Z(r)), s = o === "optional" || o === "nullable";
+				t ? (a.push(e), s ? i[e] = { anyOf: [$(n, t), { type: "null" }] } : i[e] = $(n, t)) : (i[e] = $(n), s || a.push(e));
+			}
+			return {
+				type: "object",
+				properties: i,
+				required: a.length > 0 ? a : void 0,
+				additionalProperties: !1
+			};
+		}
+		case "record": {
+			let e = n.valueType;
+			return t ? {
+				type: "object",
+				properties: {},
+				required: [],
+				additionalProperties: !1
+			} : {
+				type: "object",
+				additionalProperties: e ? $(e) : !0
+			};
+		}
+		case "optional":
+		case "nullable": {
+			let e = n.innerType;
+			return e ? $(e, t) : {};
+		}
+		case "union": {
+			let e = n.options;
+			return e ? { anyOf: e.map((e) => $(e, t)) } : {};
+		}
+		case "any":
+		case "unknown": return t ? {
+			type: "object",
+			properties: {},
+			required: [],
+			additionalProperties: !1
+		} : {};
+		default: return {};
+	}
+}
+//#endregion
+export { xe as defineSchema, E as evaluateVisibility, R as executeAction, ue as resolveAction, oe as resolveActionParam, ae as resolveBindings, ie as resolveElementProps, H as runValidation };
+
+//# sourceMappingURL=index.js.map