@superxd-studio/adptr 0.5.0 → 0.6.0

package/generative/index.js

@@ -1,11 +1,11 @@
 "use client";
-import { C as e, D as t, E as n, O as r, T as i, b as a, d as o, h as s, l as c, n as l, o as u, p as d, t as f, u as p, y as m } from "../chunks/callout-DKMHSnjc.js";
-import { a as h, i as g, n as _, o as v, p as y, s as b, t as ee } from "../chunks/canvas-BJ15-XxE.js";
-import { t as x } from "../chunks/text-field-BLtoaZFn.js";
-import { createContext as S, useCallback as C, useContext as w, useEffect as T, useId as te, useLayoutEffect as E, useMemo as ne, useRef as D, useState as O, useSyncExternalStore as re } from "react";
-import { Checkbox as ie, DateField as ae, DateInput as k, DateSegment as A, FieldError as j, I18nProvider as M, Label as N, ListBox as oe, ListBoxItem as P, Popover as F, ProgressBar as se, Radio as ce, RadioGroup as le, Select as ue, SelectValue as de } from "react-aria-components";
+import { C as e, D as t, M as n, N as r, f as i, g as a, j as o, k as s, l as c, m as l, n as u, o as d, p as f, t as p, v as m, w as h } from "../chunks/callout-B89MDU9m.js";
+import { a as g, i as _, n as v, o as y, p as b, s as x, t as ee } from "../chunks/canvas-Dd78FPe0.js";
+import { t as S } from "../chunks/text-field-mMHllx03.js";
+import { createContext as C, useCallback as te, useContext as w, useEffect as T, useId as ne, useLayoutEffect as E, useMemo as re, useRef as D, useState as O, useSyncExternalStore as ie } from "react";
+import { Checkbox as ae, DateField as oe, DateInput as k, DateSegment as A, FieldError as j, I18nProvider as M, Label as N, ListBox as se, ListBoxItem as P, Popover as F, ProgressBar as ce, Radio as le, RadioGroup as ue, Select as de, SelectValue as fe } from "react-aria-components";
 import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
-import { defaultGenerativeUILibrary as fe, renderGenerativeUI as pe } from "@assistant-ui/react-generative-ui";
+import { defaultGenerativeUILibrary as pe, renderGenerativeUI as me } from "@assistant-ui/react-generative-ui";
 import { z } from "zod";
 import { parseDate as B } from "@internationalized/date";
 //#region src/reusable/generative/copy.ts
