@xmachines/play-solid 1.0.0-beta.31 → 1.0.0-beta.33

package/dist/PlayRenderer.js

@@ -10,11 +10,9 @@ var p = (n) => {
 	let a = i(), o = (e) => {
 		let t = a.getSnapshot();
 		a.update(e(t));
-	}, s = () => n.registryResult.handlers(() => o, () => a.getSnapshot());
+	};
 	return c(e, {
-		get handlers() {
-			return s();
-		},
+		handlers: n.registryResult.handlers(() => o, () => a.getSnapshot()),
 		get children() {
 			return c(r, { get children() {
 				return c(t, {
@@ -29,11 +27,22 @@ var p = (n) => {
 		}
 	});
 }, m = (e) => {
-	let [t, r] = u(e.actor.currentView.get()), i = null, m = null, h = f(e.actor.currentView, (e) => {
+	let [t, r] = u(e.actor.currentView.get()), i = () => {
+		if (!e.onRenderError) return e.registryResult;
+		let t = { ...e.registryResult.registry };
+		return Object.defineProperty(t, "onRenderError", {
+			value: e.onRenderError,
+			enumerable: !1,
+			configurable: !0
+		}), {
+			...e.registryResult,
+			registry: t
+		};
+	}, m = null, h = null, g = f(e.actor.currentView, (e) => {
 		r(e);
 	});
 	return d(() => {
-		h();
+		g();
 	}), c(s, {
 		get value() {
 			return e.actor;
@@ -46,12 +55,12 @@ var p = (n) => {
 						let r = t();
 						if (!r) return e.fallback ?? null;
 						let s;
-						return e.store ? s = e.store : ((i === null || m !== r) && (i = o({ atom: a(r.spec.state ?? {}) }), m = r), s = i), c(n, {
+						return e.store ? s = e.store : ((m === null || h !== r) && (m = o({ atom: a(r.spec?.state ?? {}) }), h = r), s = m), c(n, {
 							store: s,
 							get children() {
 								return c(p, {
 									get registryResult() {
-										return e.registryResult;
+										return i();
 									},
 									get spec() {
 										return r.spec;

package/dist/PlayRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlayRenderer.js","names":["createSignal","onCleanup","ErrorBoundary","Component","Renderer","StateProvider","ActionProvider","VisibilityProvider","useStateStore","ActionHandler","StateStore","DefineRegistryResult","SetState","createAtom","xstateStoreStateStore","watchSignal","PlayRendererProps","ViewMetadata","ActorProvider","PlayActor","PlayRendererInner","registryResult","spec","Spec","innerProps","stateCtx","setStateAdapter","updater","prev","getSnapshot","update","handlers","Record","_$createComponent","children","registry","PlayRenderer","props","view","setView","actor","currentView","get","internalStore","lastView","unwatch","nextView","value","fallback","err","onError","store","initialState","state","atom"],"sources":["../src/PlayRenderer.tsx"],"sourcesContent":["/**\n * PlayRenderer - Main SolidJS renderer component for XMachines Play architecture\n *\n * @packageDocumentation\n */\n\nimport { createSignal, onCleanup, ErrorBoundary, type Component } from \"solid-js\";\nimport {\n\tRenderer,\n\tStateProvider,\n\tActionProvider,\n\tVisibilityProvider,\n\tuseStateStore,\n} from \"@json-render/solid\";\nimport type { ActionHandler, StateStore } from \"@json-render/core\";\nimport type { DefineRegistryResult, SetState } from \"@json-render/solid\";\nimport { createAtom } from \"@xstate/store\";\nimport { xstateStoreStateStore } from \"@json-render/xstate\";\nimport { watchSignal } from \"@xmachines/play-signals\";\nimport type { PlayRendererProps } from \"./types.js\";\nimport type { ViewMetadata } from \"@xmachines/play-actor\";\nimport { ActorProvider, type PlayActor } from \"./useActor.js\";\n\n/**\n * Inner component that renders inside StateProvider so it can call useStateStore()\n * to get the live set/getSnapshot functions needed by registryResult.handlers().\n */\nconst PlayRendererInner: Component<{\n\tregistryResult: DefineRegistryResult;\n\tspec: import(\"@json-render/core\").Spec | null;\n}> = (innerProps) => {\n\tconst stateCtx = useStateStore();\n\n\t// Build a SetState adapter: the handlers factory expects an updater-function pattern\n\t// ((prev) => next), while stateCtx provides path-based set/update. This adapter\n\t// bridges the two so action functions can use setState if needed.\n\tconst setStateAdapter: SetState = (updater) => {\n\t\tconst prev = stateCtx.getSnapshot();\n\t\tstateCtx.update(updater(prev));\n\t};\n\n\tconst handlers = (): Record<string, ActionHandler> =>\n\t\tinnerProps.registryResult.handlers(\n\t\t\t() => setStateAdapter,\n\t\t\t() => stateCtx.getSnapshot(),\n\t\t);\n\n\treturn (\n\t\t<ActionProvider handlers={handlers()}>\n\t\t\t<VisibilityProvider>\n\t\t\t\t<Renderer spec={innerProps.spec} registry={innerProps.registryResult.registry} />\n\t\t\t</VisibilityProvider>\n\t\t</ActionProvider>\n\t);\n};\n\n/**\n * Main renderer component that subscribes to actor signals and renders UI\n *\n * Architecture:\n * - Subscribes to actor.currentView signal via TC39 Signal.subtle.Watcher\n * - Renders view.spec via StateProvider → PlayRendererInner (with ActionProvider + handlers)\n * - Routes actions to actor.send() via registryResult.handlers() — real async functions\n * - SolidJS signal only for triggering renders, NOT business logic\n * - State store: uses external `store` prop if provided (controlled mode); otherwise\n *   creates a fresh @xstate/store atom per view transition seeded from spec.state.\n * - Wraps the render path in a SolidJS `ErrorBoundary` to contain catalog component\n *   render failures. The `fallback` prop is shown on error; `onError` is called for\n *   observability forwarding (Sentry, Datadog, etc.).\n *\n * Invariant: Actor Authority - Actor decides all state transitions via guards.\n * Invariant: Passive Infrastructure - Component observes signals and sends events.\n * Invariant: Signal-Only Reactivity - Business logic state lives in actor signals.\n */\nexport const PlayRenderer: Component<PlayRendererProps> = (props) => {\n\t// Create SolidJS signal for view\n\tconst [view, setView] = createSignal<ViewMetadata | null>(\n\t\tprops.actor.currentView.get() as ViewMetadata | null,\n\t);\n\n\t// Internal per-view store — recreated on each view transition when no external store.\n\tlet internalStore: StateStore | null = null;\n\tlet lastView: ViewMetadata | null = null;\n\n\t// Bridge TC39 Signal to SolidJS signal — subscribe synchronously during setup\n\tconst unwatch = watchSignal(props.actor.currentView, (nextView: ViewMetadata | null) => {\n\t\tsetView(nextView);\n\t});\n\tonCleanup(() => {\n\t\tunwatch();\n\t});\n\n\treturn (\n\t\t<ActorProvider value={props.actor as PlayActor}>\n\t\t\t<ErrorBoundary\n\t\t\t\tfallback={(err: unknown) => {\n\t\t\t\t\tprops.onError?.(err);\n\t\t\t\t\treturn props.fallback ?? null;\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{(() => {\n\t\t\t\t\tconst currentView = view();\n\t\t\t\t\tif (!currentView) return props.fallback ?? null;\n\n\t\t\t\t\t// Resolve the store: external (controlled) or internal per-view atom\n\t\t\t\t\tlet store: StateStore;\n\t\t\t\t\tif (props.store) {\n\t\t\t\t\t\tstore = props.store;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (internalStore === null || lastView !== currentView) {\n\t\t\t\t\t\t\tconst initialState =\n\t\t\t\t\t\t\t\t(currentView.spec.state as Record<string, unknown>) ?? {};\n\t\t\t\t\t\t\tinternalStore = xstateStoreStateStore({\n\t\t\t\t\t\t\t\tatom: createAtom(initialState),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tlastView = currentView;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstore = internalStore;\n\t\t\t\t\t}\n\n\t\t\t\t\t// PlayRendererInner renders inside StateProvider so useStateStore() works\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<StateProvider store={store}>\n\t\t\t\t\t\t\t<PlayRendererInner\n\t\t\t\t\t\t\t\tregistryResult={props.registryResult}\n\t\t\t\t\t\t\t\tspec={currentView.spec}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StateProvider>\n\t\t\t\t\t);\n\t\t\t\t})()}\n\t\t\t</ErrorBoundary>\n\t\t</ActorProvider>\n\t);\n};\n"],"mappings":";;;;;;;;AA2BA,IAAMoB,KAGAI,MAAe;CACpB,IAAMC,IAAWjB,GAAe,EAK1BkB,KAA6BC,MAAY;EAC9C,IAAMC,IAAOH,EAASI,aAAa;AACnCJ,IAASK,OAAOH,EAAQC,EAAK,CAAC;IAGzBG,UACLP,EAAWH,eAAeU,eACnBL,SACAD,EAASI,aAChB,CAAC;AAEF,QAAAI,EACE3B,GAAc;EAAA,IAACyB,WAAQ;AAAA,UAAEA,GAAU;;EAAA,IAAAG,WAAA;AAAA,UAAAD,EAClC1B,GAAkB,EAAA,IAAA2B,WAAA;AAAA,WAAAD,EACjB7B,GAAQ;KAAA,IAACkB,OAAI;AAAA,aAAEE,EAAWF;;KAAI,IAAEa,WAAQ;AAAA,aAAEX,EAAWH,eAAec;;KAAQ,CAAA;MAAA,CAAA;;EAAA,CAAA;GAwBpEC,KAA8CC,MAAU;CAEpE,IAAM,CAACC,GAAMC,KAAWvC,EACvBqC,EAAMG,MAAMC,YAAYC,KAAK,CAC7B,EAGGC,IAAmC,MACnCC,IAAgC,MAG9BC,IAAU9B,EAAYsB,EAAMG,MAAMC,cAAcK,MAAkC;AACvFP,IAAQO,EAAS;GAChB;AAKF,QAJA7C,QAAgB;AACf4C,KAAS;GACR,EAEFZ,EACEf,GAAa;EAAA,IAAC6B,QAAK;AAAA,UAAEV,EAAMG;;EAAkB,IAAAN,WAAA;AAAA,UAAAD,EAC5C/B,GAAa;IACb8C,WAAWC,OACVZ,EAAMa,UAAUD,EAAI,EACbZ,EAAMW,YAAY;IACzB,IAAAd,WAAA;AAAA,mBAEO;MACP,IAAMO,IAAcH,GAAM;AAC1B,UAAI,CAACG,EAAa,QAAOJ,EAAMW,YAAY;MAG3C,IAAIG;AAgBJ,aAfId,EAAMc,QACTA,IAAQd,EAAMc,UAEVR,MAAkB,QAAQC,MAAaH,OAG1CE,IAAgB7B,EAAsB,EACrCwC,MAAMzC,EAFL4B,EAAYnB,KAAK+B,SAAqC,EAAE,CAE5B,EAC7B,CAAC,EACFT,IAAWH,IAEZU,IAAQR,IAITV,EACE5B,GAAa;OAAQ8C;OAAK,IAAAjB,WAAA;AAAA,eAAAD,EACzBb,GAAiB;SAAA,IACjBC,iBAAc;AAAA,iBAAEgB,EAAMhB;;SAAc,IACpCC,OAAI;AAAA,iBAAEmB,EAAYnB;;SAAI,CAAA;;OAAA,CAAA;SAItB;;IAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"PlayRenderer.js","names":["createSignal","onCleanup","ErrorBoundary","Component","Renderer","StateProvider","ActionProvider","VisibilityProvider","useStateStore","StateStore","DefineRegistryResult","SetState","createAtom","xstateStoreStateStore","watchSignal","PlayRendererProps","ViewMetadata","ActorProvider","PlayActor","PlayRendererInner","registryResult","spec","Spec","innerProps","stateCtx","setStateAdapter","updater","prev","getSnapshot","update","handlers","_$createComponent","children","registry","PlayRenderer","props","view","setView","actor","currentView","get","activeRegistryResult","onRenderError","r","Object","defineProperty","value","enumerable","configurable","internalStore","lastView","unwatch","nextView","fallback","err","onError","store","initialState","state","Record","atom"],"sources":["../src/PlayRenderer.tsx"],"sourcesContent":["/**\n * PlayRenderer - Main SolidJS renderer component for XMachines Play architecture\n *\n * @packageDocumentation\n */\n\nimport { createSignal, onCleanup, ErrorBoundary, type Component } from \"solid-js\";\nimport {\n\tRenderer,\n\tStateProvider,\n\tActionProvider,\n\tVisibilityProvider,\n\tuseStateStore,\n} from \"@json-render/solid\";\nimport type { StateStore } from \"@json-render/core\";\nimport type { DefineRegistryResult, SetState } from \"@json-render/solid\";\nimport { createAtom } from \"@xstate/store\";\nimport { xstateStoreStateStore } from \"@json-render/xstate\";\nimport { watchSignal } from \"@xmachines/play-signals\";\nimport type { PlayRendererProps } from \"./types.js\";\nimport type { ViewMetadata } from \"@xmachines/play-actor\";\nimport { ActorProvider, type PlayActor } from \"./useActor.js\";\n\n/**\n * Inner component that renders inside StateProvider so it can call useStateStore()\n * to get the live set/getSnapshot functions needed by registryResult.handlers().\n */\nconst PlayRendererInner: Component<{\n\tregistryResult: DefineRegistryResult;\n\tspec: import(\"@json-render/core\").Spec | null;\n}> = (innerProps) => {\n\tconst stateCtx = useStateStore();\n\n\t// Build a SetState adapter: the handlers factory expects an updater-function pattern\n\t// ((prev) => next), while stateCtx provides path-based set/update. This adapter\n\t// bridges the two so action functions can use setState if needed.\n\tconst setStateAdapter: SetState = (updater) => {\n\t\tconst prev = stateCtx.getSnapshot();\n\t\tstateCtx.update(updater(prev));\n\t};\n\n\tconst handlers = innerProps.registryResult.handlers(\n\t\t() => setStateAdapter,\n\t\t() => stateCtx.getSnapshot(),\n\t);\n\n\treturn (\n\t\t<ActionProvider handlers={handlers}>\n\t\t\t<VisibilityProvider>\n\t\t\t\t<Renderer spec={innerProps.spec} registry={innerProps.registryResult.registry} />\n\t\t\t</VisibilityProvider>\n\t\t</ActionProvider>\n\t);\n};\n\n/**\n * Main renderer component that subscribes to actor signals and renders UI\n *\n * Architecture:\n * - Subscribes to actor.currentView signal via TC39 Signal.subtle.Watcher\n * - Renders view.spec via StateProvider → PlayRendererInner (with ActionProvider + handlers)\n * - Routes actions to actor.send() via registryResult.handlers() — real async functions\n * - SolidJS signal only for triggering renders, NOT business logic\n * - State store: uses external `store` prop if provided (controlled mode); otherwise\n *   creates a fresh @xstate/store atom per view transition seeded from spec.state.\n * - Wraps the render path in a SolidJS `ErrorBoundary` to contain catalog component\n *   render failures. The `fallback` prop is shown on error; `onError` is called for\n *   observability forwarding (Sentry, Datadog, etc.).\n *\n * Invariant: Actor Authority - Actor decides all state transitions via guards.\n * Invariant: Passive Infrastructure - Component observes signals and sends events.\n * Invariant: Signal-Only Reactivity - Business logic state lives in actor signals.\n */\nexport const PlayRenderer: Component<PlayRendererProps> = (props) => {\n\t// Create SolidJS signal for view\n\tconst [view, setView] = createSignal<ViewMetadata | null>(\n\t\tprops.actor.currentView.get() as ViewMetadata | null,\n\t);\n\n\t// Inject onRenderError prop into registry (non-enumerable, overrides defineRegistry-level handler)\n\tconst activeRegistryResult = () => {\n\t\tif (!props.onRenderError) return props.registryResult;\n\t\tconst r = { ...props.registryResult.registry };\n\t\tObject.defineProperty(r, \"onRenderError\", {\n\t\t\tvalue: props.onRenderError,\n\t\t\tenumerable: false,\n\t\t\tconfigurable: true,\n\t\t});\n\t\treturn { ...props.registryResult, registry: r };\n\t};\n\n\t// Internal per-view store — recreated on each view transition when no external store.\n\tlet internalStore: StateStore | null = null;\n\tlet lastView: ViewMetadata | null = null;\n\n\t// Bridge TC39 Signal to SolidJS signal — subscribe synchronously during setup\n\tconst unwatch = watchSignal(props.actor.currentView, (nextView: ViewMetadata | null) => {\n\t\tsetView(nextView);\n\t});\n\tonCleanup(() => {\n\t\tunwatch();\n\t});\n\n\treturn (\n\t\t<ActorProvider value={props.actor as PlayActor}>\n\t\t\t<ErrorBoundary\n\t\t\t\tfallback={(err: unknown) => {\n\t\t\t\t\tprops.onError?.(err);\n\t\t\t\t\treturn props.fallback ?? null;\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{(() => {\n\t\t\t\t\tconst currentView = view();\n\t\t\t\t\tif (!currentView) return props.fallback ?? null;\n\n\t\t\t\t\t// Resolve the store: external (controlled) or internal per-view atom\n\t\t\t\t\tlet store: StateStore;\n\t\t\t\t\tif (props.store) {\n\t\t\t\t\t\tstore = props.store;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (internalStore === null || lastView !== currentView) {\n\t\t\t\t\t\t\tconst initialState =\n\t\t\t\t\t\t\t\t(currentView.spec?.state as Record<string, unknown>) ?? {};\n\t\t\t\t\t\t\tinternalStore = xstateStoreStateStore({\n\t\t\t\t\t\t\t\tatom: createAtom(initialState),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tlastView = currentView;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstore = internalStore;\n\t\t\t\t\t}\n\n\t\t\t\t\t// PlayRendererInner renders inside StateProvider so useStateStore() works\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<StateProvider store={store}>\n\t\t\t\t\t\t\t<PlayRendererInner\n\t\t\t\t\t\t\t\tregistryResult={activeRegistryResult()}\n\t\t\t\t\t\t\t\tspec={currentView.spec}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StateProvider>\n\t\t\t\t\t);\n\t\t\t\t})()}\n\t\t\t</ErrorBoundary>\n\t\t</ActorProvider>\n\t);\n};\n"],"mappings":";;;;;;;;AA2BA,IAAMmB,KAGAI,MAAe;CACpB,IAAMC,IAAWhB,GAAe,EAK1BiB,KAA6BC,MAAY;EAC9C,IAAMC,IAAOH,EAASI,aAAa;AACnCJ,IAASK,OAAOH,EAAQC,EAAK,CAAC;;AAQ/B,QAAAI,EACEzB,GAAc;EAAWwB,UANVP,EAAWH,eAAeU,eACpCL,SACAD,EAASI,aAChB,CAAC;EAGkC,IAAAI,WAAA;AAAA,UAAAD,EAChCxB,GAAkB,EAAA,IAAAyB,WAAA;AAAA,WAAAD,EACjB3B,GAAQ;KAAA,IAACiB,OAAI;AAAA,aAAEE,EAAWF;;KAAI,IAAEY,WAAQ;AAAA,aAAEV,EAAWH,eAAea;;KAAQ,CAAA;MAAA,CAAA;;EAAA,CAAA;GAwBpEC,KAA8CC,MAAU;CAEpE,IAAM,CAACC,GAAMC,KAAWrC,EACvBmC,EAAMG,MAAMC,YAAYC,KAAK,CAC7B,EAGKC,UAA6B;AAClC,MAAI,CAACN,EAAMO,cAAe,QAAOP,EAAMf;EACvC,IAAMuB,IAAI,EAAE,GAAGR,EAAMf,eAAea,UAAU;AAM9C,SALAW,OAAOC,eAAeF,GAAG,iBAAiB;GACzCG,OAAOX,EAAMO;GACbK,YAAY;GACZC,cAAc;GACd,CAAC,EACK;GAAE,GAAGb,EAAMf;GAAgBa,UAAUU;GAAG;IAI5CM,IAAmC,MACnCC,IAAgC,MAG9BC,IAAUrC,EAAYqB,EAAMG,MAAMC,cAAca,MAAkC;AACvFf,IAAQe,EAAS;GAChB;AAKF,QAJAnD,QAAgB;AACfkD,KAAS;GACR,EAEFpB,EACEd,GAAa;EAAA,IAAC6B,QAAK;AAAA,UAAEX,EAAMG;;EAAkB,IAAAN,WAAA;AAAA,UAAAD,EAC5C7B,GAAa;IACbmD,WAAWC,OACVnB,EAAMoB,UAAUD,EAAI,EACbnB,EAAMkB,YAAY;IACzB,IAAArB,WAAA;AAAA,mBAEO;MACP,IAAMO,IAAcH,GAAM;AAC1B,UAAI,CAACG,EAAa,QAAOJ,EAAMkB,YAAY;MAG3C,IAAIG;AAgBJ,aAfIrB,EAAMqB,QACTA,IAAQrB,EAAMqB,UAEVP,MAAkB,QAAQC,MAAaX,OAG1CU,IAAgBpC,EAAsB,EACrC+C,MAAMhD,EAFL2B,EAAYlB,MAAMqC,SAAqC,EAAE,CAE7B,EAC7B,CAAC,EACFR,IAAWX,IAEZiB,IAAQP,IAITlB,EACE1B,GAAa;OAAQmD;OAAK,IAAAxB,WAAA;AAAA,eAAAD,EACzBZ,GAAiB;SAAA,IACjBC,iBAAc;AAAA,iBAAEqB,GAAsB;;SAAA,IACtCpB,OAAI;AAAA,iBAAEkB,EAAYlB;;SAAI,CAAA;;OAAA,CAAA;SAItB;;IAAA,CAAA;;EAAA,CAAA"}

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

@@ -84,102 +84,142 @@ function k(e) {
 function A(e) {
 	return typeof e == "object" && !!e && "$bindItem" in e && typeof e.$bindItem == "string";
 }
-function j(e) {
+function te(e) {
 	return typeof e == "object" && !!e && "$cond" in e && "$then" in e && "$else" in e;
 }
-function te(e) {
+function ne(e) {
 	return typeof e == "object" && !!e && "$computed" in e && typeof e.$computed == "string";
 }
-function ne(e) {
+function re(e) {
 	return typeof e == "object" && !!e && "$template" in e && typeof e.$template == "string";
 }
-var re = 100, M = /* @__PURE__ */ new Set(), ie = 100, N = /* @__PURE__ */ new Set();
-function P(e, t) {
+var ie = 100, j = /* @__PURE__ */ new Set();
+function M(e, t) {
 	if (t.repeatBasePath == null) {
 		console.warn(`$bindItem used outside repeat scope: "${e}"`);
 		return;
 	}
 	return e === "" ? t.repeatBasePath : t.repeatBasePath + "/" + e;
 }
-function F(e, t) {
+function N(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 = P(e.$bindItem, t);
+		let n = M(e.$bindItem, t);
 		return n === void 0 ? void 0 : p(t.stateModel, n);
 	}
-	if (j(e)) return F(E(e.$cond, t) ? e.$then : e.$else, t);
-	if (te(e)) {
+	if (te(e)) return N(E(e.$cond, t) ? e.$then : e.$else, t);
+	if (ne(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}"`));
+			j.has(e.$computed) || (j.size < ie && j.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] = F(i, t);
+		if (e.args) for (let [n, i] of Object.entries(e.args)) r[n] = N(i, t);
 		return n(r);
 	}
-	if (ne(e)) return e.$template.replace(/\$\{([^}]+)\}/g, (e, n) => {
-		let r = n;
-		r.startsWith("/") || (N.has(r) || (N.size < ie && N.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 (re(e)) return e.$template.replace(/\$\{([^}]+)\}/g, (e, n) => {
+		if (n.startsWith("/")) {
+			let e = p(t.stateModel, n);
+			return e == null ? "" : String(e);
+		}
+		if (t.repeatItem !== void 0) {
+			let e = p(t.repeatItem, n);
+			if (e != null) return String(e);
+		}
+		let r = p(t.stateModel, "/" + n);
+		return r == null ? "" : String(r);
 	});
-	if (Array.isArray(e)) return e.map((e) => F(e, t));
+	if (Array.isArray(e)) return e.map((e) => N(e, t));
 	if (typeof e == "object") {
 		let n = {};
-		for (let [r, i] of Object.entries(e)) n[r] = F(i, t);
+		for (let [r, i] of Object.entries(e)) n[r] = N(i, t);
 		return n;
 	}
 	return e;
 }
 function ae(e, t) {
 	let n = {};
-	for (let [r, i] of Object.entries(e)) n[r] = F(i, t);
+	for (let [r, i] of Object.entries(e)) n[r] = N(i, t);
 	return n;
 }
 function oe(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 = P(i.$bindItem, t);
+		let e = M(i.$bindItem, t);
 		e !== void 0 && (n ||= {}, n[r] = e);
 	}
 	return n;
 }
 function se(e, t) {
-	return D(e) ? P(e.$item, t) : O(e) ? t.repeatIndex : F(e, t);
+	return D(e) ? M(e.$item, t) : O(e) ? t.repeatIndex : N(e, t);
+}
+var P = /* @__PURE__ */ new Set();
+function ce(e) {
+	for (let t of P) {
+		let n = t.onDispatch;
+		if (n) try {
+			n(e);
+		} catch (e) {
+			process.env.NODE_ENV !== "production" && console.error("[json-render] action observer threw in onDispatch:", e);
+		}
+	}
 }
-var ce = s({
+function le(e) {
+	for (let t of P) {
+		let n = t.onSettle;
+		if (n) try {
+			n(e);
+		} catch (e) {
+			process.env.NODE_ENV !== "production" && console.error("[json-render] action observer threw in onSettle:", e);
+		}
+	}
+}
+var F = 0;
+function ue() {
+	return F += 1, `${Date.now()}-${F}`;
+}
+var de = 0, I = /* @__PURE__ */ new Set();
+function L() {
+	return de > 0;
+}
+function R(e) {
+	return I.add(e), () => {
+		I.delete(e);
+	};
+}
+var z = s({
 	title: l(),
 	message: l(),
 	confirmLabel: l().optional(),
 	cancelLabel: l().optional(),
 	variant: e(["default", "danger"]).optional()
-}), le = u([
+}), B = u([
 	s({ navigate: l() }),
 	s({ set: c(l(), d()) }),
 	s({ action: l() })
-]), I = u([s({ set: c(l(), d()) }), s({ action: l() })]);
+]), V = u([s({ set: c(l(), d()) }), s({ action: l() })]);
 s({
 	action: l(),
 	params: c(l(), f).optional(),
-	confirm: ce.optional(),
-	onSuccess: le.optional(),
-	onError: I.optional(),
+	confirm: z.optional(),
+	onSuccess: B.optional(),
+	onError: V.optional(),
 	preventDefault: r().optional()
 });
-function L(e, t) {
+function H(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: R(r.message, t),
-		title: R(r.title, t)
+		message: U(r.message, t),
+		title: U(r.title, t)
 	}, {
 		action: e.action,
 		params: n,
@@ -188,13 +228,13 @@ function L(e, t) {
 		onError: e.onError
 	};
 }
-function R(e, t) {
+function U(e, t) {
 	return e.replace(/\$\{([^}]+)\}/g, (e, n) => {
 		let r = m({ $state: n }, t);
 		return String(r ?? "");
 	});
 }
-async function z(e) {
+async function fe(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);
@@ -219,11 +259,11 @@ s({
 	]).optional(),
 	enabled: v.optional()
 });
-var B = ["patch"];
-function V(e) {
-	return e?.modes?.length ? e.modes : B;
+var pe = ["patch"];
+function me(e) {
+	return e?.modes?.length ? e.modes : pe;
 }
-function H() {
+function he() {
 	return [
 		"PATCH MODE (RFC 6902 JSON Patch):",
 		"Output one JSON object per line. Each line is a patch operation.",
@@ -233,7 +273,7 @@ function H() {
 		"Only output patches for what needs to change."
 	].join("\n");
 }
-function U() {
+function ge() {
 	return [
 		"MERGE MODE (RFC 7396 JSON Merge Patch):",
 		"Output a single JSON object on one line with __json_edit set to true.",
@@ -247,7 +287,7 @@ function U() {
 		"{\"__json_edit\":true,\"elements\":{\"old-widget\":null}}"
 	].join("\n");
 }
-function ue() {
+function _e() {
 	return [
 		"DIFF MODE (unified diff):",
 		"Output a unified diff inside a ```diff code fence.",
@@ -263,7 +303,7 @@ function ue() {
 		"```"
 	].join("\n");
 }
-function de() {
+function ve() {
 	return [
 		"PATCH MODE (RFC 6902 JSON Patch):",
 		"Output RFC 6902 JSON Patch lines inside a ```yaml-patch code fence.",
@@ -276,7 +316,7 @@ function de() {
 		"```"
 	].join("\n");
 }
-function fe() {
+function ye() {
 	return [
 		"MERGE MODE (RFC 7396 JSON Merge Patch):",
 		"Output only the changed parts in a ```yaml-edit code fence.",
@@ -302,7 +342,7 @@ function fe() {
 		"```"
 	].join("\n");
 }
-function pe() {
+function be() {
 	return [
 		"DIFF MODE (unified diff):",
 		"Output a unified diff inside a ```diff code fence.",
@@ -318,44 +358,44 @@ function pe() {
 		"```"
 	].join("\n");
 }
-function me(e) {
+function xe(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 he(e, t) {
-	let n = V(e), r = [];
+function Se(e, t) {
+	let n = me(e), r = [];
 	r.push("EDITING EXISTING SPECS:"), r.push("");
-	let i = me(n);
+	let i = xe(n);
 	i && (r.push(i), r.push(""));
 	for (let e of n) {
 		if (t === "json") switch (e) {
 			case "patch":
-				r.push(H());
+				r.push(he());
 				break;
 			case "merge":
-				r.push(U());
+				r.push(ge());
 				break;
 			case "diff":
-				r.push(ue());
+				r.push(_e());
 				break;
 		}
 		else switch (e) {
 			case "patch":
-				r.push(de());
+				r.push(ve());
 				break;
 			case "merge":
-				r.push(fe());
+				r.push(ye());
 				break;
 			case "diff":
-				r.push(pe());
+				r.push(be());
 				break;
 		}
 		r.push("");
 	}
 	return r.join("\n");
 }
-function ge() {
+function Ce() {
 	return {
 		string: () => ({ kind: "string" }),
 		number: () => ({ kind: "number" }),
@@ -389,26 +429,26 @@ function ge() {
 		optional: () => ({ optional: !0 })
 	};
 }
-function _e(e, t) {
+function we(e, t) {
 	return {
-		definition: e(ge()),
+		definition: e(Ce()),
 		promptTemplate: t?.promptTemplate,
 		defaultRules: t?.defaultRules,
 		builtInActions: t?.builtInActions,
 		createCatalog(e) {
-			return ve(this, e);
+			return Te(this, e);
 		}
 	};
 }
-function ve(e, t) {
-	let n = t.components, r = t.actions, i = n ? Object.keys(n) : [], a = r ? Object.keys(r) : [], o = ye(e.definition, t);
+function Te(e, t) {
+	let n = t.components, r = t.actions, i = n ? Object.keys(n) : [], a = r ? Object.keys(r) : [], o = Ee(e.definition, t);
 	return {
 		schema: e,
 		data: t,
 		componentNames: i,
 		actionNames: a,
 		prompt(e = {}) {
-			return Se(this, e);
+			return G(this, e);
 		},
 		jsonSchema(e = {}) {
 			return $(o, e.strict ?? !1);
@@ -431,7 +471,7 @@ function ve(e, t) {
 		}
 	};
 }
-function ye(e, t) {
+function Ee(e, t) {
 	return W(e.spec, t);
 }
 function W(i, u) {
@@ -454,29 +494,29 @@ function W(i, u) {
 			return c(l(), e);
 		}
 		case "ref": {
-			let t = i.inner, n = be(t, u);
+			let t = i.inner, n = De(t, u);
 			return n.length === 0 ? l() : n.length === 1 ? a(n[0]) : e(n);
 		}
 		case "propsOf": {
-			let e = i.inner, t = xe(e, u);
+			let e = i.inner, t = Oe(e, u);
 			return t.length === 0 ? c(l(), d()) : t.length === 1 ? t[0] : c(l(), d());
 		}
 		default: return d();
 	}
 }
-function be(e, t) {
+function De(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 xe(e, t) {
+function Oe(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 Se(e, t) {
+function G(e, t) {
 	if (e.schema.promptTemplate) {
 		let n = {
 			catalog: e.data,
@@ -489,7 +529,7 @@ function Se(e, t) {
 	}
 	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 ? G(d) : {}, m = f ? G(f) : {}, h = f?.props ? J(f.props) : null, g = h ? {
+	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 ? ke(f.props) : null, g = h ? {
 		...m,
 		[h]: { $item: "title" }
 	} : m, _ = [
@@ -606,7 +646,7 @@ Note: state patches appear right after the elements that use them, so the UI fil
 			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("");
+	})}`), 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 references in the string. Absolute paths like `${/path}` resolve against the state model. Bare names like `${field}` resolve against the current repeat item first, then fall back to the state model at `/<field>`."), 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. Inside a repeat, `{ \"$template\": \"${name} - ${email}\" }` reads name and email from each item."), 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:");
@@ -630,7 +670,7 @@ Note: state patches appear right after the elements that use them, so the UI fil
 		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(he({ modes: w }, "json")), o.push("RULES:");
+	w && w.length > 0 && o.push(Se({ 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",
@@ -657,10 +697,10 @@ Note: state patches appear right after the elements that use them, so the UI fil
 		o.push(`${t + 1}. ${e}`);
 	}), o.join("\n");
 }
-function G(e) {
-	return e.example && Object.keys(e.example).length > 0 ? e.example : e.props ? K(e.props) : {};
-}
 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 {};
@@ -669,11 +709,11 @@ function K(e) {
 	let i = {};
 	for (let [e, t] of Object.entries(r)) {
 		let n = Y(t);
-		n === "ZodOptional" || n === "optional" || n === "ZodNullable" || n === "nullable" || (i[e] = q(t));
+		n === "ZodOptional" || n === "optional" || n === "ZodNullable" || n === "nullable" || (i[e] = J(t));
 	}
 	return i;
 }
-function q(e) {
+function J(e) {
 	if (!e || !e._def) return "...";
 	let t = e._def;
 	switch (Y(e)) {
@@ -700,21 +740,21 @@ function q(e) {
 		case "ZodDefault":
 		case "default": {
 			let e = t.innerType ?? t.wrapped;
-			return e ? q(e) : null;
+			return e ? J(e) : null;
 		}
 		case "ZodArray":
 		case "array": return [];
 		case "ZodObject":
-		case "object": return K(e);
+		case "object": return q(e);
 		case "ZodUnion":
 		case "union": {
 			let e = t.options;
-			return e && e.length > 0 ? q(e[0]) : "...";
+			return e && e.length > 0 ? J(e[0]) : "...";
 		}
 		default: return "...";
 	}
 }
-function J(e) {
+function ke(e) {
 	if (!e || !e._def) return null;
 	let t = e._def, n = Y(e);
 	if (n !== "ZodObject" && n !== "object") return null;
@@ -742,7 +782,10 @@ function X(e) {
 		case "ZodBoolean":
 		case "boolean": return "boolean";
 		case "ZodLiteral":
-		case "literal": return JSON.stringify(t.value);
+		case "literal": {
+			let e = t.values?.[0] ?? t.value;
+			return JSON.stringify(e);
+		}
 		case "ZodEnum":
 		case "enum": {
 			let e;
@@ -776,6 +819,16 @@ function X(e) {
 			let e = t.options;
 			return e ? e.map((e) => X(e)).join(" | ") : "unknown";
 		}
+		case "ZodRecord":
+		case "record": {
+			let e = t.keyType ?? void 0, n = t.valueType ?? t.element ?? void 0;
+			return `Record<${e ? X(e) : "string"}, ${n ? X(n) : "unknown"}>`;
+		}
+		case "ZodDefault":
+		case "default": {
+			let e = t.innerType ?? t.wrapped;
+			return e ? X(e) : "unknown";
+		}
 		default: return "unknown";
 	}
 }
@@ -858,6 +911,6 @@ function $(e, t = !1) {
 	}
 }
 //#endregion
-export { _e as defineSchema, E as evaluateVisibility, z as executeAction, L as resolveAction, se as resolveActionParam, oe as resolveBindings, ae as resolveElementProps };
+export { we as defineSchema, E as evaluateVisibility, fe as executeAction, L as isDevtoolsActive, ue as nextActionDispatchId, ce as notifyActionDispatch, le as notifyActionSettle, H as resolveAction, se as resolveActionParam, oe as resolveBindings, ae as resolveElementProps, R as subscribeDevtoolsActive };
 
 //# sourceMappingURL=index.js.map