@superxd-studio/adptr 0.5.0

package/generative/index.js

@@ -0,0 +1,1560 @@
+"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 { 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 { z } from "zod";
+import { parseDate as B } from "@internationalized/date";
+//#region src/reusable/generative/copy.ts
+var V = {
+	stepReady: "Ready",
+	stepLoading: "Loading",
+	stepReview: "Review",
+	stepFailed: "Not applied",
+	stepUncertain: "Unconfirmed",
+	stepResult: "Result",
+	stepPast: "Previous state",
+	loading: "Preparing your response",
+	streaming: "The response is arriving. Actions will be available when it’s complete.",
+	empty: "There’s nothing to show yet.",
+	invalid: "We couldn’t display this response.",
+	invalidNote: "Your work is still here. Try requesting the response again.",
+	retry: "Try again",
+	back: "Back",
+	confirm: "Confirm action",
+	working: "Applying",
+	checking: "Checking",
+	review: "Review before continuing",
+	input: "Your details",
+	noHandler: "This action isn’t available here.",
+	failed: "The action wasn’t applied.",
+	failedNote: "Your details are saved here. You can try again.",
+	uncertain: "We haven’t received confirmation.",
+	uncertainNote: "Check the result before trying again. Your details are kept here.",
+	check: "Check status",
+	noReceipt: "There’s no confirmation yet. Check again or retry this same request.",
+	complete: "Action complete",
+	dismissed: "Dismissed",
+	fieldRequired: "Enter a value to continue.",
+	email: "Enter an email address like name@company.com.",
+	date: "Enter a valid date.",
+	imageMissing: "Image unavailable",
+	data: "View data",
+	point: "Point",
+	series: "Value",
+	mediaSelected: "Track selected",
+	quoted: "Quoted amount",
+	validation: "Check the highlighted fields.",
+	updated: "A new response is available. Finish or dismiss this action before opening it.",
+	next: "Open new response",
+	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({
+	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({
+	label: U,
+	$action: K.optional()
+}), ge = {
+	gap: z.number().int().min(0).max(8).optional(),
+	align: z.enum([
+		"start",
+		"center",
+		"end"
+	]).optional()
+}, q = {
+	name: G,
+	label: U,
+	defaultValue: W,
+	required: z.boolean().optional()
+}, _e = z.strictObject({
+	label: U,
+	value: z.number().finite().min(-0xe8d4a51000).max(0xe8d4a51000)
+}), ve = z.strictObject({
+	label: U,
+	variant: z.enum([
+		"bar",
+		"line",
+		"area",
+		"sparkline"
+	]),
+	data: z.array(_e).max(100).optional(),
+	series: z.array(z.strictObject({
+		label: U,
+		data: z.array(_e).max(100)
+	})).max(5).optional(),
+	stacked: z.boolean().optional(),
+	showAxis: z.boolean().optional(),
+	showLegend: z.boolean().optional()
+}).superRefine((e, t) => {
+	let n = e.series;
+	if (n?.length) {
+		let e = n[0]?.data.map((e) => e.label).join("\0");
+		n.some((t) => t.data.map((e) => e.label).join("\0") !== e) && t.addIssue({
+			code: "custom",
+			message: "Series labels must align"
+		});
+	}
+}), ye = z.strictObject({
+	label: U,
+	columns: z.array(z.strictObject({
+		label: U,
+		align: z.enum(["start", "end"]).optional()
+	})).min(1).max(12),
+	rows: z.array(z.array(z.union([
+		H,
+		z.number().finite(),
+		z.boolean()
+	])).max(12)).max(200),
+	sortable: z.boolean().optional()
+}).refine((e) => e.rows.every((t) => t.length === e.columns.length)), J = {
+	Card: z.strictObject({
+		title: W,
+		asForm: z.boolean().optional(),
+		confirm: he.optional(),
+		cancel: he.optional()
+	}),
+	Form: z.strictObject({}),
+	Row: z.strictObject({
+		...ge,
+		justify: z.enum([
+			"start",
+			"center",
+			"end",
+			"between"
+		]).optional()
+	}),
+	Col: z.strictObject(ge),
+	Text: z.strictObject({
+		value: H,
+		size: z.enum([
+			"sm",
+			"md",
+			"lg",
+			"xl",
+			"2xl",
+			"3xl"
+		]).optional(),
+		weight: z.enum([
+			"normal",
+			"medium",
+			"semibold",
+			"bold"
+		]).optional(),
+		color: z.enum(["emphasis", "secondary"]).optional()
+	}),
+	Header: z.strictObject({
+		text: H,
+		size: z.enum([
+			"sm",
+			"md",
+			"lg",
+			"xl",
+			"2xl",
+			"3xl"
+		]).optional()
+	}),
+	Caption: z.strictObject({ value: H }),
+	Markdown: z.strictObject({ value: H }),
+	Badge: z.strictObject({
+		value: U,
+		variant: z.enum([
+			"success",
+			"info",
+			"warning",
+			"neutral"
+		]).optional()
+	}),
+	Fact: z.strictObject({
+		label: U,
+		value: H,
+		binding: G.optional()
+	}),
+	Divider: z.strictObject({}),
+	Spacer: z.strictObject({}),
+	Accent: z.strictObject({}),
+	Icon: z.strictObject({
+		name: z.enum([
+			"sun",
+			"moon",
+			"cloud",
+			"rain",
+			"snow",
+			"wind",
+			"play",
+			"pause",
+			"check",
+			"x",
+			"star",
+			"heart",
+			"arrow-right",
+			"arrow-up-right",
+			"chevron-right",
+			"calendar",
+			"clock",
+			"map-pin",
+			"plane",
+			"truck",
+			"credit-card",
+			"user",
+			"search",
+			"bell"
+		]),
+		size: z.enum([
+			"sm",
+			"md",
+			"lg"
+		]).optional()
+	}),
+	Image: z.strictObject({
+		src: H,
+		alt: H,
+		size: z.enum([
+			"sm",
+			"md",
+			"lg"
+		]).optional(),
+		round: z.boolean().optional()
+	}),
+	Avatar: z.strictObject({ name: U }),
+	Alert: z.strictObject({
+		tone: z.enum([
+			"info",
+			"success",
+			"warning",
+			"danger"
+		]),
+		title: U,
+		description: W
+	}),
+	ListView: z.strictObject({}),
+	ListViewItem: z.strictObject({}),
+	Input: z.strictObject({
+		...q,
+		placeholder: W,
+		multiline: z.boolean().optional(),
+		inputType: z.enum(["text", "email"]).optional()
+	}),
+	Select: z.strictObject({
+		...q,
+		options: me,
+		placeholder: W
+	}).refine((e) => !e.defaultValue || e.options.some((t) => t.value === e.defaultValue)),
+	DatePicker: z.strictObject(q).refine((e) => {
+		try {
+			return e.defaultValue && B(e.defaultValue), !0;
+		} catch {
+			return !1;
+		}
+	}),
+	RadioGroup: z.strictObject({
+		...q,
+		options: me
+	}).refine((e) => !e.defaultValue || e.options.some((t) => t.value === e.defaultValue)),
+	Checkbox: z.strictObject({
+		name: G,
+		label: U,
+		defaultChecked: z.boolean().optional()
+	}),
+	Button: z.strictObject({
+		label: U,
+		buttonStyle: z.enum([
+			"primary",
+			"secondary",
+			"outline",
+			"ghost",
+			"danger"
+		]).optional(),
+		block: z.boolean().optional(),
+		submit: z.boolean().optional()
+	}),
+	Progress: z.strictObject({
+		label: U,
+		value: z.number().min(0).max(100),
+		max: z.number().positive().max(100)
+	}).refine((e) => e.value <= e.max),
+	Chart: ve,
+	Table: ye
+};
+function be(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");
+		if (e !== null && typeof e != "boolean") {
+			if (typeof e == "string") {
+				if (r += e.length, r > t) throw Error("Response too large");
+				return;
+			}
+			if (!(typeof e == "number" && Number.isFinite(e))) {
+				if (typeof e != "object" || i.has(e)) throw Error("Expected JSON");
+				if (!Array.isArray(e) && ![Object.prototype, null].includes(Object.getPrototypeOf(e))) throw Error("Expected plain JSON");
+				i.add(e);
+				for (let [t, n] of Object.entries(e)) {
+					if ([
+						"__proto__",
+						"constructor",
+						"prototype"
+					].includes(t)) throw Error("Unsafe key");
+					r += t.length, a(n, o + 1);
+				}
+				i.delete(e);
+			}
+		}
+	}
+	a(e, 0);
+}
+function Y(e) {
+	be(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");
+		n.add(e);
+		let { $type: l, $key: u, $action: d, children: f, ...p } = e;
+		if (typeof l != "string" || !Object.hasOwn(J, l)) throw Error("Unsupported component");
+		if (c && ![
+			"Text",
+			"Badge",
+			"Icon"
+		].includes(l)) throw Error("Inline content cannot contain a layout or control");
+		let m = J[l].parse(p);
+		if (f !== void 0 && [
+			"Input",
+			"Select",
+			"DatePicker",
+			"RadioGroup",
+			"Checkbox",
+			"Image",
+			"Avatar",
+			"Fact",
+			"Chart",
+			"Table",
+			"Progress",
+			"Divider",
+			"Spacer",
+			"Accent",
+			"Caption",
+			"Markdown",
+			"Header",
+			"Alert",
+			"Icon"
+		].includes(l)) throw Error("A leaf cannot have children");
+		if (l === "Button" && m.submit && !o) throw Error("A submit button needs a form");
+		if (l === "ListView" && f !== void 0 && (Array.isArray(f) ? f : [f]).some((e) => !e || typeof e != "object" || e.$type !== "ListViewItem")) throw Error("A list needs list items");
+		if (u !== void 0 && !(typeof u == "string" && u.length <= 160) && !(typeof u == "number" && Number.isFinite(u))) throw Error("Invalid key");
+		let h = d === void 0 ? void 0 : K.parse(d);
+		if (h && !["Button", "Form"].includes(l)) throw Error("Action on a passive component");
+		let g = l === "Form" || l === "Card" && m.asForm;
+		if (g && o) throw Error("Nested forms");
+		let _ = g ? /* @__PURE__ */ new Set() : s;
+		if ([
+			"Input",
+			"Select",
+			"DatePicker",
+			"RadioGroup",
+			"Checkbox"
+		].includes(l) && "name" in m && typeof m.name == "string") {
+			if (!o || _.has(m.name)) throw Error("A field needs a unique form name");
+			_.add(m.name);
+		}
+		for (let e of Object.values(m)) typeof e == "string" && (r += e.length);
+		if (r > 48e3) throw Error("Response too large");
+		if (h && JSON.stringify(h).length > 4e3) throw Error("Action too large");
+		let v;
+		if (f !== void 0) {
+			if (Array.isArray(f)) {
+				if (f.length > 100) throw Error("Too many children");
+				let e = f.map((e) => e && typeof e == "object" ? e.$key : void 0).filter((e) => e !== void 0);
+				if (new Set(e).size !== e.length) throw Error("Duplicate child keys");
+				v = f.map((e) => i(e, a + 1, !!(g || o), _, c || [
+					"Text",
+					"Badge",
+					"Button"
+				].includes(l)));
+			} else v = i(f, a + 1, !!(g || o), _, c || [
+				"Text",
+				"Badge",
+				"Button"
+			].includes(l));
+		}
+		return n.delete(e), {
+			...m,
+			$type: l,
+			...u === void 0 ? {} : { $key: u },
+			...h ? { $action: h } : {},
+			...v ? { children: v } : {}
+		};
+	}
+	return i(e, 0, !1, /* @__PURE__ */ new Set());
+}
+//#endregion
+//#region src/reusable/generative/data.tsx
+function xe({ 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 }));
+	}) : n;
+	return /* @__PURE__ */ L("div", {
+		className: "min-w-0 overflow-x-auto rounded-control border border-line-subtle",
+		tabIndex: 0,
+		role: "region",
+		"aria-label": e,
+		children: /* @__PURE__ */ R("table", {
+			className: "w-full type-body text-fg numeric",
+			children: [
+				/* @__PURE__ */ L("caption", {
+					className: "sr-only",
+					children: e
+				}),
+				/* @__PURE__ */ L("thead", {
+					className: "bg-surface-muted",
+					children: /* @__PURE__ */ L("tr", { children: t.map((e, t) => /* @__PURE__ */ L("th", {
+						scope: "col",
+						"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, {
+							size: "sm",
+							variant: "ghost",
+							className: "-mx-2",
+							onPress: () => a({
+								index: t,
+								direction: i?.index === t && i.direction === 1 ? -1 : 1
+							}),
+							children: [e.label, i?.index === t ? /* @__PURE__ */ L("span", {
+								"aria-hidden": !0,
+								children: i.direction === 1 ? "↑" : "↓"
+							}) : null]
+						}) : e.label
+					}, t)) })
+				}),
+				/* @__PURE__ */ L("tbody", { children: o.map((e, n) => /* @__PURE__ */ L("tr", {
+					className: "border-t border-line-subtle",
+					children: e.map((e, n) => /* @__PURE__ */ L("td", {
+						className: "px-4 py-3",
+						style: { textAlign: t[n]?.align === "end" ? "right" : "left" },
+						children: String(e)
+					}, n))
+				}, n)) })
+			]
+		})
+	});
+}
+function Se(e) {
+	let [t, n] = O(!1), r = e.series?.length ? e.series : [{
+		label: V.series,
+		data: e.data ?? []
+	}];
+	return /* @__PURE__ */ R("figure", {
+		className: "generative-chart flex min-w-0 flex-col gap-4",
+		"aria-label": e.label,
+		children: [
+			r.every((e) => e.data.length === 0) ? /* @__PURE__ */ L("p", {
+				className: "type-body text-fg-subtle",
+				children: V.empty
+			}) : fe.Chart?.render({
+				...e,
+				$status: "done"
+			}),
+			/* @__PURE__ */ L(l, {
+				size: "sm",
+				variant: "ghost",
+				className: "self-start",
+				"aria-expanded": t,
+				onPress: () => n((e) => !e),
+				children: V.data
+			}),
+			t ? /* @__PURE__ */ L(xe, {
+				label: e.label,
+				columns: [{ label: V.point }, ...r.map((e) => ({
+					label: e.label,
+					align: "end"
+				}))],
+				rows: (r[0]?.data ?? []).map((e, t) => [e.label, ...r.map((e) => e.data[t]?.value ?? 0)])
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/reusable/generative/vocabulary.tsx
+var X = S({
+	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);
+	return T(() => (a?.fields.set(e, {
+		value: s,
+		required: n,
+		inputType: r,
+		date: i
+	}), () => {
+		a?.fields.delete(e);
+	}), [
+		a?.fields,
+		e,
+		s,
+		n,
+		r,
+		i
+	]), {
+		value: s,
+		error: a?.errors[e],
+		onChange: (t) => {
+			a?.fields.set(e, {
+				value: t,
+				required: n,
+				inputType: r,
+				date: i
+			}), c(t), a?.setError(e);
+		}
+	};
+}
+function Ce(e) {
+	let t = {}, n = Object.create(null);
+	return e.forEach((e, r) => {
+		if (n[r] = e.value, e.required && !String(e.value).trim()) t[r] = V.fieldRequired;
+		else if (e.inputType === "email" && e.value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(e.value))) t[r] = V.email;
+		else if (e.date && e.value) try {
+			B(String(e.value));
+		} catch {
+			t[r] = V.date;
+		}
+	}), n.startDate && n.endDate && String(n.endDate) <= String(n.startDate) && (t.endDate = V.date), {
+		errors: t,
+		values: n
+	};
+}
+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, {
+		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);
+			}
+		},
+		children: /* @__PURE__ */ R("form", {
+			className: "flex min-w-0 flex-col gap-5",
+			noValidate: !0,
+			onSubmit: (e) => {
+				if (e.preventDefault(), h || !y) return;
+				let { errors: t, values: r } = Ce(s);
+				if (m(t), Object.keys(t).length) {
+					let t = e.currentTarget;
+					requestAnimationFrame(() => t.querySelector("[aria-invalid=\"true\"]")?.focus());
+					return;
+				}
+				let i = {};
+				for (let e of c) {
+					let t;
+					try {
+						t = o?.(e, r);
+					} catch {}
+					if (t === void 0) {
+						f(!0);
+						return;
+					}
+					i[e] = t;
+				}
+				v && n && n({
+					...v,
+					$input: r,
+					...c.size ? { $bindings: i } : {}
+				});
+			},
+			children: [
+				r ? /* @__PURE__ */ L("h3", {
+					className: "type-title text-fg-emphasis",
+					children: r
+				}) : null,
+				e,
+				Object.keys(p).length ? /* @__PURE__ */ L("p", {
+					role: "alert",
+					className: "type-body text-error",
+					children: V.validation
+				}) : null,
+				d ? /* @__PURE__ */ L("p", {
+					role: "alert",
+					className: "type-body text-error",
+					children: V.quoteUnavailable
+				}) : 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, {
+						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, {
+						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)),
+						onPress: () => {
+							a.$action && (_?.({
+								...a.$action,
+								$input: Ce(s).values
+							}), n?.(a.$action));
+						},
+						children: a.label
+					}) : null]
+				}) : null
+			]
+		})
+	});
+}
+function Te(e) {
+	let t = Q(e.name, e.defaultValue ?? "", e.required, e.inputType), { blocked: n } = w(X);
+	return /* @__PURE__ */ L(x, {
+		className: "min-w-0 flex-1",
+		label: e.label,
+		name: e.name,
+		value: String(t.value),
+		onChange: t.onChange,
+		multiline: e.multiline,
+		placeholder: e.placeholder,
+		error: t.error,
+		isRequired: e.required,
+		isDisabled: n,
+		type: e.inputType ?? "text"
+	});
+}
+function Ee(e) {
+	let t = Q(e.name, e.defaultValue ?? "", e.required), { blocked: n } = w(X);
+	return /* @__PURE__ */ R(ue, {
+		placeholder: e.placeholder,
+		name: e.name,
+		value: String(t.value) || null,
+		onChange: (e) => t.onChange(String(e ?? "")),
+		isRequired: e.required,
+		isInvalid: !!t.error,
+		isDisabled: n,
+		validationBehavior: "aria",
+		className: "flex min-w-0 flex-1 flex-col gap-1.5",
+		children: [
+			/* @__PURE__ */ L(N, {
+				className: "type-label text-fg-emphasis",
+				children: e.label
+			}),
+			/* @__PURE__ */ R(l, {
+				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" })]
+			}),
+			/* @__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, {
+					className: "outline-none",
+					items: e.options,
+					children: (e) => /* @__PURE__ */ L(P, {
+						id: e.value,
+						textValue: e.label,
+						className: "cursor-pointer rounded-cell px-control-md-x py-control-y type-body text-fg-emphasis outline-none data-focus-visible:focus-ring data-focused:bg-surface-subtle data-selected:font-medium",
+						children: e.label
+					})
+				})
+			}),
+			/* @__PURE__ */ L(j, {
+				className: "type-caption text-error",
+				children: t.error
+			})
+		]
+	});
+}
+function De(e) {
+	let t = Q(e.name, e.defaultValue ?? "", e.required, void 0, !0), { blocked: n } = w(X);
+	return /* @__PURE__ */ L(M, {
+		locale: "en-AU",
+		children: /* @__PURE__ */ R(ae, {
+			name: e.name,
+			value: t.value ? B(String(t.value)) : null,
+			onChange: (e) => t.onChange(e?.toString() ?? ""),
+			isRequired: e.required,
+			isInvalid: !!t.error,
+			isDisabled: n,
+			validationBehavior: "aria",
+			className: "flex min-w-0 flex-1 flex-col gap-1.5",
+			children: [
+				/* @__PURE__ */ L(N, {
+					className: "type-label text-fg-emphasis",
+					children: e.label
+				}),
+				/* @__PURE__ */ L(k, {
+					className: "flex h-control-md items-center rounded-control border border-line-input bg-surface px-control-md-x type-body text-fg-emphasis data-disabled:opacity-50 data-focus-within:border-brand data-focus-within:focus-ring",
+					children: (e) => /* @__PURE__ */ L(A, {
+						segment: e,
+						className: "rounded-cell px-0.5 numeric outline-none data-focused:bg-brand data-focused:text-on-brand data-placeholder:text-fg-subtle"
+					})
+				}),
+				/* @__PURE__ */ L(j, {
+					className: "type-caption text-error",
+					children: t.error
+				})
+			]
+		})
+	});
+}
+function Oe(e) {
+	let t = Q(e.name, e.defaultValue ?? "", e.required), { blocked: n } = w(X);
+	return /* @__PURE__ */ R(le, {
+		name: e.name,
+		value: String(t.value),
+		onChange: t.onChange,
+		isRequired: e.required,
+		isInvalid: !!t.error,
+		isDisabled: n,
+		validationBehavior: "aria",
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ L(N, {
+				className: "type-label text-fg-emphasis",
+				children: e.label
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "flex flex-wrap gap-3",
+				children: e.options.map((e) => /* @__PURE__ */ R(ce, {
+					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", {
+						className: "grid size-4 place-items-center rounded-full border border-line-input",
+						children: /* @__PURE__ */ L("span", { className: "size-2 rounded-full group-data-selected:bg-brand" })
+					}), e.label]
+				}, e.value))
+			}),
+			/* @__PURE__ */ L(j, {
+				className: "type-caption text-error",
+				children: t.error
+			})
+		]
+	});
+}
+function ke(e) {
+	let t = Q(e.name, e.defaultChecked ?? !1), { blocked: n } = w(X);
+	return /* @__PURE__ */ R(ie, {
+		name: e.name,
+		isSelected: !!t.value,
+		onChange: t.onChange,
+		isDisabled: n,
+		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" })
+		}), e.label]
+	});
+}
+var Ae = {
+	sm: "type-body",
+	md: "type-heading",
+	lg: "type-title",
+	xl: "type-title",
+	"2xl": "text-2xl leading-tight",
+	"3xl": "text-3xl leading-tight"
+}, je = [
+	"gap-0",
+	"gap-1",
+	"gap-2",
+	"gap-3",
+	"gap-4",
+	"gap-5",
+	"gap-6",
+	"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, {})
+};
+function Ne({ name: e, size: t }) {
+	let n = {
+		plane: /* @__PURE__ */ L("path", { d: "m3 16 7-4-1-9 3 1 3 7 6 1v2l-6 1-3 7-3 1 1-9-7-2Z" }),
+		play: /* @__PURE__ */ L("path", { d: "m8 5 11 7-11 7Z" }),
+		pause: /* @__PURE__ */ L(I, { children: /* @__PURE__ */ L("path", { d: "M8 5v14M16 5v14" }) }),
+		cloud: /* @__PURE__ */ L("path", { d: "M6 18h12a4 4 0 0 0 0-8 6 6 0 0 0-11-2 5 5 0 0 0-1 10Z" }),
+		star: /* @__PURE__ */ L("path", { d: "m12 3 3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1Z" }),
+		heart: /* @__PURE__ */ L("path", { d: "M20 5a5 5 0 0 0-8 1 5 5 0 0 0-8-1C-2 11 12 21 12 21S26 11 20 5Z" }),
+		"arrow-right": /* @__PURE__ */ L("path", { d: "M4 12h16m-6-6 6 6-6 6" }),
+		"arrow-up-right": /* @__PURE__ */ L("path", { d: "M6 18 18 6M6 6h12v12" }),
+		"credit-card": /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("rect", {
+			x: "3",
+			y: "5",
+			width: "18",
+			height: "14",
+			rx: "2"
+		}), /* @__PURE__ */ L("path", { d: "M3 10h18" })] }),
+		truck: /* @__PURE__ */ R(I, { children: [
+			/* @__PURE__ */ L("path", { d: "M3 4h12v13H3Zm12 5h3l3 4v4h-6" }),
+			/* @__PURE__ */ L("circle", {
+				cx: "7",
+				cy: "18",
+				r: "2"
+			}),
+			/* @__PURE__ */ L("circle", {
+				cx: "18",
+				cy: "18",
+				r: "2"
+			})
+		] }),
+		bell: /* @__PURE__ */ L("path", { d: "M4 17h16l-2-3V9a6 6 0 0 0-12 0v5ZM10 21h4" }),
+		wind: /* @__PURE__ */ L("path", { d: "M3 8h12a3 3 0 1 0-3-3M3 12h16a3 3 0 1 1-3 3M3 16h5a3 3 0 1 1-3 3" }),
+		rain: /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("path", { d: "M6 14h12a3 3 0 0 0 0-6 6 6 0 0 0-11-1 4 4 0 0 0-1 7Z" }), /* @__PURE__ */ L("path", { d: "m8 18-1 3m6-3-1 3m6-3-1 3" })] }),
+		snow: /* @__PURE__ */ L("path", { d: "M12 2v20M3 7l18 10M3 17 21 7M9 3l3 3 3-3M9 21l3-3 3 3" })
+	};
+	return /* @__PURE__ */ L("span", {
+		"aria-hidden": !0,
+		className: r("inline-flex shrink-0 items-center justify-center text-fg-subtle [&>svg]:size-full", t === "lg" ? "size-10" : "size-5"),
+		children: Me[e] ?? /* @__PURE__ */ L("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: n[e]
+		})
+	});
+}
+function Pe({ label: e, value: t, binding: n, resolveFact: r }) {
+	let i = w(Z);
+	T(() => (n && i?.bindings.add(n), () => {
+		n && i?.bindings.delete(n);
+	}), [n, i?.bindings]);
+	let a = t;
+	if (n) try {
+		a = r?.(n, Object.fromEntries([...i?.fields ?? []].map(([e, t]) => [e, t.value]))) ?? V.quoteUnavailable;
+	} catch {
+		a = V.quoteUnavailable;
+	}
+	return /* @__PURE__ */ R("dl", {
+		className: "flex min-w-0 flex-col gap-1",
+		children: [/* @__PURE__ */ L("dt", {
+			className: "type-caption font-normal text-fg-subtle",
+			children: e
+		}), /* @__PURE__ */ L("dd", {
+			className: "type-heading wrap-anywhere text-fg-emphasis numeric",
+			"aria-live": n ? "polite" : void 0,
+			children: a
+		})]
+	});
+}
+function Fe({ src: e, alt: t, size: n, round: i, resolveImage: a }) {
+	let [o, s] = O(!1), c;
+	try {
+		c = a?.(e);
+	} catch {}
+	return c && (/^https:\/\//.test(c) || /^\/(?!\/)/.test(c)) && !o ? /* @__PURE__ */ L("img", {
+		src: c,
+		alt: t,
+		loading: "lazy",
+		referrerPolicy: "no-referrer",
+		onError: () => s(!0),
+		className: r("max-w-full object-cover", n === "sm" ? "size-avatar-lg shrink-0" : "aspect-video w-full rounded-control", i && "rounded-full")
+	}, c) : /* @__PURE__ */ L("div", {
+		role: t ? "img" : void 0,
+		"aria-label": t ? `${t} · ${V.imageMissing}` : void 0,
+		className: r("flex items-center justify-center bg-surface-subtle text-fg-subtle", n === "sm" ? "size-avatar-lg shrink-0" : "aspect-video rounded-control", i && "rounded-full"),
+		children: /* @__PURE__ */ L("span", {
+			"aria-hidden": !0,
+			children: "▧"
+		})
+	});
+}
+function Ie(e = {}) {
+	let t = (e, t, n) => ({
+		properties: e,
+		description: t,
+		render: n
+	});
+	return {
+		Card: t(J.Card, "A related set of content, optionally with a form and actions.", ({ title: t, asForm: n, confirm: r, cancel: i, children: a, $dispatch: o }) => /* @__PURE__ */ L("section", {
+			className: "flex min-w-0 flex-col gap-5 rounded-surface border border-line-subtle bg-surface p-5 text-fg shadow-control sm:p-6",
+			children: n ? /* @__PURE__ */ L(we, {
+				title: t,
+				confirm: r,
+				cancel: i,
+				dispatch: o,
+				resolveFact: e.resolveFact,
+				children: a
+			}) : /* @__PURE__ */ R(I, { children: [
+				t ? /* @__PURE__ */ L("h3", {
+					className: "type-title text-fg-emphasis",
+					children: t
+				}) : null,
+				a,
+				r || i ? /* @__PURE__ */ R("div", {
+					className: "flex flex-wrap gap-3 border-t border-line-subtle pt-5",
+					children: [r ? /* @__PURE__ */ L(Le, {
+						label: r.label,
+						action: r.$action,
+						dispatch: o,
+						buttonStyle: "primary"
+					}) : null, i ? /* @__PURE__ */ L(Le, {
+						label: i.label,
+						action: i.$action,
+						dispatch: o,
+						buttonStyle: "ghost"
+					}) : null]
+				}) : null
+			] })
+		})),
+		Form: t(J.Form, "A form collecting named, labelled controls.", ({ children: t, $action: n, $dispatch: r }) => /* @__PURE__ */ L(we, {
+			action: n,
+			dispatch: r,
+			resolveFact: e.resolveFact,
+			children: t
+		})),
+		Row: t(J.Row, "A wrapping row.", ({ children: e, gap: t = 3, align: n, justify: i }) => /* @__PURE__ */ L("div", {
+			className: r("flex min-w-0 flex-wrap", je[t], n === "center" ? "items-center" : n === "end" ? "items-end" : "items-start", i === "between" ? "justify-between" : i === "end" ? "justify-end" : i === "center" ? "justify-center" : "justify-start"),
+			children: e
+		})),
+		Col: t(J.Col, "A vertical stack.", ({ children: e, gap: t = 3, align: n }) => /* @__PURE__ */ L("div", {
+			className: r("flex min-w-0 flex-col", je[t], n === "center" ? "items-center" : n === "end" ? "items-end" : "items-stretch"),
+			children: e
+		})),
+		Text: t(J.Text, "Plain text.", ({ value: e, size: t = "sm", weight: n, color: i, children: a }) => /* @__PURE__ */ R("p", {
+			className: r("min-w-0 wrap-anywhere", Ae[t], n && n !== "normal" && "font-medium", i === "secondary" ? "text-fg-subtle" : "text-fg-emphasis"),
+			children: [e, a]
+		})),
+		Header: t(J.Header, "A section heading.", ({ text: e, size: t = "md" }) => /* @__PURE__ */ L("h3", {
+			className: r("text-fg-emphasis", Ae[t]),
+			children: e
+		})),
+		Caption: t(J.Caption, "Quiet supporting text.", ({ value: e }) => /* @__PURE__ */ L("p", {
+			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 })),
+		Fact: t(J.Fact, "A labelled value.", (t) => /* @__PURE__ */ L(Pe, {
+			...t,
+			resolveFact: e.resolveFact
+		})),
+		Badge: t(J.Badge, "A status with text as well as colour.", ({ value: e, variant: t, children: n }) => /* @__PURE__ */ R("span", {
+			className: r("inline-flex items-center gap-1.5 self-start rounded-cell border px-2 py-1 font-mono type-caption", t === "success" ? "border-success-line bg-success-subtle text-success" : t === "warning" ? "border-attention-line bg-attention-subtle text-attention" : t === "info" ? "border-info-line bg-info-subtle text-info" : "border-line-subtle bg-surface-muted text-fg"),
+			children: [n, e]
+		})),
+		Divider: t(J.Divider, "A quiet separator.", () => /* @__PURE__ */ L("hr", { className: "border-line-subtle" })),
+		Spacer: t(J.Spacer, "Flexible space.", () => /* @__PURE__ */ L("span", { className: "flex-1" })),
+		Accent: t(J.Accent, "A neutral event marker.", () => /* @__PURE__ */ L("span", {
+			"aria-hidden": !0,
+			className: "h-control-sm w-1 rounded-full bg-line-emphasis"
+		})),
+		Icon: t(J.Icon, "A supporting decorative symbol.", (e) => /* @__PURE__ */ L(Ne, { ...e })),
+		Image: t(J.Image, "A host-approved image with an alternative.", (t) => /* @__PURE__ */ L(Fe, {
+			...t,
+			...e
+		}, t.src)),
+		Avatar: t(J.Avatar, "Initials for a person.", ({ name: e }) => /* @__PURE__ */ L("span", {
+			role: "img",
+			"aria-label": 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, {
+			title: e,
+			tone: n === "warning" ? "attention" : n === "danger" ? "error" : n,
+			children: t
+		})),
+		ListView: t(J.ListView, "A set of related rows.", ({ children: e }) => /* @__PURE__ */ L("ul", {
+			className: "flex list-none flex-col divide-y divide-line-subtle p-0",
+			children: e
+		})),
+		ListViewItem: t(J.ListViewItem, "A passive list row. Put explicit buttons within it.", ({ children: e }) => /* @__PURE__ */ L("li", {
+			className: "min-w-0 py-3 first:pt-0 last:pb-0",
+			children: e
+		})),
+		Input: t(J.Input, "A labelled text field.", (e) => /* @__PURE__ */ L(Te, { ...e })),
+		Select: t(J.Select, "A labelled choice.", (e) => /* @__PURE__ */ L(Ee, { ...e })),
+		DatePicker: t(J.DatePicker, "A calendar date, with segmented keyboard input.", (e) => /* @__PURE__ */ L(De, { ...e })),
+		RadioGroup: t(J.RadioGroup, "A small set of choices.", (e) => /* @__PURE__ */ L(Oe, { ...e })),
+		Checkbox: t(J.Checkbox, "An optional choice.", (e) => /* @__PURE__ */ L(ke, { ...e })),
+		Button: t(J.Button, "An explicit action routed to the host.", ({ $action: e, $dispatch: t, children: n, ...r }) => /* @__PURE__ */ L(Le, {
+			...r,
+			action: e,
+			dispatch: t,
+			children: n
+		})),
+		Progress: t(J.Progress, "A labelled measure of progress.", ({ label: e, value: t, max: n }) => /* @__PURE__ */ L(se, {
+			"aria-label": e,
+			value: t,
+			maxValue: n,
+			className: "h-1.5 overflow-hidden rounded-full bg-surface-emphasis",
+			children: /* @__PURE__ */ L("div", {
+				className: "h-full rounded-full bg-brand",
+				style: { width: `${t / n * 100}%` }
+			})
+		})),
+		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 }))
+	};
+}
+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, {
+		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))),
+		onPress: i ? void 0 : () => {
+			o && (f && d?.({
+				...o,
+				$input: Ce(f.fields).values
+			}), s?.(o));
+		},
+		children: [a, e]
+	});
+}
+//#endregion
+//#region src/reusable/generative/actions.ts
+var Re = z.strictObject({
+	key: z.string().min(1).max(160),
+	type: z.string().min(1).max(160),
+	state: z.enum(["complete", "not-applied"]),
+	message: z.string().min(1).max(1e3)
+});
+function ze(e) {
+	return e && typeof e == "object" && (Object.values(e).forEach(ze), Object.freeze(e)), e;
+}
+function Be(e, t = () => crypto.randomUUID()) {
+	let n = Object.fromEntries(Object.entries(e).map(([e, t]) => [e, { ...t }])), r = { stage: "ready" }, i, a = !1, o = /* @__PURE__ */ new Set(), s = (e) => {
+		a || (r = ze(e), o.forEach((e) => e()));
+	}, c = () => r.request && Object.hasOwn(n, r.request.action.type) ? n[r.request.action.type] : void 0, l = async (e = !1) => {
+		let t = c(), n = r.request;
+		if (a || !t || !n || i) return;
+		let o = r, l = new AbortController();
+		i = l, s({
+			...o,
+			stage: e ? "checking" : "submitting",
+			message: void 0,
+			noReceipt: !1
+		});
+		try {
+			let r = e ? await t.lookup?.(n, l.signal) : await t.execute(n, l.signal);
+			if (a || i !== l) return;
+			if (r == null) {
+				if (!e) throw Error("Missing receipt");
+				s({
+					...o,
+					stage: "uncertain",
+					noReceipt: !0
+				});
+			} else {
+				let e = Re.parse(r);
+				if (e.key !== n.key || e.type !== n.action.type) throw Error("Receipt does not match");
+				s({
+					...o,
+					stage: e.state === "complete" ? "complete" : "failed",
+					message: e.message,
+					noReceipt: !1
+				});
+			}
+		} catch {
+			!a && i === l && s({
+				...o,
+				stage: "uncertain",
+				message: void 0
+			});
+		} finally {
+			i === l && (i = void 0);
+		}
+	};
+	return {
+		subscribe: (e) => (o.add(e), () => {
+			o.delete(e);
+		}),
+		getSnapshot: () => r,
+		request: (e) => {
+			if (a || r.stage !== "ready") return !1;
+			try {
+				be(e, 8e3);
+			} catch {
+				return !1;
+			}
+			let i = K.safeParse(e);
+			if (!i.success || JSON.stringify(i.data).length > 8e3) return !1;
+			let o = Object.hasOwn(n, i.data.type) ? n[i.data.type] : void 0;
+			if (!o) return !1;
+			if (o.kind === "dismiss") return s({
+				stage: "dismissed",
+				message: o.label
+			}), !0;
+			let c = t();
+			if (typeof c != "string" || !c || c.length > 160) return !1;
+			let u = ze({
+				key: c,
+				action: structuredClone(i.data)
+			});
+			return s({
+				stage: o.kind === "mutate" ? "confirm" : "ready",
+				request: u,
+				label: o.label,
+				description: o.description
+			}), o.kind === "inspect" && l(), !0;
+		},
+		confirm: () => r.stage === "confirm" && (l(), !0),
+		back: () => ["confirm", "failed"].includes(r.stage) ? (s({ stage: "ready" }), !0) : !1,
+		retry: () => ["failed", "uncertain"].includes(r.stage) ? (l(), !0) : !1,
+		check: () => r.stage !== "uncertain" || !c()?.lookup ? !1 : (l(!0), !0),
+		reset: () => ["complete", "dismissed"].includes(r.stage) ? (s({ stage: "ready" }), !0) : !1,
+		dispose: () => {
+			a = !0, i?.abort(), i = void 0, o.clear();
+		}
+	};
+}
+V.noHandler;
+//#endregion
+//#region src/reusable/generative/timeline.tsx
+function Ve({ controller: e, spec: t, status: n, actions: r, copy: i, children: a }) {
+	let [o, s] = O(() => [{
+		snapshot: e.getSnapshot(),
+		spec: t,
+		status: n
+	}]), c = D(null), [l] = O(() => (e) => {
+		let t = c.current;
+		t?.terminal || (c.current = e, t && t.phase !== e.phase && s((n) => {
+			let r = n[n.length - 1];
+			return r ? [
+				...n.slice(0, -1),
+				{
+					...r,
+					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)
+					})
+				},
+				{
+					...r,
+					result: /* @__PURE__ */ L("div", {
+						"data-generative-result": !0,
+						className: "rounded-surface border border-line-subtle bg-surface p-5 sm:p-6",
+						children: e.node
+					}),
+					label: e.label
+				}
+			] : n;
+		}));
+	}), u = D({
+		spec: t,
+		status: n
+	}), d = D(void 0), f = D(-1), p = D(!1), m = D(null), _ = D(e.getSnapshot());
+	T(() => {
+		u.current = {
+			spec: t,
+			status: n
+		};
+	}, [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;
+			let n = {
+				snapshot: t,
+				...u.current,
+				input: d.current
+			};
+			s((e) => [...e, n]);
+		};
+		return t(), e.subscribe(t);
+	}, [e]), T(() => {
+		if (!p.current) return;
+		let e = m.current?.querySelector("[data-current=\"true\"]");
+		e && (o[o.length - 1]?.snapshot.stage === "ready" ? (e.querySelectorAll("[data-generative-content] button")[f.current] ?? e).focus({ preventScroll: !0 }) : (e.querySelector("[data-generative-action]") ?? e).focus({ preventScroll: !0 }), e.scrollIntoView({
+			block: "nearest",
+			behavior: "instant"
+		}));
+	}, [o]);
+	let v = (e) => {
+		let t = K.safeParse(e), n = t.success ? t.data.$input : void 0;
+		n && typeof n == "object" && !Array.isArray(n) && (d.current = Object.fromEntries(Object.entries(n).filter((e) => typeof e[1] == "string" || typeof e[1] == "boolean")));
+		let r = m.current?.querySelector("[data-current=\"true\"]");
+		f.current = Array.from(r?.querySelectorAll("[data-generative-content] button") ?? []).indexOf(document.activeElement), p.current = !0;
+	};
+	function y(e) {
+		if (e.label) return e.label;
+		let t = e.snapshot.stage;
+		return t === "ready" ? e.status === "done" ? i.stepReady : i.stepLoading : t === "submitting" ? e.snapshot.request && r[e.snapshot.request.action.type]?.kind === "inspect" ? i.stepLoading : i.working : {
+			confirm: i.stepReview,
+			checking: i.checking,
+			failed: i.stepFailed,
+			uncertain: i.stepUncertain,
+			complete: i.stepResult,
+			dismissed: i.dismissed
+		}[t];
+	}
+	return /* @__PURE__ */ L("div", {
+		ref: m,
+		"data-generative-timeline": !0,
+		className: "mx-auto flex w-full max-w-2xl min-w-0 flex-col gap-20",
+		children: o.map((e, r) => {
+			let s = r === o.length - 1, c = s && e.snapshot.stage === "ready" ? {
+				...e,
+				spec: r === 0 ? t : e.spec,
+				status: n
+			} : e;
+			return /* @__PURE__ */ R("div", {
+				"data-generative-step": e.snapshot.stage,
+				"data-current": s,
+				tabIndex: -1,
+				className: "relative min-w-0 scroll-mt-6 outline-none",
+				children: [
+					r > 0 ? /* @__PURE__ */ L(b, {}) : null,
+					/* @__PURE__ */ R("p", {
+						className: "mb-3 flex items-center gap-3 font-mono type-caption text-system-blue",
+						children: [
+							/* @__PURE__ */ L("span", { children: String(r + 1).padStart(2, "0") }),
+							/* @__PURE__ */ L("span", { children: y(c) }),
+							s ? null : /* @__PURE__ */ L("span", {
+								className: "ml-auto",
+								children: i.stepPast
+							})
+						]
+					}),
+					/* @__PURE__ */ L("div", {
+						inert: !s,
+						"aria-hidden": !s,
+						children: /* @__PURE__ */ L(ee.Provider, {
+							value: !s,
+							children: /* @__PURE__ */ L(g, {
+								publish: l,
+								children: e.result ?? /* @__PURE__ */ L(He, {
+									step: c,
+									render: a,
+									onRequest: v
+								})
+							})
+						})
+					})
+				]
+			}, r);
+		})
+	});
+}
+function He({ step: e, render: t, onRequest: n }) {
+	return t(e, n);
+}
+//#endregion
+//#region src/reusable/generative/index.tsx
+var Ue = {};
+function We(e) {
+	return /* @__PURE__ */ L(_, { 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);
+	return T(() => {
+		let n = a, r = ++n.current;
+		return () => {
+			queueMicrotask(() => {
+				n.current === r && !e.controller && t.dispose();
+			});
+		};
+	}, [e.controller, t]), e.retainSteps ? /* @__PURE__ */ L(Ve, {
+		controller: n,
+		spec: e.spec,
+		status: e.status ?? "done",
+		actions: e.actions ?? Ue,
+		copy: e.copy ?? V,
+		children: (t, r) => /* @__PURE__ */ L($, {
+			...e,
+			spec: t.spec,
+			status: t.status,
+			controller: n,
+			snapshot: t.snapshot,
+			actionOnly: t.snapshot.stage !== "ready",
+			onRequest: r,
+			inputSnapshot: t.input
+		})
+	}) : /* @__PURE__ */ L($, {
+		...e,
+		controller: n,
+		snapshot: r,
+		onRequest: i
+	});
+}
+function Ke(e, t) {
+	let n = v(), r = te(), i = D(e), a = D(void 0), o = D(null);
+	E(() => {
+		i.current = e;
+	}, [e]);
+	let s = C((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;
+		if (u === "done") {
+			if (c.spec == null) d = "empty";
+			else try {
+				Y(c.spec);
+			} catch {
+				d = "invalid";
+			}
+		}
+		let f = e.request && c.actions?.[e.request.action.type]?.kind === "inspect", p = {
+			ready: d === "empty" ? l.empty : d === "invalid" || u === "error" ? l.invalid : u === "done" ? l.stepReady : l.stepLoading,
+			confirm: l.stepReview,
+			submitting: f ? l.stepLoading : l.working,
+			checking: l.checking,
+			failed: l.stepFailed,
+			uncertain: l.stepUncertain,
+			complete: l.stepResult,
+			dismissed: l.dismissed
+		}, m = e.stage === "complete" && e.request ? c.renderResult?.(e.request) : null;
+		n({
+			phase: `generative-${e.stage}-${d}`,
+			label: p[e.stage],
+			className: "max-w-2xl",
+			yieldToChild: !!m,
+			terminal: e.stage === "dismissed" || e.stage === "complete" && !m,
+			node: /* @__PURE__ */ L($, {
+				...c,
+				controller: t,
+				snapshot: e,
+				retainSteps: !0,
+				actionOnly: e.stage !== "ready",
+				inputSnapshot: a.current
+			}, JSON.stringify(a.current))
+		}, r);
+	}, [
+		n,
+		r,
+		t
+	]);
+	return T(() => {
+		if (n) return s(t.getSnapshot(), !0), t.subscribe(() => s(t.getSnapshot()));
+	}, [
+		n,
+		s,
+		t,
+		e.spec,
+		e.status
+	]), (e) => {
+		if (!n || !e || typeof e != "object") return;
+		let r = e.$input;
+		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;
+	try {
+		e != null && (y = Y(e));
+	} catch {}
+	let [b, ee] = O(), x = [
+		"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);
+	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;
+	}, [
+		i.stage,
+		E,
+		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]]) : [];
+	return /* @__PURE__ */ R("section", {
+		"aria-labelledby": C,
+		className: `wrap-anywhere ${_ ?? ""}`,
+		"data-structured-response": !0,
+		children: [/* @__PURE__ */ L("h2", {
+			id: C,
+			className: "sr-only",
+			children: g.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, {
+					tone: "error",
+					live: "assertive",
+					title: g.actionInvalid,
+					children: g.actionInvalidNote
+				}) : null,
+				a ? null : x || t === "done" ? S ? /* @__PURE__ */ L(X.Provider, {
+					value: {
+						blocked: i.stage !== "ready",
+						available: new Set(Object.keys(n)),
+						captureInput: c,
+						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",
+						hidden: i.stage !== "ready",
+						"data-generative-content": !0,
+						children: pe(S, v, {
+							status: "done",
+							dispatch: N
+						})
+					})
+				}) : /* @__PURE__ */ L(f, {
+					tone: e == null ? "neutral" : "error",
+					title: e == null ? g.empty : g.invalid,
+					actions: d ? /* @__PURE__ */ L(l, {
+						onPress: d,
+						children: g.retry
+					}) : void 0,
+					children: e == null ? void 0 : g.invalidNote
+				}) : t === "error" ? /* @__PURE__ */ L(f, {
+					tone: "error",
+					title: g.invalid,
+					actions: d ? /* @__PURE__ */ L(l, {
+						onPress: d,
+						children: g.retry
+					}) : void 0,
+					children: g.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]
+						}),
+						t === "streaming" ? /* @__PURE__ */ L("p", {
+							className: "type-body text-fg-subtle",
+							children: g.streaming
+						}) : null,
+						/* @__PURE__ */ R("div", {
+							"aria-hidden": !0,
+							className: "flex flex-col gap-3",
+							children: [
+								/* @__PURE__ */ L("span", { className: "h-control-md w-full rounded-control bg-surface-subtle" }),
+								/* @__PURE__ */ L("span", { className: "h-4 w-2/3 rounded-cell bg-surface-subtle" }),
+								/* @__PURE__ */ L("span", { className: "h-4 w-1/2 rounded-cell bg-surface-subtle" })
+							]
+						})
+					]
+				}),
+				i.stage === "ready" ? null : /* @__PURE__ */ L("div", {
+					ref: w,
+					tabIndex: -1,
+					className: "rounded-surface border border-line-subtle bg-surface p-5 outline-none focus-visible:focus-ring sm:p-6",
+					"data-generative-action": !0,
+					children: A ? /* @__PURE__ */ R("div", {
+						className: "flex flex-col gap-5",
+						"data-generative-result": !0,
+						children: [o ? null : /* @__PURE__ */ L(l, {
+							size: "sm",
+							variant: "ghost",
+							className: "self-start",
+							onPress: () => r.reset(),
+							children: g.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]
+					}) : [
+						"confirm",
+						"submitting",
+						"checking"
+					].includes(i.stage) ? /* @__PURE__ */ R("div", {
+						className: "flex flex-col gap-4",
+						children: [
+							/* @__PURE__ */ L("p", {
+								className: "font-mono type-caption text-fg-subtle",
+								children: g.review
+							}),
+							/* @__PURE__ */ L("h3", {
+								className: "type-heading text-fg-emphasis",
+								children: i.label
+							}),
+							/* @__PURE__ */ L("p", {
+								className: "type-body text-fg",
+								children: i.description
+							}),
+							F.length ? /* @__PURE__ */ L("dl", {
+								className: "flex flex-col gap-3 border-y border-line-subtle py-4",
+								children: F.map(([e, t], n) => /* @__PURE__ */ R("div", {
+									className: "flex flex-col gap-1",
+									children: [/* @__PURE__ */ L("dt", {
+										className: "font-mono type-caption text-fg-subtle",
+										children: String(e).replace(/^\$/, "").replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase())
+									}), /* @__PURE__ */ L("dd", {
+										className: "type-body wrap-anywhere whitespace-pre-wrap text-fg-emphasis",
+										children: t && typeof t == "object" ? JSON.stringify(t, null, 2) : String(t)
+									})]
+								}, n))
+							}) : null,
+							/* @__PURE__ */ R("div", {
+								className: "flex flex-wrap gap-3",
+								children: [/* @__PURE__ */ R(l, {
+									variant: "primary",
+									isDisabled: i.stage !== "confirm",
+									"aria-busy": i.stage !== "confirm",
+									"aria-label": i.stage === "checking" ? g.checking : i.stage === "submitting" ? g.working : g.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
+								})]
+							}),
+							i.stage === "confirm" ? null : /* @__PURE__ */ L("p", {
+								role: "status",
+								className: "sr-only",
+								children: i.stage === "checking" ? g.checking : g.working
+							})
+						]
+					}) : i.stage === "failed" ? /* @__PURE__ */ L(f, {
+						tone: "error",
+						title: g.failed,
+						live: "polite",
+						actions: /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(l, {
+							onPress: () => r.retry(),
+							children: g.retry
+						}), /* @__PURE__ */ L(l, {
+							variant: "ghost",
+							onPress: () => r.back(),
+							children: g.back
+						})] }),
+						children: i.message ?? g.failedNote
+					}) : i.stage === "uncertain" ? /* @__PURE__ */ L(f, {
+						tone: "attention",
+						title: g.uncertain,
+						live: "polite",
+						actions: /* @__PURE__ */ R(I, { children: [i.request && n[i.request.action.type]?.lookup ? /* @__PURE__ */ L(l, {
+							onPress: () => r.check(),
+							children: g.check
+						}) : null, /* @__PURE__ */ L(l, {
+							onPress: () => r.retry(),
+							children: g.retry
+						})] }),
+						children: i.noReceipt ? g.noReceipt : g.uncertainNote
+					}) : /* @__PURE__ */ L(f, {
+						tone: i.stage === "complete" ? "success" : "neutral",
+						title: i.stage === "complete" ? g.complete : g.dismissed,
+						live: "polite",
+						actions: o ? void 0 : /* @__PURE__ */ L(l, {
+							onPress: () => r.reset(),
+							children: g.back
+						}),
+						children: i.message
+					})
+				})
+			]
+		})]
+	});
+}
+//#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 };