@@ -53,13 +53,13 @@ var V = {
 	quoteUnavailable: "We couldn’t confirm the amount. Try again before continuing.",
 	actionInvalid: "We couldn’t prepare this action.",
 	actionInvalidNote: "Your details are still here. Check the entries, shorten long text and try again."
-}, H = z.string().max(8e3), U = z.string().min(1).max(160), W = H.optional(), me = z.array(z.strictObject({
+}, H = z.string().max(8e3), U = z.string().min(1).max(160), W = H.optional(), he = z.array(z.strictObject({
 	label: U,
 	value: U
-})).min(1).max(50).refine((e) => new Set(e.map((e) => e.value)).size === e.length), G = z.string().regex(/^[a-zA-Z][a-zA-Z0-9_]{0,63}$/), K = z.record(z.string(), z.json()).and(z.object({ type: G })), he = z.strictObject({
+})).min(1).max(50).refine((e) => new Set(e.map((e) => e.value)).size === e.length), G = z.string().regex(/^[a-zA-Z][a-zA-Z0-9_]{0,63}$/), K = z.record(z.string(), z.json()).and(z.object({ type: G })), ge = z.strictObject({
 	label: U,
 	$action: K.optional()
-}), ge = {
+}), _e = {
 	gap: z.number().int().min(0).max(8).optional(),
 	align: z.enum([
 		"start",
@@ -71,10 +71,10 @@ var V = {
 	label: U,
 	defaultValue: W,
 	required: z.boolean().optional()
-}, _e = z.strictObject({
+}, ve = z.strictObject({
 	label: U,
 	value: z.number().finite().min(-0xe8d4a51000).max(0xe8d4a51000)
-}), ve = z.strictObject({
+}), ye = z.strictObject({
 	label: U,
 	variant: z.enum([
 		"bar",
@@ -82,10 +82,10 @@ var V = {
 		"area",
 		"sparkline"
 	]),
-	data: z.array(_e).max(100).optional(),
+	data: z.array(ve).max(100).optional(),
 	series: z.array(z.strictObject({
 		label: U,
-		data: z.array(_e).max(100)
+		data: z.array(ve).max(100)
 	})).max(5).optional(),
 	stacked: z.boolean().optional(),
 	showAxis: z.boolean().optional(),
@@ -99,7 +99,7 @@ var V = {
 			message: "Series labels must align"
 		});
 	}
-}), ye = z.strictObject({
+}), be = z.strictObject({
 	label: U,
 	columns: z.array(z.strictObject({
 		label: U,
@@ -115,12 +115,12 @@ var V = {
 	Card: z.strictObject({
 		title: W,
 		asForm: z.boolean().optional(),
-		confirm: he.optional(),
-		cancel: he.optional()
+		confirm: ge.optional(),
+		cancel: ge.optional()
 	}),
 	Form: z.strictObject({}),
 	Row: z.strictObject({
-		...ge,
+		..._e,
 		justify: z.enum([
 			"start",
 			"center",
@@ -128,7 +128,7 @@ var V = {
 			"between"
 		]).optional()
 	}),
-	Col: z.strictObject(ge),
+	Col: z.strictObject(_e),
 	Text: z.strictObject({
 		value: H,
 		size: z.enum([
@@ -241,7 +241,7 @@ var V = {
 	}),
 	Select: z.strictObject({
 		...q,
-		options: me,
+		options: he,
 		placeholder: W
 	}).refine((e) => !e.defaultValue || e.options.some((t) => t.value === e.defaultValue)),
 	DatePicker: z.strictObject(q).refine((e) => {
@@ -253,7 +253,7 @@ var V = {
 	}),
 	RadioGroup: z.strictObject({
 		...q,
-		options: me
+		options: he
 	}).refine((e) => !e.defaultValue || e.options.some((t) => t.value === e.defaultValue)),
 	Checkbox: z.strictObject({
 		name: G,
@@ -277,10 +277,10 @@ var V = {
 		value: z.number().min(0).max(100),
 		max: z.number().positive().max(100)
 	}).refine((e) => e.value <= e.max),
-	Chart: ve,
-	Table: ye
+	Chart: ye,
+	Table: be
 };
-function be(e, t = 12e4) {
+function xe(e, t = 12e4) {
 	let n = 0, r = 0, i = /* @__PURE__ */ new Set();
 	function a(e, o) {
 		if (o > 24 || ++n > 6e3) throw Error("Response too large");
@@ -308,7 +308,7 @@ function be(e, t = 12e4) {
 	a(e, 0);
 }
 function Y(e) {
-	be(e);
+	xe(e);
 	let t = 0, n = /* @__PURE__ */ new Set(), r = 0;
 	function i(e, a, o, s, c = !1) {
 		if (a > 16 || ++t > 300 || !e || typeof e != "object" || Array.isArray(e) || n.has(e)) throw Error("Invalid response tree");
@@ -392,7 +392,7 @@ function Y(e) {
 }
 //#endregion
 //#region src/reusable/generative/data.tsx
-function xe({ label: e, columns: t, rows: n, sortable: r = !1 }) {
+function X({ label: e, columns: t, rows: n, sortable: r = !1 }) {
 	let [i, a] = O(), o = i ? [...n].sort((e, t) => {
 		let n = e[i.index], r = t[i.index];
 		return i.direction * (typeof n == "number" && typeof r == "number" ? n - r : String(n).localeCompare(String(r), "en", { numeric: !0 }));
@@ -416,7 +416,7 @@ function xe({ label: e, columns: t, rows: n, sortable: r = !1 }) {
 						"aria-sort": i?.index === t ? i.direction === 1 ? "ascending" : "descending" : void 0,
 						className: "px-4 py-2 text-left type-label",
 						style: { textAlign: e.align === "end" ? "right" : "left" },
-						children: r ? /* @__PURE__ */ R(l, {
+						children: r ? /* @__PURE__ */ R(u, {
 							size: "sm",
 							variant: "ghost",
 							className: "-mx-2",
@@ -455,11 +455,11 @@ function Se(e) {
 			r.every((e) => e.data.length === 0) ? /* @__PURE__ */ L("p", {
 				className: "type-body text-fg-subtle",
 				children: V.empty
-			}) : fe.Chart?.render({
+			}) : pe.Chart?.render({
 				...e,
 				$status: "done"
 			}),
-			/* @__PURE__ */ L(l, {
+			/* @__PURE__ */ L(u, {
 				size: "sm",
 				variant: "ghost",
 				className: "self-start",
@@ -467,7 +467,7 @@ function Se(e) {
 				onPress: () => n((e) => !e),
 				children: V.data
 			}),
-			t ? /* @__PURE__ */ L(xe, {
+			t ? /* @__PURE__ */ L(X, {
 				label: e.label,
 				columns: [{ label: V.point }, ...r.map((e) => ({
 					label: e.label,
@@ -480,14 +480,14 @@ function Se(e) {
 }
 //#endregion
 //#region src/reusable/generative/vocabulary.tsx
-var X = S({
+var Z = C({
 	blocked: !1,
 	available: void 0,
 	captureInput: void 0,
 	initialValues: void 0
-}), Z = S(void 0);
-function Q(e, t, n, r, i) {
-	let a = w(Z), { initialValues: o } = w(X), [s, c] = O(o?.[e] ?? t);
+}), Q = C(void 0);
+function $(e, t, n, r, i) {
+	let a = w(Q), { initialValues: o } = w(Z), [s, c] = O(o?.[e] ?? t);
 	return T(() => (a?.fields.set(e, {
 		value: s,
 		required: n,
@@ -531,15 +531,15 @@ function Ce(e) {
 	};
 }
 function we({ children: e, action: t, dispatch: n, title: r, confirm: i, cancel: a, resolveFact: o }) {
-	let [s] = O(() => /* @__PURE__ */ new Map()), [c] = O(() => /* @__PURE__ */ new Set()), [, u] = O(0), [d, f] = O(!1), [p, m] = O({}), { blocked: h, available: g, captureInput: _ } = w(X), v = i?.$action ?? t, y = !(!n || !v || g && !g.has(v.type));
-	return /* @__PURE__ */ L(Z.Provider, {
+	let [s] = O(() => /* @__PURE__ */ new Map()), [c] = O(() => /* @__PURE__ */ new Set()), [, l] = O(0), [d, f] = O(!1), [p, m] = O({}), { blocked: h, available: g, captureInput: _ } = w(Z), v = i?.$action ?? t, y = !(!n || !v || g && !g.has(v.type));
+	return /* @__PURE__ */ L(Q.Provider, {
 		value: {
 			fields: s,
 			bindings: c,
 			canSubmit: y,
 			errors: p,
 			setError: (e) => {
-				u((e) => e + 1), f(!1), m((t) => t[e] ? Object.fromEntries(Object.entries(t).filter(([t]) => t !== e)) : t);
+				l((e) => e + 1), f(!1), m((t) => t[e] ? Object.fromEntries(Object.entries(t).filter(([t]) => t !== e)) : t);
 			}
 		},
 		children: /* @__PURE__ */ R("form", {
@@ -589,13 +589,13 @@ function we({ children: e, action: t, dispatch: n, title: r, confirm: i, cancel:
 				}) : null,
 				i || a ? /* @__PURE__ */ R("footer", {
 					className: "flex flex-wrap items-center gap-3 border-t border-line-subtle pt-5",
-					children: [i ? /* @__PURE__ */ L(l, {
+					children: [i ? /* @__PURE__ */ L(u, {
 						className: "h-auto min-h-control-md max-w-full py-control-y wrap-anywhere whitespace-normal",
 						type: "submit",
 						variant: "primary",
 						isDisabled: h || !y,
 						children: i.label
-					}) : null, a ? /* @__PURE__ */ L(l, {
+					}) : null, a ? /* @__PURE__ */ L(u, {
 						variant: "ghost",
 						className: "h-auto min-h-control-md max-w-full py-control-y wrap-anywhere whitespace-normal",
 						isDisabled: h || !n || !a.$action || !(!g || g.has(a.$action.type)),
@@ -613,8 +613,8 @@ function we({ children: e, action: t, dispatch: n, title: r, confirm: i, cancel:
 	});
 }
 function Te(e) {
-	let t = Q(e.name, e.defaultValue ?? "", e.required, e.inputType), { blocked: n } = w(X);
-	return /* @__PURE__ */ L(x, {
+	let t = $(e.name, e.defaultValue ?? "", e.required, e.inputType), { blocked: n } = w(Z);
+	return /* @__PURE__ */ L(S, {
 		className: "min-w-0 flex-1",
 		label: e.label,
 		name: e.name,
@@ -629,8 +629,8 @@ function Te(e) {
 	});
 }
 function Ee(e) {
-	let t = Q(e.name, e.defaultValue ?? "", e.required), { blocked: n } = w(X);
-	return /* @__PURE__ */ R(ue, {
+	let t = $(e.name, e.defaultValue ?? "", e.required), { blocked: n } = w(Z);
+	return /* @__PURE__ */ R(de, {
 		placeholder: e.placeholder,
 		name: e.name,
 		value: String(t.value) || null,
@@ -645,14 +645,14 @@ function Ee(e) {
 				className: "type-label text-fg-emphasis",
 				children: e.label
 			}),
-			/* @__PURE__ */ R(l, {
+			/* @__PURE__ */ R(u, {
 				className: "group/trigger justify-between",
 				isDisabled: n,
-				children: [/* @__PURE__ */ L(de, { className: "min-w-0 truncate" }), /* @__PURE__ */ L(o, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })]
+				children: [/* @__PURE__ */ L(fe, { className: "min-w-0 truncate" }), /* @__PURE__ */ L(l, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })]
 			}),
 			/* @__PURE__ */ L(F, {
 				className: "min-w-(--trigger-width) origin-(--trigger-anchor-point) rounded-control border border-line-subtle bg-surface p-1 shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out",
-				children: /* @__PURE__ */ L(oe, {
+				children: /* @__PURE__ */ L(se, {
 					className: "outline-none",
 					items: e.options,
 					children: (e) => /* @__PURE__ */ L(P, {
@@ -671,10 +671,10 @@ function Ee(e) {
 	});
 }
 function De(e) {
-	let t = Q(e.name, e.defaultValue ?? "", e.required, void 0, !0), { blocked: n } = w(X);
+	let t = $(e.name, e.defaultValue ?? "", e.required, void 0, !0), { blocked: n } = w(Z);
 	return /* @__PURE__ */ L(M, {
 		locale: "en-AU",
-		children: /* @__PURE__ */ R(ae, {
+		children: /* @__PURE__ */ R(oe, {
 			name: e.name,
 			value: t.value ? B(String(t.value)) : null,
 			onChange: (e) => t.onChange(e?.toString() ?? ""),
@@ -704,8 +704,8 @@ function De(e) {
 	});
 }
 function Oe(e) {
-	let t = Q(e.name, e.defaultValue ?? "", e.required), { blocked: n } = w(X);
-	return /* @__PURE__ */ R(le, {
+	let t = $(e.name, e.defaultValue ?? "", e.required), { blocked: n } = w(Z);
+	return /* @__PURE__ */ R(ue, {
 		name: e.name,
 		value: String(t.value),
 		onChange: t.onChange,
@@ -721,7 +721,7 @@ function Oe(e) {
 			}),
 			/* @__PURE__ */ L("div", {
 				className: "flex flex-wrap gap-3",
-				children: e.options.map((e) => /* @__PURE__ */ R(ce, {
+				children: e.options.map((e) => /* @__PURE__ */ R(le, {
 					value: e.value,
 					className: "group flex cursor-pointer items-center gap-2 rounded-control border border-line px-control-md-x py-control-y type-body text-fg data-disabled:opacity-50 data-focus-visible:focus-ring data-selected:border-brand data-selected:bg-surface-muted",
 					children: [/* @__PURE__ */ L("span", {
@@ -738,8 +738,8 @@ function Oe(e) {
 	});
 }
 function ke(e) {
-	let t = Q(e.name, e.defaultChecked ?? !1), { blocked: n } = w(X);
-	return /* @__PURE__ */ R(ie, {
+	let t = $(e.name, e.defaultChecked ?? !1), { blocked: n } = w(Z);
+	return /* @__PURE__ */ R(ae, {
 		name: e.name,
 		isSelected: !!t.value,
 		onChange: t.onChange,
@@ -747,7 +747,7 @@ function ke(e) {
 		className: "group flex cursor-pointer items-center gap-2 rounded-cell type-body text-fg data-disabled:opacity-50 data-focus-visible:focus-ring",
 		children: [/* @__PURE__ */ L("span", {
 			className: "grid size-4 shrink-0 place-items-center rounded-cell border border-line-input group-data-selected:border-brand group-data-selected:bg-brand",
-			children: /* @__PURE__ */ L(p, { className: "invisible size-3 text-on-brand group-data-selected:visible" })
+			children: /* @__PURE__ */ L(f, { className: "invisible size-3 text-on-brand group-data-selected:visible" })
 		}), e.label]
 	});
 }
@@ -769,16 +769,16 @@ var Ae = {
 	"gap-7",
 	"gap-8"
 ], Me = {
-	sun: /* @__PURE__ */ L(i, {}),
-	moon: /* @__PURE__ */ L(a, {}),
-	clock: /* @__PURE__ */ L(s, {}),
-	calendar: /* @__PURE__ */ L(c, {}),
-	"map-pin": /* @__PURE__ */ L(m, {}),
-	check: /* @__PURE__ */ L(p, {}),
-	x: /* @__PURE__ */ L(t, {}),
-	user: /* @__PURE__ */ L(n, {}),
-	search: /* @__PURE__ */ L(e, {}),
-	"chevron-right": /* @__PURE__ */ L(d, {})
+	sun: /* @__PURE__ */ L(s, {}),
+	moon: /* @__PURE__ */ L(h, {}),
+	clock: /* @__PURE__ */ L(m, {}),
+	calendar: /* @__PURE__ */ L(i, {}),
+	"map-pin": /* @__PURE__ */ L(e, {}),
+	check: /* @__PURE__ */ L(f, {}),
+	x: /* @__PURE__ */ L(n, {}),
+	user: /* @__PURE__ */ L(o, {}),
+	search: /* @__PURE__ */ L(t, {}),
+	"chevron-right": /* @__PURE__ */ L(a, {})
 };
 function Ne({ name: e, size: t }) {
 	let n = {
@@ -830,7 +830,7 @@ function Ne({ name: e, size: t }) {
 	});
 }
 function Pe({ label: e, value: t, binding: n, resolveFact: r }) {
-	let i = w(Z);
+	let i = w(Q);
 	T(() => (n && i?.bindings.add(n), () => {
 		n && i?.bindings.delete(n);
 	}), [n, i?.bindings]);
@@ -938,7 +938,7 @@ function Ie(e = {}) {
 			className: "type-caption font-normal wrap-anywhere text-fg-subtle",
 			children: e
 		})),
-		Markdown: t(J.Markdown, "Safe formatted text.", ({ value: e }) => /* @__PURE__ */ L(y, { text: e })),
+		Markdown: t(J.Markdown, "Safe formatted text.", ({ value: e }) => /* @__PURE__ */ L(b, { text: e })),
 		Fact: t(J.Fact, "A labelled value.", (t) => /* @__PURE__ */ L(Pe, {
 			...t,
 			resolveFact: e.resolveFact
@@ -964,7 +964,7 @@ function Ie(e = {}) {
 			className: "grid size-avatar-lg shrink-0 place-items-center rounded-full bg-surface-emphasis type-label text-fg-emphasis",
 			children: e.split(/\s+/).slice(0, 2).map((e) => e[0]).join("")
 		})),
-		Alert: t(J.Alert, "A contextual message.", ({ title: e, description: t, tone: n }) => /* @__PURE__ */ L(f, {
+		Alert: t(J.Alert, "A contextual message.", ({ title: e, description: t, tone: n }) => /* @__PURE__ */ L(p, {
 			title: e,
 			tone: n === "warning" ? "attention" : n === "danger" ? "error" : n,
 			children: t
@@ -988,7 +988,7 @@ function Ie(e = {}) {
 			dispatch: t,
 			children: n
 		})),
-		Progress: t(J.Progress, "A labelled measure of progress.", ({ label: e, value: t, max: n }) => /* @__PURE__ */ L(se, {
+		Progress: t(J.Progress, "A labelled measure of progress.", ({ label: e, value: t, max: n }) => /* @__PURE__ */ L(ce, {
 			"aria-label": e,
 			value: t,
 			maxValue: n,
@@ -999,16 +999,16 @@ function Ie(e = {}) {
 			})
 		})),
 		Chart: t(J.Chart, "A bounded chart with a data-table alternative.", (e) => /* @__PURE__ */ L(Se, { ...e })),
-		Table: t(J.Table, "A bounded data table, optionally sortable.", (e) => /* @__PURE__ */ L(xe, { ...e }))
+		Table: t(J.Table, "A bounded data table, optionally sortable.", (e) => /* @__PURE__ */ L(X, { ...e }))
 	};
 }
 function Le({ label: e, buttonStyle: t, block: n, submit: i, children: a, action: o, dispatch: s }) {
-	let { blocked: c, available: u, captureInput: d } = w(X), f = w(Z);
-	return /* @__PURE__ */ R(l, {
+	let { blocked: c, available: l, captureInput: d } = w(Z), f = w(Q);
+	return /* @__PURE__ */ R(u, {
 		type: i ? "submit" : "button",
 		variant: t === "danger" ? "destructive" : t === "primary" ? "primary" : t === "ghost" ? "ghost" : "secondary",
-		className: r("h-auto min-h-control-md max-w-full py-control-y wrap-anywhere whitespace-normal", n && "w-full"),
-		isDisabled: c || !s || (i ? !f?.canSubmit : !o || !(!u || u.has(o.type))),
+		className: r("h-auto min-h-control-md max-w-full self-end py-control-y wrap-anywhere whitespace-normal", n && "w-full sm:w-auto"),
+		isDisabled: c || !s || (i ? !f?.canSubmit : !o || !(!l || l.has(o.type))),
 		onPress: i ? void 0 : () => {
 			o && (f && d?.({
 				...o,
@@ -1080,7 +1080,7 @@ function Be(e, t = () => crypto.randomUUID()) {
 		request: (e) => {
 			if (a || r.stage !== "ready") return !1;
 			try {
-				be(e, 8e3);
+				xe(e, 8e3);
 			} catch {
 				return !1;
 			}
@@ -1134,7 +1134,7 @@ function Ve({ controller: e, spec: t, status: n, actions: r, copy: i, children:
 					result: /* @__PURE__ */ L("div", {
 						"data-generative-result": !0,
 						className: "rounded-surface border border-line-subtle bg-surface p-5 sm:p-6",
-						children: h(t.node)
+						children: g(t.node)
 					})
 				},
 				{
@@ -1151,7 +1151,7 @@ function Ve({ controller: e, spec: t, status: n, actions: r, copy: i, children:
 	}), u = D({
 		spec: t,
 		status: n
-	}), d = D(void 0), f = D(-1), p = D(!1), m = D(null), _ = D(e.getSnapshot());
+	}), d = D(void 0), f = D(-1), p = D(!1), m = D(null), h = D(e.getSnapshot());
 	T(() => {
 		u.current = {
 			spec: t,
@@ -1160,7 +1160,7 @@ function Ve({ controller: e, spec: t, status: n, actions: r, copy: i, children:
 	}, [t, n]), T(() => {
 		let t = () => {
 			let t = e.getSnapshot();
-			if (_.current === t || _.current.stage === "complete" || _.current.stage === "dismissed" || (_.current = t, t.stage === "ready" && t.request)) return;
+			if (h.current === t || h.current.stage === "complete" || h.current.stage === "dismissed" || (h.current = t, t.stage === "ready" && t.request)) return;
 			let n = {
 				snapshot: t,
 				...u.current,
@@ -1211,7 +1211,7 @@ function Ve({ controller: e, spec: t, status: n, actions: r, copy: i, children:
 				tabIndex: -1,
 				className: "relative min-w-0 scroll-mt-6 outline-none",
 				children: [
-					r > 0 ? /* @__PURE__ */ L(b, {}) : null,
+					r > 0 ? /* @__PURE__ */ L(x, {}) : null,
 					/* @__PURE__ */ R("p", {
 						className: "mb-3 flex items-center gap-3 font-mono type-caption text-system-blue",
 						children: [
@@ -1228,7 +1228,7 @@ function Ve({ controller: e, spec: t, status: n, actions: r, copy: i, children:
 						"aria-hidden": !s,
 						children: /* @__PURE__ */ L(ee.Provider, {
 							value: !s,
-							children: /* @__PURE__ */ L(g, {
+							children: /* @__PURE__ */ L(_, {
 								publish: l,
 								children: e.result ?? /* @__PURE__ */ L(He, {
 									step: c,
@@ -1250,10 +1250,10 @@ function He({ step: e, render: t, onRequest: n }) {
 //#region src/reusable/generative/index.tsx
 var Ue = {};
 function We(e) {
-	return /* @__PURE__ */ L(_, { children: /* @__PURE__ */ L(Ge, { ...e }, e.responseId) }, e.responseId);
+	return /* @__PURE__ */ L(v, { children: /* @__PURE__ */ L(Ge, { ...e }, e.responseId) }, e.responseId);
 }
 function Ge(e) {
-	let [t] = O(() => Be(e.actions ?? Ue)), n = e.controller ?? t, r = re(n.subscribe, n.getSnapshot, n.getSnapshot), i = Ke(e, n), a = D(0);
+	let [t] = O(() => Be(e.actions ?? Ue)), n = e.controller ?? t, r = ie(n.subscribe, n.getSnapshot, n.getSnapshot), i = Ke(e, n), a = D(0);
 	return T(() => {
 		let n = a, r = ++n.current;
 		return () => {
@@ -1267,7 +1267,7 @@ function Ge(e) {
 		status: e.status ?? "done",
 		actions: e.actions ?? Ue,
 		copy: e.copy ?? V,
-		children: (t, r) => /* @__PURE__ */ L($, {
+		children: (t, r) => /* @__PURE__ */ L(qe, {
 			...e,
 			spec: t.spec,
 			status: t.status,
@@ -1277,7 +1277,7 @@ function Ge(e) {
 			onRequest: r,
 			inputSnapshot: t.input
 		})
-	}) : /* @__PURE__ */ L($, {
+	}) : /* @__PURE__ */ L(qe, {
 		...e,
 		controller: n,
 		snapshot: r,
@@ -1285,11 +1285,11 @@ function Ge(e) {
 	});
 }
 function Ke(e, t) {
-	let n = v(), r = te(), i = D(e), a = D(void 0), o = D(null);
+	let n = y(), r = ne(), i = D(e), a = D(void 0), o = D(null);
 	E(() => {
 		i.current = e;
 	}, [e]);
-	let s = C((e, s = !1) => {
+	let s = te((e, s = !1) => {
 		if (!n || !s && o.current === e || o.current?.stage === "complete" || o.current?.stage === "dismissed" || e.stage === "ready" && e.request) return;
 		o.current = e;
 		let c = i.current, l = c.copy ?? V, u = c.status ?? "done", d = u;
@@ -1317,7 +1317,7 @@ function Ke(e, t) {
 			className: "max-w-2xl",
 			yieldToChild: !!m,
 			terminal: e.stage === "dismissed" || e.stage === "complete" && !m,
-			node: /* @__PURE__ */ L($, {
+			node: /* @__PURE__ */ L(qe, {
 				...c,
 				controller: t,
 				snapshot: e,
@@ -1345,21 +1345,21 @@ function Ke(e, t) {
 		r && typeof r == "object" && !Array.isArray(r) && (a.current = Object.fromEntries(Object.entries(r).filter((e) => typeof e[1] == "string" || typeof e[1] == "boolean")), s(t.getSnapshot(), !0));
 	};
 }
-function $({ spec: e, status: t = "done", actions: n = Ue, controller: r, snapshot: i, actionOnly: a = !1, retainSteps: o = !1, inputSnapshot: s, onRequest: c, onRetry: d, renderResult: p, resolveImage: m, resolveFact: h, copy: g = V, className: _ }) {
-	let v = ne(() => Ie({
-		resolveImage: m,
-		resolveFact: h
-	}), [m, h]), y;
+function qe({ spec: e, status: t = "done", actions: n = Ue, controller: r, snapshot: i, actionOnly: a = !1, retainSteps: o = !1, inputSnapshot: s, onRequest: l, onRetry: f, renderResult: m, resolveImage: h, resolveFact: g, copy: _ = V, className: v }) {
+	let y = re(() => Ie({
+		resolveImage: h,
+		resolveFact: g
+	}), [h, g]), b;
 	try {
-		e != null && (y = Y(e));
+		e != null && (b = Y(e));
 	} catch {}
-	let [b, ee] = O(), x = [
+	let [x, ee] = O(), S = [
 		"confirm",
 		"submitting",
 		"failed",
 		"uncertain",
 		"checking"
-	].includes(i.stage), S = x ? b ?? y : y, C = te(), w = D(null), [E, re] = O(null), [ie, ae] = O(!1), k = i.stage === "complete" && i.request ? p?.(i.request) : null, A = k != null && k !== !1, j = i.request && n[i.request.action.type]?.kind === "inspect", M = D(i.stage);
+	].includes(i.stage), C = S ? x ?? b : b, te = ne(), w = D(null), [E, ie] = O(null), [ae, oe] = O(!1), k = i.stage === "complete" && i.request ? m?.(i.request) : null, A = k != null && k !== !1, j = i.request && n[i.request.action.type]?.kind === "inspect", M = D(i.stage);
 	T(() => {
 		M.current !== i.stage && M.current === "ready" && i.stage !== "ready" && E && w.current?.focus({ preventScroll: !0 }), M.current !== i.stage && A && E && w.current?.focus(), M.current !== i.stage && i.stage === "ready" && E?.focus({ preventScroll: !0 }), M.current = i.stage;
 	}, [
@@ -1368,69 +1368,69 @@ function $({ spec: e, status: t = "done", actions: n = Ue, controller: r, snapsh
 		A
 	]);
 	let N = (e) => {
-		c?.(e), re(document.activeElement), ee(y), ae(!r.request(e));
-	}, oe = x && b !== void 0 && JSON.stringify(y) !== JSON.stringify(b), P = i.request?.action, F = P ? Object.entries(P).flatMap(([e, t]) => e === "type" ? [] : ["$input", "$bindings"].includes(e) && t && typeof t == "object" && !Array.isArray(t) ? Object.entries(t) : [[e, t]]) : [];
+		l?.(e), ie(document.activeElement), ee(b), oe(!r.request(e));
+	}, se = S && x !== void 0 && JSON.stringify(b) !== JSON.stringify(x), P = i.request?.action, F = P ? Object.entries(P).flatMap(([e, t]) => e === "type" ? [] : ["$input", "$bindings"].includes(e) && t && typeof t == "object" && !Array.isArray(t) ? Object.entries(t) : [[e, t]]) : [];
 	return /* @__PURE__ */ R("section", {
-		"aria-labelledby": C,
-		className: `wrap-anywhere ${_ ?? ""}`,
+		"aria-labelledby": te,
+		className: `wrap-anywhere ${v ?? ""}`,
 		"data-structured-response": !0,
 		children: [/* @__PURE__ */ L("h2", {
-			id: C,
+			id: te,
 			className: "sr-only",
-			children: g.input
+			children: _.input
 		}), /* @__PURE__ */ R("div", {
 			className: "mx-auto flex w-full max-w-2xl min-w-0 flex-col gap-4",
 			children: [
-				oe ? /* @__PURE__ */ L(f, { children: g.updated }) : null,
-				ie ? /* @__PURE__ */ L(f, {
+				se ? /* @__PURE__ */ L(p, { children: _.updated }) : null,
+				ae ? /* @__PURE__ */ L(p, {
 					tone: "error",
 					live: "assertive",
-					title: g.actionInvalid,
-					children: g.actionInvalidNote
+					title: _.actionInvalid,
+					children: _.actionInvalidNote
 				}) : null,
-				a ? null : x || t === "done" ? S ? /* @__PURE__ */ L(X.Provider, {
+				a ? null : S || t === "done" ? C ? /* @__PURE__ */ L(Z.Provider, {
 					value: {
 						blocked: i.stage !== "ready",
 						available: new Set(Object.keys(n)),
-						captureInput: c,
+						captureInput: l,
 						initialValues: s
 					},
 					children: /* @__PURE__ */ L("div", {
-						className: S.$type === "Form" ? "min-w-0 rounded-surface border border-line-subtle bg-surface p-5 shadow-control sm:p-6" : "min-w-0",
+						className: C.$type === "Form" ? "min-w-0 rounded-surface border border-line-subtle bg-surface p-5 shadow-control sm:p-6" : "min-w-0",
 						hidden: i.stage !== "ready",
 						"data-generative-content": !0,
-						children: pe(S, v, {
+						children: me(C, y, {
 							status: "done",
 							dispatch: N
 						})
 					})
-				}) : /* @__PURE__ */ L(f, {
+				}) : /* @__PURE__ */ L(p, {
 					tone: e == null ? "neutral" : "error",
-					title: e == null ? g.empty : g.invalid,
-					actions: d ? /* @__PURE__ */ L(l, {
-						onPress: d,
-						children: g.retry
+					title: e == null ? _.empty : _.invalid,
+					actions: f ? /* @__PURE__ */ L(u, {
+						onPress: f,
+						children: _.retry
 					}) : void 0,
-					children: e == null ? void 0 : g.invalidNote
-				}) : t === "error" ? /* @__PURE__ */ L(f, {
+					children: e == null ? void 0 : _.invalidNote
+				}) : t === "error" ? /* @__PURE__ */ L(p, {
 					tone: "error",
-					title: g.invalid,
-					actions: d ? /* @__PURE__ */ L(l, {
-						onPress: d,
-						children: g.retry
+					title: _.invalid,
+					actions: f ? /* @__PURE__ */ L(u, {
+						onPress: f,
+						children: _.retry
 					}) : void 0,
-					children: g.invalidNote
+					children: _.invalidNote
 				}) : /* @__PURE__ */ R("div", {
 					role: "status",
 					className: "flex flex-col gap-4 rounded-surface border border-line-subtle bg-surface p-6",
 					children: [
 						/* @__PURE__ */ R("div", {
 							className: "flex items-center gap-3 type-body text-fg",
-							children: [/* @__PURE__ */ L(u, {}), g.loading]
+							children: [/* @__PURE__ */ L(d, {}), _.loading]
 						}),
 						t === "streaming" ? /* @__PURE__ */ L("p", {
 							className: "type-body text-fg-subtle",
-							children: g.streaming
+							children: _.streaming
 						}) : null,
 						/* @__PURE__ */ R("div", {
 							"aria-hidden": !0,
@@ -1451,17 +1451,17 @@ function $({ spec: e, status: t = "done", actions: n = Ue, controller: r, snapsh
 					children: A ? /* @__PURE__ */ R("div", {
 						className: "flex flex-col gap-5",
 						"data-generative-result": !0,
-						children: [o ? null : /* @__PURE__ */ L(l, {
+						children: [o ? null : /* @__PURE__ */ R(u, {
 							size: "sm",
-							variant: "ghost",
+							variant: "secondary",
 							className: "self-start",
 							onPress: () => r.reset(),
-							children: g.back
+							children: [/* @__PURE__ */ L(c, {}), _.back]
 						}), k]
 					}) : j && ["submitting", "checking"].includes(i.stage) ? /* @__PURE__ */ R("div", {
 						role: "status",
 						className: "flex items-center gap-3 type-body text-fg",
-						children: [/* @__PURE__ */ L(u, {}), i.stage === "checking" ? g.checking : g.loading]
+						children: [/* @__PURE__ */ L(d, {}), i.stage === "checking" ? _.checking : _.loading]
 					}) : [
 						"confirm",
 						"submitting",
@@ -1471,7 +1471,7 @@ function $({ spec: e, status: t = "done", actions: n = Ue, controller: r, snapsh
 						children: [
 							/* @__PURE__ */ L("p", {
 								className: "font-mono type-caption text-fg-subtle",
-								children: g.review
+								children: _.review
 							}),
 							/* @__PURE__ */ L("h3", {
 								className: "type-heading text-fg-emphasis",
@@ -1495,59 +1495,60 @@ function $({ spec: e, status: t = "done", actions: n = Ue, controller: r, snapsh
 								}, n))
 							}) : null,
 							/* @__PURE__ */ R("div", {
-								className: "flex flex-wrap gap-3",
-								children: [/* @__PURE__ */ R(l, {
+								className: "flex flex-wrap items-center gap-3",
+								children: [/* @__PURE__ */ R(u, {
+									variant: "secondary",
+									isDisabled: i.stage !== "confirm",
+									onPress: () => r.back(),
+									children: [/* @__PURE__ */ L(c, {}), _.back]
+								}), /* @__PURE__ */ R(u, {
 									variant: "primary",
+									className: "ml-auto",
 									isDisabled: i.stage !== "confirm",
 									"aria-busy": i.stage !== "confirm",
-									"aria-label": i.stage === "checking" ? g.checking : i.stage === "submitting" ? g.working : g.confirm,
+									"aria-label": i.stage === "checking" ? _.checking : i.stage === "submitting" ? _.working : _.confirm,
 									onPress: () => r.confirm(),
-									children: [i.stage === "confirm" ? null : /* @__PURE__ */ L(u, {}), i.stage === "checking" ? g.checking : i.stage === "submitting" ? g.working : g.confirm]
-								}), /* @__PURE__ */ L(l, {
-									variant: "ghost",
-									isDisabled: i.stage !== "confirm",
-									onPress: () => r.back(),
-									children: g.back
+									children: [i.stage === "confirm" ? null : /* @__PURE__ */ L(d, {}), i.stage === "checking" ? _.checking : i.stage === "submitting" ? _.working : _.confirm]
 								})]
 							}),
 							i.stage === "confirm" ? null : /* @__PURE__ */ L("p", {
 								role: "status",
 								className: "sr-only",
-								children: i.stage === "checking" ? g.checking : g.working
+								children: i.stage === "checking" ? _.checking : _.working
 							})
 						]
-					}) : i.stage === "failed" ? /* @__PURE__ */ L(f, {
+					}) : i.stage === "failed" ? /* @__PURE__ */ L(p, {
 						tone: "error",
-						title: g.failed,
+						title: _.failed,
 						live: "polite",
-						actions: /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(l, {
+						actions: /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(u, {
 							onPress: () => r.retry(),
-							children: g.retry
-						}), /* @__PURE__ */ L(l, {
+							children: _.retry
+						}), /* @__PURE__ */ L(u, {
 							variant: "ghost",
 							onPress: () => r.back(),
-							children: g.back
+							children: _.back
 						})] }),
-						children: i.message ?? g.failedNote
-					}) : i.stage === "uncertain" ? /* @__PURE__ */ L(f, {
+						children: i.message ?? _.failedNote
+					}) : i.stage === "uncertain" ? /* @__PURE__ */ L(p, {
 						tone: "attention",
-						title: g.uncertain,
+						title: _.uncertain,
 						live: "polite",
-						actions: /* @__PURE__ */ R(I, { children: [i.request && n[i.request.action.type]?.lookup ? /* @__PURE__ */ L(l, {
+						actions: /* @__PURE__ */ R(I, { children: [i.request && n[i.request.action.type]?.lookup ? /* @__PURE__ */ L(u, {
 							onPress: () => r.check(),
-							children: g.check
-						}) : null, /* @__PURE__ */ L(l, {
+							children: _.check
+						}) : null, /* @__PURE__ */ L(u, {
 							onPress: () => r.retry(),
-							children: g.retry
+							children: _.retry
 						})] }),
-						children: i.noReceipt ? g.noReceipt : g.uncertainNote
-					}) : /* @__PURE__ */ L(f, {
+						children: i.noReceipt ? _.noReceipt : _.uncertainNote
+					}) : /* @__PURE__ */ L(p, {
 						tone: i.stage === "complete" ? "success" : "neutral",
-						title: i.stage === "complete" ? g.complete : g.dismissed,
+						title: i.stage === "complete" ? _.complete : _.dismissed,
 						live: "polite",
-						actions: o ? void 0 : /* @__PURE__ */ L(l, {
+						actions: o ? void 0 : /* @__PURE__ */ L(u, {
 							onPress: () => r.reset(),
-							children: g.back
+							children: _.back
 						}),
 						children: i.message
 					})
@@ -1557,4 +1558,4 @@ function $({ spec: e, status: t = "done", actions: n = Ue, controller: r, snapsh
 	});
 }
 //#endregion
-export { Se as GenerativeChart, we as GenerativeForm, xe as GenerativeTable, We as StructuredResponse, ve as chartSchema, Be as createGenerativeActionController, Ie as createSuperxdGenerativeLibrary, V as generativeCopy, J as nodeSchemas, Y as parseStructuredSpec, ye as tableSchema };
+export { Se as GenerativeChart, we as GenerativeForm, X as GenerativeTable, We as StructuredResponse, ye as chartSchema, Be as createGenerativeActionController, Ie as createSuperxdGenerativeLibrary, V as generativeCopy, J as nodeSchemas, Y as parseStructuredSpec, be as tableSchema };