@object-ui/plugin-form 6.2.2 → 7.0.0

package/dist/index.js

@@ -1,96 +1,156 @@
-import e, { useCallback as t, useEffect as n, useId as r, useMemo as i, useRef as a, useState as o } from "react";
-import { ComponentRegistry as s } from "@object-ui/core";
-import { SchemaRenderer as c, useSafeFieldLabel as l } from "@object-ui/react";
-import { buildValidationRules as u, evaluateCondition as d, formatFileSize as f, mapFieldTypeToFormType as p } from "@object-ui/fields";
-import { Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, Dialog as b, DialogDescription as x, DialogHeader as S, DialogTitle as C, MobileDialogContent as w, ResizableHandle as T, ResizablePanel as E, ResizablePanelGroup as D, Sheet as O, SheetContent as k, SheetDescription as A, SheetHeader as j, SheetTitle as M, Skeleton as N, Tabs as P, TabsContent as F, TabsList as I, TabsTrigger as L, cn as R, useIsMobile as z } from "@object-ui/components";
-import { usePermissions as B } from "@object-ui/permissions";
-import { Check as ee, CheckCircle2 as V, ChevronDown as H, ChevronLeft as te, ChevronRight as U, Loader2 as W, Lock as G, ShieldCheck as K } from "lucide-react";
-import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
+import e, { useCallback as t, useContext as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
+import { ComponentRegistry as c } from "@object-ui/core";
+import { SchemaRenderer as l, SchemaRendererContext as u, usePreviewMode as d, useRecordContext as f, useSafeFieldLabel as p, useSchemaContext as m } from "@object-ui/react";
+import { LineItemsField as h, buildValidationRules as g, evaluateCondition as _, formatFileSize as v, mapFieldTypeToFormType as y } from "@object-ui/fields";
+import { Button as b, Card as x, CardContent as S, CardDescription as C, CardHeader as w, CardTitle as T, Dialog as E, DialogDescription as D, DialogHeader as O, DialogTitle as k, MobileDialogContent as A, ResizableHandle as j, ResizablePanel as M, ResizablePanelGroup as N, Sheet as P, SheetContent as F, SheetDescription as I, SheetHeader as L, SheetTitle as R, Skeleton as z, Tabs as B, TabsContent as V, TabsList as H, TabsTrigger as U, cn as W, toast as G, useIsMobile as ee } from "@object-ui/components";
+import { usePermissions as K } from "@object-ui/permissions";
+import { Check as q, CheckCircle2 as te, ChevronDown as J, ChevronLeft as ne, ChevronRight as Y, Loader2 as re, Lock as ie, ShieldCheck as ae } from "lucide-react";
+import { Fragment as oe, jsx as X, jsxs as Z } from "react/jsx-runtime";
+//#region src/successBehavior.ts
+function se(e) {
+	try {
+		return typeof window > "u" ? !1 : new URL(e, window.location.href).origin === window.location.origin;
+	} catch {
+		return !1;
+	}
+}
+function ce(e, t) {
+	if (!e) return null;
+	let n = t?.id ?? t?.recordId ?? t?._id;
+	if (n == null || n === "") return null;
+	let r = e.replace(/\{(?:id|recordId)\}/g, String(n));
+	return se(r) ? r : null;
+}
+//#endregion
 //#region src/FormSection.tsx
-var X = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, columns: i = 1, children: a, className: s, gridClassName: c, showBorder: l }) => {
-	let [u, d] = o(r), f = {
+var Q = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, columns: i = 1, children: a, className: o, gridClassName: c, showBorder: l }) => {
+	let [u, d] = s(r), f = {
 		1: "grid-cols-1",
 		2: "grid-cols-1 md:grid-cols-2",
 		3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
 		4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
 	}, p = () => {
 		n && d(!u);
-	}, m = l ?? !!e, b = e || t ? /* @__PURE__ */ Y("div", {
-		className: R("flex items-start gap-2", !m && "mb-4", n && "cursor-pointer select-none"),
+	}, m = l ?? !!e, h = e || t ? /* @__PURE__ */ Z("div", {
+		className: W("flex items-start gap-2", !m && "mb-4", n && "cursor-pointer select-none"),
 		onClick: p,
 		role: n ? "button" : void 0,
 		"aria-expanded": n ? !u : void 0,
-		children: [n && /* @__PURE__ */ J("span", {
+		children: [n && /* @__PURE__ */ X("span", {
 			className: "mt-0.5 text-muted-foreground",
-			children: J(u ? U : H, { className: "h-4 w-4" })
-		}), /* @__PURE__ */ Y("div", {
+			children: X(u ? Y : J, { className: "h-4 w-4" })
+		}), /* @__PURE__ */ Z("div", {
 			className: "flex-1",
-			children: [e && /* @__PURE__ */ J("h3", {
+			children: [e && /* @__PURE__ */ X("h3", {
 				className: "text-base font-semibold text-foreground",
 				children: e
-			}), t && /* @__PURE__ */ J("p", {
+			}), t && /* @__PURE__ */ X("p", {
 				className: "text-sm text-muted-foreground mt-0.5",
 				children: t
 			})]
 		})]
-	}) : null, x = u ? null : /* @__PURE__ */ J("div", {
-		className: R("grid gap-4", c || f[i]),
+	}) : null, g = u ? null : /* @__PURE__ */ X("div", {
+		className: W("grid gap-4", c || f[i]),
 		children: a
 	});
-	return m ? /* @__PURE__ */ Y(h, {
-		className: R("form-section", s),
-		children: [b && /* @__PURE__ */ Y(v, {
+	return m ? /* @__PURE__ */ Z(x, {
+		className: W("form-section", o),
+		children: [h && /* @__PURE__ */ Z(w, {
 			className: "pb-3",
 			children: [
-				e && /* @__PURE__ */ J(y, {
+				e && /* @__PURE__ */ X(T, {
 					className: "text-base",
 					children: e
 				}),
-				t && /* @__PURE__ */ J(_, { children: t }),
-				n && /* @__PURE__ */ J("button", {
+				t && /* @__PURE__ */ X(C, { children: t }),
+				n && /* @__PURE__ */ X("button", {
 					type: "button",
 					className: "absolute right-4 top-4 text-muted-foreground",
 					onClick: p,
 					"aria-expanded": !u,
 					"aria-label": u ? "Expand section" : "Collapse section",
-					children: J(u ? U : H, { className: "h-4 w-4" })
+					children: X(u ? Y : J, { className: "h-4 w-4" })
 				})
 			]
-		}), x && /* @__PURE__ */ J(g, { children: x })]
-	}) : /* @__PURE__ */ Y("div", {
-		className: R("form-section", s),
-		children: [b, x]
+		}), g && /* @__PURE__ */ X(S, { children: g })]
+	}) : /* @__PURE__ */ Z("div", {
+		className: W("form-section", o),
+		children: [h, g]
 	});
-}, Z = ({ schema: n, dataSource: r, className: i }) => {
-	let { fieldLabel: a } = l(), [s, d] = o(null), [f, m] = o({}), [h, g] = o(!0), [_, v] = o(null), [y, b] = o(n.defaultTab || n.sections[0]?.name || n.sections[0]?.label || "tab-0");
+};
+//#endregion
+//#region src/sectionFields.ts
+function le(e, t) {
+	return typeof t == "string" && t.trim() ? {
+		...e,
+		visible: (e) => _(t, e)
+	} : e;
+}
+function ue(e, t) {
+	let n = t.objectSchema?.fields?.[e];
+	return n ? {
+		name: e,
+		label: t.fieldLabel(t.objectName, e, n.label || e),
+		type: y(n.type),
+		required: n.required || !1,
+		disabled: t.readOnly || t.mode === "view" || n.readonly,
+		placeholder: n.placeholder,
+		description: n.help || n.description,
+		validation: g(n),
+		field: n,
+		options: n.options,
+		multiple: n.multiple
+	} : {
+		name: e,
+		label: e,
+		type: "input"
+	};
+}
+function de(e, t) {
+	if (typeof e == "string") {
+		let n = t.objectSchema?.fields?.[e];
+		return le(ue(e, t), n?.visible_on ?? n?.visibleOn);
+	}
+	let n = e;
+	if (typeof n.field != "string") return le(n, n.visibleOn);
+	let r = n.field, i = ue(r, t);
+	return n.type != null && (i.type = y(n.type)), n.widget != null && (i.widget = n.widget), n.label != null && (i.label = n.label), n.placeholder != null && (i.placeholder = n.placeholder), n.helpText != null && (i.description = n.helpText), n.required != null && (i.required = n.required), n.readonly != null && (i.disabled = n.readonly || i.disabled), n.immutable != null && (i.immutable = n.immutable), n.hidden != null && (i.hidden = n.hidden), n.colSpan != null && (i.colSpan = n.colSpan), n.options != null && (i.options = n.options), n.multiple != null && (i.multiple = n.multiple), n.reference != null && (i.reference = n.reference), n.maxLength != null && (i.maxLength = n.maxLength), n.minLength != null && (i.minLength = n.minLength), n.min != null && (i.min = n.min), n.max != null && (i.max = n.max), n.precision != null && (i.precision = n.precision), n.scale != null && (i.scale = n.scale), n.language != null && (i.language = n.language), Array.isArray(n.fields) && (i.fields = n.fields), le(i, n.visibleOn);
+}
+function fe(e, t) {
+	return (e.fields ?? []).map((e) => de(e, t));
+}
+//#endregion
+//#region src/TabbedForm.tsx
+var pe = ({ schema: n, dataSource: r, className: i }) => {
+	let { fieldLabel: a } = p(), [o, c] = s(null), [u, d] = s({}), [f, m] = s(!0), [h, g] = s(null), [_, v] = s(n.defaultTab || n.sections[0]?.name || n.sections[0]?.label || "tab-0");
 	e.useEffect(() => {
 		(async () => {
 			if (!r) {
-				g(!1);
+				m(!1);
 				return;
 			}
 			try {
-				d(await r.getObjectSchema(n.objectName));
+				c(await r.getObjectSchema(n.objectName));
 			} catch (e) {
-				v(e);
+				g(e);
 			}
 		})();
 	}, [n.objectName, r]), e.useEffect(() => {
-		(s || !r) && (async () => {
+		(o || !r) && (async () => {
 			if (n.mode === "create" || !n.recordId || !r) {
-				m(n.initialData || n.initialValues || {}), g(!1);
+				d(n.initialData || n.initialValues || {}), m(!1);
 				return;
 			}
 			try {
-				m(await r.findOne(n.objectName, n.recordId) || {});
+				d(await r.findOne(n.objectName, n.recordId) || {});
 			} catch (e) {
-				v(e);
+				g(e);
 			} finally {
-				g(!1);
+				m(!1);
 			}
 		})();
 	}, [
-		s,
+		o,
 		n.mode,
 		n.recordId,
 		n.initialData,
@@ -98,38 +158,19 @@ var X = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		r,
 		n.objectName
 	]);
-	let x = t((e) => {
-		let t = [];
-		for (let r of e.fields) {
-			let e = typeof r == "string" ? r : r.name;
-			if (typeof r == "object") t.push(r);
-			else if (s?.fields?.[e]) {
-				let r = s.fields[e];
-				t.push({
-					name: e,
-					label: a(n.objectName, e, r.label || e),
-					type: p(r.type),
-					required: r.required || !1,
-					disabled: n.readOnly || n.mode === "view" || r.readonly,
-					placeholder: r.placeholder,
-					description: r.help || r.description,
-					validation: u(r),
-					field: r,
-					options: r.options,
-					multiple: r.multiple
-				});
-			} else t.push({
-				name: e,
-				label: e,
-				type: "input"
-			});
-		}
-		return t;
-	}, [
-		s,
+	let y = t((e) => fe(e, {
+		objectSchema: o,
+		objectName: n.objectName,
+		readOnly: n.readOnly,
+		mode: n.mode,
+		fieldLabel: a
+	}), [
+		o,
 		n.readOnly,
-		n.mode
-	]), S = t(async (e) => {
+		n.mode,
+		n.objectName,
+		a
+	]), b = t(async (e) => {
 		if (!r) return n.onSuccess && await n.onSuccess(e), e;
 		try {
 			let t;
@@ -137,101 +178,101 @@ var X = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		} catch (e) {
 			throw n.onError && n.onError(e), e;
 		}
-	}, [n, r]), C = t(() => {
+	}, [n, r]), x = t(() => {
 		n.onCancel && n.onCancel();
-	}, [n]), w = (e, t) => e.name || e.label || `tab-${t}`;
-	if (_) return /* @__PURE__ */ Y("div", {
+	}, [n]), S = (e, t) => e.name || e.label || `tab-${t}`;
+	if (h) return /* @__PURE__ */ Z("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ J("h3", {
+		children: [/* @__PURE__ */ X("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ J("p", {
+		}), /* @__PURE__ */ X("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: _.message
+			children: h.message
 		})]
 	});
-	if (h) return /* @__PURE__ */ Y("div", {
+	if (f) return /* @__PURE__ */ Z("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("p", {
+		children: [/* @__PURE__ */ X("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ X("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let T = {
+	let C = {
 		type: "form",
-		fields: n.sections.flatMap((e) => x(e)),
+		fields: n.sections.flatMap((e) => y(e)),
 		layout: "vertical",
-		defaultValues: f,
+		defaultValues: u,
 		submitLabel: n.submitText || (n.mode === "create" ? "Create" : "Update"),
 		cancelLabel: n.cancelText,
 		showSubmit: n.showSubmit !== !1 && n.mode !== "view",
 		showCancel: n.showCancel !== !1,
-		onSubmit: S,
-		onCancel: C
-	}, E = n.tabPosition === "left" || n.tabPosition === "right";
-	return /* @__PURE__ */ J("div", {
-		className: R("w-full", i, n.className),
-		children: /* @__PURE__ */ Y(P, {
-			value: y,
-			onValueChange: b,
-			orientation: E ? "vertical" : "horizontal",
-			className: R(E && "flex gap-4"),
-			children: [/* @__PURE__ */ J(I, {
-				className: R(E ? "flex-col h-auto" : "", n.tabPosition === "bottom" && "order-last", n.tabPosition === "right" && "order-last"),
-				children: n.sections.map((e, t) => /* @__PURE__ */ J(L, {
-					value: w(e, t),
-					className: E ? "w-full justify-start" : "",
+		onSubmit: b,
+		onCancel: x
+	}, w = n.tabPosition === "left" || n.tabPosition === "right";
+	return /* @__PURE__ */ X("div", {
+		className: W("w-full", i, n.className),
+		children: /* @__PURE__ */ Z(B, {
+			value: _,
+			onValueChange: v,
+			orientation: w ? "vertical" : "horizontal",
+			className: W(w && "flex gap-4"),
+			children: [/* @__PURE__ */ X(H, {
+				className: W(w ? "flex-col h-auto" : "", n.tabPosition === "bottom" && "order-last", n.tabPosition === "right" && "order-last"),
+				children: n.sections.map((e, t) => /* @__PURE__ */ X(U, {
+					value: S(e, t),
+					className: w ? "w-full justify-start" : "",
 					children: e.label || `Tab ${t + 1}`
-				}, w(e, t)))
-			}), /* @__PURE__ */ J("div", {
+				}, S(e, t)))
+			}), /* @__PURE__ */ X("div", {
 				className: "flex-1",
-				children: n.sections.map((e, t) => /* @__PURE__ */ J(F, {
-					value: w(e, t),
+				children: n.sections.map((e, t) => /* @__PURE__ */ X(V, {
+					value: S(e, t),
 					className: "mt-0",
-					children: /* @__PURE__ */ J(X, {
+					children: /* @__PURE__ */ X(Q, {
 						description: e.description,
 						columns: e.columns || 1,
-						children: /* @__PURE__ */ J(c, { schema: {
-							...T,
-							fields: x(e),
+						children: /* @__PURE__ */ X(l, { schema: {
+							...C,
+							fields: y(e),
 							showSubmit: n.showSubmit !== !1 && n.mode !== "view",
 							showCancel: n.showCancel !== !1
 						} })
 					})
-				}, w(e, t)))
+				}, S(e, t)))
 			})]
 		})
 	});
-}, Q = ({ schema: n, dataSource: r, className: a }) => {
-	let { fieldLabel: s } = l(), [f, h] = o(null), [g, _] = o({}), [v, y] = o(!0), [b, x] = o(null), [S, C] = o(0), [w, T] = o(/* @__PURE__ */ new Set()), [E, D] = o(!1), O = n.sections.length, k = S === 0, A = S === O - 1;
+}, me = ({ schema: n, dataSource: r, className: i }) => {
+	let { fieldLabel: o } = p(), [c, u] = s(null), [d, f] = s({}), [m, h] = s(!0), [g, _] = s(null), [v, y] = s(0), [x, S] = s(/* @__PURE__ */ new Set()), [C, w] = s(!1), T = e.useId(), [E, D] = s(0), O = e.useRef(!1), k = n.sections.length, A = v === 0, j = v === k - 1;
 	e.useEffect(() => {
 		(async () => {
 			if (!r) {
-				y(!1);
+				h(!1);
 				return;
 			}
 			try {
-				h(await r.getObjectSchema(n.objectName));
+				u(await r.getObjectSchema(n.objectName));
 			} catch (e) {
-				x(e);
+				_(e);
 			}
 		})();
 	}, [n.objectName, r]), e.useEffect(() => {
-		(f || !r) && (async () => {
+		(c || !r) && (async () => {
 			if (n.mode === "create" || !n.recordId || !r) {
-				_(n.initialData || n.initialValues || {}), y(!1);
+				O.current ||= (f(n.initialData || n.initialValues || {}), !0), h(!1);
 				return;
 			}
 			try {
-				_(await r.findOne(n.objectName, n.recordId) || {});
+				f(await r.findOne(n.objectName, n.recordId) || {});
 			} catch (e) {
-				x(e);
+				_(e);
 			} finally {
-				y(!1);
+				h(!1);
 			}
 		})();
 	}, [
-		f,
+		c,
 		n.mode,
 		n.recordId,
 		n.initialData,
@@ -239,129 +280,112 @@ var X = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		r,
 		n.objectName
 	]);
-	let j = t((e) => {
-		let t = [], r = (e, t) => typeof t == "string" && t.trim() ? {
-			...e,
-			visible: (e) => d(t, e)
-		} : e;
-		for (let i of e.fields) {
-			let e = typeof i == "string" ? i : i.name;
-			if (typeof i == "object") t.push(r(i, i.visibleOn));
-			else if (f?.fields?.[e]) {
-				let i = f.fields[e];
-				t.push(r({
-					name: e,
-					label: s(n.objectName, e, i.label || e),
-					type: p(i.type),
-					required: i.required || !1,
-					disabled: n.readOnly || n.mode === "view" || i.readonly,
-					placeholder: i.placeholder,
-					description: i.help || i.description,
-					validation: u(i),
-					field: i,
-					options: i.options,
-					multiple: i.multiple
-				}, i.visible_on ?? i.visibleOn));
-			} else t.push({
-				name: e,
-				label: e,
-				type: "input"
-			});
-		}
-		return t;
-	}, [
-		f,
+	let M = t((e) => fe(e, {
+		objectSchema: c,
+		objectName: n.objectName,
+		readOnly: n.readOnly,
+		mode: n.mode,
+		fieldLabel: o
+	}), [
+		c,
 		n.readOnly,
 		n.mode,
-		n.objectName
-	]), M = i(() => S >= 0 && S < O ? j(n.sections[S]) : [], [
-		S,
-		O,
+		n.objectName,
+		o
+	]), N = a(() => v >= 0 && v < k ? M(n.sections[v]) : [], [
+		v,
+		k,
 		n.sections,
-		j
-	]), N = t(async (e) => {
+		M
+	]), P = t(async (e) => {
 		let t = {
-			...g,
+			...d,
 			...e
 		};
-		if (_(t), T((e) => new Set(e).add(S)), A) {
-			D(!0);
+		if (f(t), S((e) => new Set(e).add(v)), j) {
+			w(!0);
 			try {
 				if (!r) return n.onSuccess && await n.onSuccess(t), t;
 				let e;
-				return n.mode === "create" ? e = await r.create(n.objectName, t) : n.mode === "edit" && n.recordId && (e = await r.update(n.objectName, n.recordId, t)), n.onSuccess && await n.onSuccess(e), e;
+				if (n.mode === "create" ? e = await r.create(n.objectName, t) : n.mode === "edit" && n.recordId && (e = await r.update(n.objectName, n.recordId, t)), n.onSuccess) await n.onSuccess(e);
+				else {
+					let t = ce(n.navigateOnSuccess, e);
+					if (t) return window.location.assign(t), e;
+					G.success(n.successMessage || (n.mode === "create" ? "Created" : "Saved")), n.resetOnSuccess && n.mode === "create" && (f({}), S(/* @__PURE__ */ new Set()), y(0), D((e) => e + 1));
+				}
+				return e;
 			} catch (e) {
 				throw n.onError && n.onError(e), e;
 			} finally {
-				D(!1);
+				w(!1);
 			}
-		} else P(S + 1);
+		} else F(v + 1);
 	}, [
-		g,
-		S,
-		A,
+		d,
+		v,
+		j,
 		n,
 		r
-	]), P = t((e) => {
-		e >= 0 && e < O && (C(e), n.onStepChange && n.onStepChange(e));
-	}, [O, n]), F = t(() => {
-		P(S - 1);
-	}, [S, P]), I = t(() => {
+	]), F = t((e) => {
+		e >= 0 && e < k && (y(e), n.onStepChange && n.onStepChange(e));
+	}, [k, n]), I = t(() => {
+		F(v - 1);
+	}, [v, F]), L = t(() => {
 		n.onCancel && n.onCancel();
-	}, [n]), L = t((e) => {
-		(n.allowSkip || w.has(e) || e <= S) && P(e);
+	}, [n]), R = t((e) => {
+		(n.allowSkip || x.has(e) || e <= v) && F(e);
 	}, [
 		n.allowSkip,
-		w,
-		S,
-		P
+		x,
+		v,
+		F
 	]);
-	if (b) return /* @__PURE__ */ Y("div", {
+	if (g) return /* @__PURE__ */ Z("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ J("h3", {
+		children: [/* @__PURE__ */ X("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ J("p", {
+		}), /* @__PURE__ */ X("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: b.message
+			children: g.message
 		})]
 	});
-	if (v) return /* @__PURE__ */ Y("div", {
+	if (m) return /* @__PURE__ */ Z("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("p", {
+		children: [/* @__PURE__ */ X("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ X("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let z = n.sections[S];
-	return /* @__PURE__ */ Y("div", {
-		className: R("w-full", a, n.className),
+	let z = n.sections[v];
+	return /* @__PURE__ */ Z("div", {
+		className: W("w-full", i, n.className),
 		children: [
-			n.showStepIndicator !== !1 && /* @__PURE__ */ J("nav", {
+			n.showStepIndicator !== !1 && /* @__PURE__ */ X("nav", {
 				"aria-label": "Progress",
 				className: "mb-8",
-				children: /* @__PURE__ */ J("ol", {
+				children: /* @__PURE__ */ X("ol", {
 					className: "flex items-center",
 					children: n.sections.map((e, t) => {
-						let r = t === S, i = w.has(t), a = n.allowSkip || i || t <= S;
-						return /* @__PURE__ */ Y("li", {
-							className: R("relative flex-1", t !== O - 1 && "pr-8 sm:pr-12"),
-							children: [t !== O - 1 && /* @__PURE__ */ J("div", {
+						let r = t === v, i = x.has(t), a = n.allowSkip || i || t <= v;
+						return /* @__PURE__ */ Z("li", {
+							className: W("relative flex-1", t !== k - 1 && "pr-8 sm:pr-12"),
+							children: [t !== k - 1 && /* @__PURE__ */ X("div", {
 								className: "absolute top-3 sm:top-4 left-6 -right-4 sm:left-10 sm:-right-2 h-0.5",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ J("div", { className: R("h-full", i ? "bg-primary" : "bg-muted") })
-							}), /* @__PURE__ */ Y("button", {
+								children: /* @__PURE__ */ X("div", { className: W("h-full", i ? "bg-primary" : "bg-muted") })
+							}), /* @__PURE__ */ Z("button", {
 								type: "button",
-								className: R("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
-								onClick: () => L(t),
+								className: W("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
+								onClick: () => R(t),
 								disabled: !a,
-								children: [/* @__PURE__ */ J("span", {
-									className: R("flex h-6 w-6 sm:h-8 sm:w-8 items-center justify-center rounded-full text-xs sm:text-sm font-medium transition-colors", i && "bg-primary text-primary-foreground", r && !i && "border-2 border-primary bg-background text-primary", !r && !i && "border-2 border-muted bg-background text-muted-foreground"),
-									children: i ? /* @__PURE__ */ J(ee, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
-								}), /* @__PURE__ */ J("span", {
+								children: [/* @__PURE__ */ X("span", {
+									className: W("flex h-6 w-6 sm:h-8 sm:w-8 items-center justify-center rounded-full text-xs sm:text-sm font-medium transition-colors", i && "bg-primary text-primary-foreground", r && !i && "border-2 border-primary bg-background text-primary", !r && !i && "border-2 border-muted bg-background text-muted-foreground"),
+									children: i ? /* @__PURE__ */ X(q, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
+								}), /* @__PURE__ */ X("span", {
 									className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block",
-									children: /* @__PURE__ */ J("span", {
-										className: R(r ? "text-foreground" : "text-muted-foreground"),
+									children: /* @__PURE__ */ X("span", {
+										className: W(r ? "text-foreground" : "text-muted-foreground"),
 										children: e.label || `Step ${t + 1}`
 									})
 								})]
@@ -370,186 +394,168 @@ var X = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 					})
 				})
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ X("div", {
 				className: "min-h-[200px]",
-				children: z && /* @__PURE__ */ J(X, {
+				children: z && /* @__PURE__ */ X(Q, {
 					label: z.label,
 					description: z.description,
 					columns: z.columns || 1,
-					children: M.length > 0 ? /* @__PURE__ */ J(c, { schema: {
+					children: N.length > 0 ? /* @__PURE__ */ X(l, { schema: {
 						type: "form",
-						fields: M,
+						objectName: n.objectName,
+						id: T,
+						fields: N,
 						layout: "vertical",
-						defaultValues: g,
+						defaultValues: d,
 						showSubmit: !1,
 						showCancel: !1,
-						onSubmit: N
-					} }) : /* @__PURE__ */ J("div", {
+						onSubmit: P
+					} }, E) : /* @__PURE__ */ X("div", {
 						className: "text-center py-8 text-muted-foreground",
 						children: "No fields configured for this step"
 					})
 				})
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ Z("div", {
 				className: "flex items-center justify-between mt-6 pt-4 border-t",
-				children: [/* @__PURE__ */ J("div", { children: n.showCancel !== !1 && /* @__PURE__ */ J(m, {
+				children: [/* @__PURE__ */ X("div", { children: n.showCancel !== !1 && /* @__PURE__ */ X(b, {
 					variant: "ghost",
-					onClick: I,
+					onClick: L,
 					children: n.cancelText || "Cancel"
-				}) }), /* @__PURE__ */ Y("div", {
+				}) }), /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ Y("span", {
+						/* @__PURE__ */ Z("span", {
 							className: "text-sm text-muted-foreground mr-2",
 							children: [
 								"Step ",
-								S + 1,
+								v + 1,
 								" of ",
-								O
+								k
 							]
 						}),
-						!k && /* @__PURE__ */ Y(m, {
+						!A && /* @__PURE__ */ Z(b, {
 							variant: "outline",
-							onClick: F,
-							children: [/* @__PURE__ */ J(te, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
+							onClick: I,
+							children: [/* @__PURE__ */ X(ne, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
 						}),
-						A ? /* @__PURE__ */ Y(m, {
-							onClick: () => N(g),
-							disabled: E || n.mode === "view",
-							children: [E && /* @__PURE__ */ J(W, {
+						j ? /* @__PURE__ */ Z(b, {
+							type: "submit",
+							form: T,
+							disabled: C || n.mode === "view",
+							children: [C && /* @__PURE__ */ X(re, {
 								className: "mr-2 h-4 w-4 animate-spin",
 								"aria-hidden": !0
-							}), E ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")]
-						}) : /* @__PURE__ */ Y(m, {
-							onClick: () => N(g),
-							children: [n.nextText || "Next", /* @__PURE__ */ J(U, { className: "h-4 w-4 ml-1" })]
+							}), C ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")]
+						}) : /* @__PURE__ */ Z(b, {
+							type: "submit",
+							form: T,
+							children: [n.nextText || "Next", /* @__PURE__ */ X(Y, { className: "h-4 w-4 ml-1" })]
 						})
 					]
 				})]
 			})
 		]
 	});
-}, ne = ({ schema: e, dataSource: r, className: a }) => {
-	let { fieldLabel: s } = l(), [f, m] = o(null), [h, g] = o({}), [_, v] = o(!0), [y, b] = o(null);
-	n(() => {
+}, he = ({ schema: e, dataSource: n, className: i }) => {
+	let { fieldLabel: o } = p(), [c, u] = s(null), [d, f] = s({}), [m, h] = s(!0), [g, _] = s(null);
+	r(() => {
 		(async () => {
-			if (!r) {
-				v(!1);
+			if (!n) {
+				h(!1);
 				return;
 			}
 			try {
-				m(await r.getObjectSchema(e.objectName));
+				u(await n.getObjectSchema(e.objectName));
 			} catch (e) {
-				b(e), v(!1);
+				_(e), h(!1);
 			}
 		})();
-	}, [e.objectName, r]), n(() => {
-		(f || !r) && (async () => {
+	}, [e.objectName, n]), r(() => {
+		(c || !n) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
-				g(e.initialData || e.initialValues || {}), v(!1);
+				f(e.initialData || e.initialValues || {}), h(!1);
 				return;
 			}
-			if (!r) {
-				g(e.initialData || e.initialValues || {}), v(!1);
+			if (!n) {
+				f(e.initialData || e.initialValues || {}), h(!1);
 				return;
 			}
 			try {
-				g(await r.findOne(e.objectName, e.recordId) || {});
+				f(await n.findOne(e.objectName, e.recordId) || {});
 			} catch (e) {
-				b(e);
+				_(e);
 			} finally {
-				v(!1);
+				h(!1);
 			}
 		})();
 	}, [
-		f,
+		c,
 		e.mode,
 		e.recordId,
 		e.initialData,
 		e.initialValues,
-		r,
+		n,
 		e.objectName
 	]);
-	let x = t((t) => {
-		let n = [], r = (e, t) => typeof t == "string" && t.trim() ? {
-			...e,
-			visible: (e) => d(t, e)
-		} : e;
-		for (let i of t.fields) {
-			let t = typeof i == "string" ? i : i.name;
-			if (typeof i == "object") n.push(r(i, i.visibleOn));
-			else if (f?.fields?.[t]) {
-				let i = f.fields[t];
-				n.push(r({
-					name: t,
-					label: s(e.objectName, t, i.label || t),
-					type: p(i.type),
-					required: i.required || !1,
-					disabled: e.readOnly || e.mode === "view" || i.readonly,
-					placeholder: i.placeholder,
-					description: i.help || i.description,
-					validation: u(i),
-					field: i,
-					options: i.options,
-					multiple: i.multiple
-				}, i.visible_on ?? i.visibleOn));
-			} else n.push({
-				name: t,
-				label: t,
-				type: "input"
-			});
-		}
-		return n;
-	}, [
-		f,
+	let v = t((t) => fe(t, {
+		objectSchema: c,
+		objectName: e.objectName,
+		readOnly: e.readOnly,
+		mode: e.mode,
+		fieldLabel: o
+	}), [
+		c,
 		e.readOnly,
 		e.mode,
-		e.objectName
-	]), S = t(async (t) => {
-		if (!r) return e.onSuccess && await e.onSuccess(t), t;
+		e.objectName,
+		o
+	]), y = t(async (t) => {
+		if (!n) return e.onSuccess && await e.onSuccess(t), t;
 		try {
-			let n;
-			return e.mode === "create" ? n = await r.create(e.objectName, t) : e.mode === "edit" && e.recordId && (n = await r.update(e.objectName, e.recordId, t)), e.onSuccess && await e.onSuccess(n), n;
+			let r;
+			return e.mode === "create" ? r = await n.create(e.objectName, t) : e.mode === "edit" && e.recordId && (r = await n.update(e.objectName, e.recordId, t)), e.onSuccess && await e.onSuccess(r), r;
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		}
-	}, [e, r]), C = t(() => {
+	}, [e, n]), b = t(() => {
 		e.onCancel && e.onCancel();
-	}, [e]), w = i(() => e.sections.slice(0, 1), [e.sections]), O = i(() => e.sections.slice(1), [e.sections]);
-	i(() => e.sections.flatMap((e) => x(e)), [e.sections, x]);
-	let k = e.splitDirection || "horizontal", A = e.splitSize || 50;
-	if (y) return /* @__PURE__ */ Y("div", {
+	}, [e]), x = a(() => e.sections.slice(0, 1), [e.sections]), S = a(() => e.sections.slice(1), [e.sections]);
+	a(() => e.sections.flatMap((e) => v(e)), [e.sections, v]);
+	let C = e.splitDirection || "horizontal", w = e.splitSize || 50;
+	if (g) return /* @__PURE__ */ Z("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ J("h3", {
+		children: [/* @__PURE__ */ X("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ J("p", {
+		}), /* @__PURE__ */ X("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: y.message
+			children: g.message
 		})]
 	});
-	if (_) return /* @__PURE__ */ Y("div", {
+	if (m) return /* @__PURE__ */ Z("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("p", {
+		children: [/* @__PURE__ */ X("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ X("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let j = {
+	let T = {
 		type: "form",
+		objectName: e.objectName,
 		layout: "vertical",
-		defaultValues: h,
-		onSubmit: S,
-		onCancel: C
-	}, M = (t, n) => /* @__PURE__ */ J("div", {
+		defaultValues: d,
+		onSubmit: y,
+		onCancel: b
+	}, E = (t, n) => /* @__PURE__ */ X("div", {
 		className: "space-y-4 p-4",
-		children: t.map((t, r) => /* @__PURE__ */ J(X, {
+		children: t.map((t, r) => /* @__PURE__ */ X(Q, {
 			label: t.label,
 			description: t.description,
 			columns: t.columns || 1,
-			children: /* @__PURE__ */ J(c, { schema: {
-				...j,
-				fields: x(t),
+			children: /* @__PURE__ */ X(l, { schema: {
+				...T,
+				fields: v(t),
 				showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
 				showCancel: n && e.showCancel !== !1,
 				submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
@@ -557,28 +563,787 @@ var X = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			} })
 		}, t.name || t.label || r))
 	});
-	return /* @__PURE__ */ J("div", {
-		className: R("w-full", a, e.className),
-		children: /* @__PURE__ */ Y(D, {
-			orientation: k,
+	return /* @__PURE__ */ X("div", {
+		className: W("w-full", i, e.className),
+		children: /* @__PURE__ */ Z(N, {
+			orientation: C,
 			className: "min-h-[300px] rounded-lg border",
-			children: [/* @__PURE__ */ J(E, {
-				defaultSize: A,
+			children: [/* @__PURE__ */ X(M, {
+				defaultSize: w,
 				minSize: 20,
-				children: M(w, O.length === 0)
-			}), O.length > 0 && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(T, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ J(E, {
-				defaultSize: 100 - A,
+				children: E(x, S.length === 0)
+			}), S.length > 0 && /* @__PURE__ */ Z(oe, { children: [/* @__PURE__ */ X(j, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ X(M, {
+				defaultSize: 100 - w,
 				minSize: 20,
-				children: M(O, !0)
+				children: E(S, !0)
 			})] })]
 		})
 	});
-}, re = new Set([
+}, $ = (e) => e == null ? void 0 : e.id ?? e._id ?? e.recordId, ge = new Set([
+	"id",
+	"_id",
+	"recordId"
+]);
+function _e(e, t) {
+	return e ? Object.entries(e).every(([e, n]) => e === t || ge.has(e) ? !0 : n == null || n === "") : !0;
+}
+function ve(e, t, n) {
+	let r = [{
+		object: e,
+		action: "create",
+		data: t
+	}];
+	for (let e of n) for (let t of e.rows) _e(t, e.relationshipField) || r.push({
+		object: e.childObject,
+		action: "create",
+		data: {
+			...t,
+			[e.relationshipField]: { $ref: 0 }
+		}
+	});
+	return r;
+}
+function ye(e, t, n, r) {
+	let i = [{
+		object: e,
+		action: "update",
+		id: t,
+		data: n
+	}];
+	for (let e of r) {
+		let n = (e.rows || []).map((n) => ({
+			...n,
+			[e.relationshipField]: t
+		})), { toCreate: r, toUpdate: a, toDelete: o } = be(e.original || [], n);
+		for (let t of r) {
+			if (_e(t, e.relationshipField)) continue;
+			let { id: n, _id: r, recordId: a, ...o } = t;
+			i.push({
+				object: e.childObject,
+				action: "create",
+				data: o
+			});
+		}
+		for (let t of a) i.push({
+			object: e.childObject,
+			action: "update",
+			id: $(t),
+			data: t
+		});
+		for (let t of o) i.push({
+			object: e.childObject,
+			action: "delete",
+			id: t
+		});
+	}
+	return i;
+}
+function be(e, t) {
+	let n = new Set(t.map($).filter(Boolean));
+	return {
+		toCreate: t.filter((e) => !$(e)),
+		toUpdate: t.filter((e) => $(e)),
+		toDelete: (e || []).map($).filter((e) => !!e && !n.has(e))
+	};
+}
+function xe(e, t) {
+	return Array.isArray(e) ? e.reduce((e, n) => {
+		let r = Number(n?.[t]);
+		return e + (Number.isFinite(r) ? r : 0);
+	}, 0) : 0;
+}
+function Se(e) {
+	return Array.isArray(e) ? e : e && Array.isArray(e.records) ? e.records : e && Array.isArray(e.data) ? e.data : e && (e.id || e._id) ? [e] : [];
+}
+async function Ce(e, t, n) {
+	return n.length === 0 ? [] : typeof e.bulk == "function" ? Se(await e.bulk(t, "create", n)) : Se(await Promise.all(n.map((n) => e.create(t, n))));
+}
+async function we(e, t, n, r) {
+	let i = [], a = r.rows.filter((e) => $(e) || !_e(e, r.relationshipField)).map((e) => ({
+		...e,
+		[r.relationshipField]: n
+	}));
+	if (r.original !== void 0) {
+		let { toCreate: t, toUpdate: n, toDelete: o } = be(r.original, a), s = await Ce(e, r.childObject, t);
+		for (let e of s) {
+			let t = $(e);
+			t && i.push({
+				object: r.childObject,
+				id: t
+			});
+		}
+		await Promise.all(n.map((t) => e.update(r.childObject, $(t), t))), await Promise.all(o.map((t) => e.delete(r.childObject, t)));
+	} else {
+		let t = await Ce(e, r.childObject, a);
+		for (let e of t) {
+			let t = $(e);
+			t && i.push({
+				object: r.childObject,
+				id: t
+			});
+		}
+	}
+	if (r.totalField) {
+		let i = xe(r.rows, r.amountField || "amount");
+		await e.update(t, n, { [r.totalField]: i });
+	}
+	return { created: i };
+}
+//#endregion
+//#region src/deriveMasterDetail.ts
+var Te = new Set([
+	"id",
+	"_id",
+	"recordId",
+	"created_at",
+	"updated_at",
+	"created_by",
+	"updated_by",
+	"createdAt",
+	"updatedAt",
+	"createdBy",
+	"updatedBy",
+	"organization_id",
+	"tenant_id",
+	"space",
+	"owner"
+]), Ee = new Set([
+	"position",
+	"sort_order",
+	"sequence",
+	"line_no",
+	"line_number",
+	"sort"
+]), De = new Set([
+	"formula",
+	"summary",
+	"rollup",
+	"autonumber",
+	"auto_number",
+	"file",
+	"image",
+	"avatar",
+	"json",
+	"object",
+	"grid",
+	"table",
+	"location",
+	"vector",
+	"html",
+	"markdown",
+	"richtext"
+]);
+function Oe(e) {
+	switch (e) {
+		case "number":
+		case "percent":
+		case "rating":
+		case "slider": return "number";
+		case "currency": return "currency";
+		case "date":
+		case "datetime":
+		case "time": return "date";
+		case "select":
+		case "picklist":
+		case "radio":
+		case "boolean":
+		case "toggle": return "select";
+		case "lookup":
+		case "master_detail": return "lookup";
+		default: return "text";
+	}
+}
+function ke(e) {
+	if (e?.type === "boolean" || e?.type === "toggle") return [{
+		label: "Yes",
+		value: "true"
+	}, {
+		label: "No",
+		value: "false"
+	}];
+	let t = e?.options;
+	if (Array.isArray(t)) return t.map((e) => typeof e == "object" && e ? {
+		label: String(e.label ?? e.value),
+		value: String(e.value)
+	} : {
+		label: String(e),
+		value: String(e)
+	});
+}
+function Ae(e, t) {
+	let n = e?.fields;
+	if (!n || typeof n != "object") return;
+	let r;
+	for (let [e, i] of Object.entries(n)) {
+		let n = i;
+		if (n?.reference === t) {
+			if (n?.type === "master_detail") return e;
+			n?.type === "lookup" && !r && (r = e);
+		}
+	}
+	return r;
+}
+var je = [
+	"name",
+	"title",
+	"subject",
+	"label",
+	"full_name",
+	"display_name",
+	"code"
+], Me = {
+	select: 0,
+	currency: 1,
+	number: 1,
+	lookup: 2,
+	date: 3,
+	text: 4
+};
+function Ne(e, t) {
+	if (t <= 0 || e.length <= t) return e;
+	let n = /* @__PURE__ */ new Set(), r = e.find((e) => je.includes(e.field)) ?? e[0];
+	r && n.add(r.field);
+	for (let t of e) t.required && n.add(t.field);
+	let i = e.map((e, t) => ({
+		c: e,
+		i: t
+	})).filter(({ c: e }) => !n.has(e.field)).sort((e, t) => (Me[e.c.type] ?? 5) - (Me[t.c.type] ?? 5) || e.i - t.i);
+	for (let { c: e } of i) {
+		if (n.size >= t) break;
+		n.add(e.field);
+	}
+	return e.map((e) => n.has(e.field) ? e : {
+		...e,
+		defaultHidden: !0
+	});
+}
+function Pe(e, t = {}) {
+	let n = e?.fields;
+	if (!n || typeof n != "object") return [];
+	let r = new Set([...t.exclude ?? [], ...t.relationshipField ? [t.relationshipField] : []]), i = [];
+	for (let [e, t] of Object.entries(n)) {
+		let n = t;
+		if (Te.has(e) || r.has(e) || Ee.has(e) || n?.system || n?.readonly || n?.hidden || De.has(n?.type)) continue;
+		let a = {
+			field: e,
+			label: n?.label || e,
+			type: Oe(n?.type),
+			required: !!n?.required
+		}, o = ke(n);
+		a.type === "select" && o && (a.options = o), a.type === "lookup" && (a.reference = n?.reference, a.displayField = n?.display_field || n?.reference_field), n?.readonlyWhen && (a.readonlyWhen = n.readonlyWhen), (n?.requiredWhen ?? n?.conditionalRequired) && (a.requiredWhen = n.requiredWhen ?? n.conditionalRequired);
+		let s = typeof n?.expression == "string" ? n.expression : n?.expression?.source;
+		s && typeof s == "string" && (a.computed = !0, a.expr = s, a.required = !1, typeof n?.scale == "number" && (a.scale = n.scale)), i.push(a);
+	}
+	return Ne(i, t.maxColumns ?? 6);
+}
+var Fe = new Set([
+	"formula",
+	"summary",
+	"rollup",
+	"autonumber",
+	"auto_number"
+]);
+function Ie(e, t = {}) {
+	let n = e?.fields;
+	if (!n || typeof n != "object") return [];
+	let r = new Set([...t.exclude ?? [], ...t.relationshipField ? [t.relationshipField] : []]), i = [];
+	for (let [e, t] of Object.entries(n)) {
+		let n = t;
+		Te.has(e) || r.has(e) || Ee.has(e) || n?.system || n?.hidden || Fe.has(n?.type) || i.push(e);
+	}
+	return i;
+}
+var Le = new Set([
+	"textarea",
+	"richtext",
+	"html",
+	"markdown",
+	"rich-text",
+	"file",
+	"image",
+	"avatar",
+	"attachment",
+	"json",
+	"location",
+	"address"
+]);
+function Re(e, t, n = {}) {
+	if (t === "grid" || t === "form") return t;
+	let r = e?.fields ?? {}, i = Ie(e, { relationshipField: n.relationshipField });
+	return i.some((e) => Le.has(r[e]?.type)) || i.length > 8 ? "form" : "grid";
+}
+var ze = [
+	"amount",
+	"total",
+	"subtotal",
+	"line_total",
+	"line_amount",
+	"net_amount"
+];
+function Be(e) {
+	let t = e.filter((e) => e.type === "number" || e.type === "currency");
+	if (t.length === 0) return;
+	let n = t.find((e) => e.computed);
+	if (n) return n.field;
+	let r = t.find((e) => ze.includes(e.field));
+	if (r) return r.field;
+	let i = [...t].reverse().find((e) => e.type === "currency");
+	return i ? i.field : t[t.length - 1].field;
+}
+function Ve(e, t, n, r = {}) {
+	let i = r.relationshipField || Ae(t, n);
+	if (!i) throw Error(`MasterDetailForm: could not find a lookup/master_detail field on "${e}" referencing "${n}". Set relationshipField explicitly.`);
+	let a = r.columns?.length ? r.columns : Pe(t, { relationshipField: i }), o = r.amountField || Be(a);
+	return {
+		childObject: e,
+		relationshipField: i,
+		columns: a,
+		formFields: Ie(t, { relationshipField: i }),
+		mode: Re(t, r.inlineEdit ?? (t?.fields)?.[i]?.inlineEdit, { relationshipField: i }),
+		amountField: o,
+		sortField: Object.keys(t?.fields ?? {}).find((e) => Ee.has(e))
+	};
+}
+//#endregion
+//#region src/MasterDetailForm.tsx
+function He(e) {
+	if (!e) return {};
+	let t = {};
+	return e.querySelectorAll("[name]").forEach((e) => {
+		let n = e.getAttribute("name");
+		if (n) {
+			if (e.tagName === "INPUT") {
+				let r = e;
+				if (r.type === "checkbox") {
+					t[n] = r.checked;
+					return;
+				}
+				if (r.type === "radio") {
+					r.checked && (t[n] = r.value);
+					return;
+				}
+				if (r.type === "number" || r.type === "range") {
+					if (r.value === "") {
+						t[n] = null;
+						return;
+					}
+					let e = Number(r.value);
+					t[n] = Number.isFinite(e) ? e : r.value;
+					return;
+				}
+				t[n] = r.value;
+				return;
+			}
+			t[n] = e.value;
+		}
+	}), t;
+}
+var Ue = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, formKey: c, onRowExpand: l, onAddViaForm: u }) => {
+	let [d, f] = s({}), p = o("");
+	r(() => {
+		let e = i.current;
+		if (!e) return;
+		let t = () => {
+			let t = He(e), n;
+			try {
+				n = JSON.stringify(t);
+			} catch {
+				n = String(Math.random());
+			}
+			n !== p.current && (p.current = n, f(t));
+		};
+		t();
+		let n = () => t();
+		e.addEventListener("input", n), e.addEventListener("change", n);
+		let r = [
+			120,
+			360,
+			800
+		].map((e) => setTimeout(t, e));
+		return () => {
+			e.removeEventListener("input", n), e.removeEventListener("change", n), r.forEach(clearTimeout);
+		};
+	}, [
+		i,
+		c,
+		e.length
+	]);
+	let m = d[a], g = m === void 0 ? null : Number.isFinite(Number(m)) ? Number(m) : 0, _ = e.reduce((e, n, r) => e + xe(t[r]?.rows ?? [], n.amountField || "amount"), 0), v = g !== null && e.some((e) => !!e.amountField), y = g ?? 0, b = y / 100 * _, x = _ + b, S = (e) => `¥${e.toLocaleString(void 0, {
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2
+	})}`;
+	return /* @__PURE__ */ Z(oe, { children: [e.map((e, r) => /* @__PURE__ */ Z("section", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ X("h3", {
+			className: "text-sm font-medium text-foreground",
+			children: e.title || "Line Items"
+		}), e.columns?.length ? /* @__PURE__ */ X(h, {
+			value: t[r]?.rows ?? [],
+			onChange: (e) => n(r, e),
+			contextRecord: d,
+			...e.inlineMode === "form" || (e.formFields?.length ?? 0) > (e.columns?.length ?? 0) ? { onRowExpand: (e) => l(r, e) } : {},
+			displayMode: e.inlineMode === "form" ? "list" : "grid",
+			...e.inlineMode === "form" ? { onAdd: () => u(r) } : {},
+			field: {
+				columns: e.columns,
+				total_field: v ? void 0 : e.amountField || (e.totalField ? "amount" : void 0),
+				sort_field: e.sortField,
+				min_rows: e.minRows,
+				max_rows: e.maxRows,
+				add_label: e.inlineMode === "form" ? e.addLabel || "Add" : e.addLabel
+			}
+		}) : /* @__PURE__ */ X("p", {
+			className: "py-4 text-sm text-muted-foreground",
+			children: "Loading columns…"
+		})]
+	}, `${e.childObject}-${r}`)), v && /* @__PURE__ */ X("div", {
+		className: "flex justify-end",
+		children: /* @__PURE__ */ Z("dl", {
+			className: "w-64 space-y-1.5 text-sm",
+			"data-testid": "md-totals",
+			children: [
+				/* @__PURE__ */ Z("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ X("dt", {
+						className: "text-muted-foreground",
+						children: "Subtotal"
+					}), /* @__PURE__ */ X("dd", {
+						className: "tabular-nums",
+						"data-testid": "md-subtotal",
+						children: S(_)
+					})]
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ Z("dt", {
+						className: "text-muted-foreground",
+						children: [
+							"Tax (",
+							y,
+							"%)"
+						]
+					}), /* @__PURE__ */ X("dd", {
+						className: "tabular-nums",
+						"data-testid": "md-tax",
+						children: S(b)
+					})]
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "flex items-center justify-between border-t border-border pt-1.5 text-base font-semibold",
+					children: [/* @__PURE__ */ X("dt", { children: "Total" }), /* @__PURE__ */ X("dd", {
+						className: "tabular-nums",
+						"data-testid": "md-grand-total",
+						children: S(x)
+					})]
+				})
+			]
+		})
+	})] });
+}, We = ({ schema: e, dataSource: n, className: i }) => {
+	let c = e.details || [], l = e.mode === "edit" && !!e.recordId, u = c.some((e) => !e.relationshipField || !e.columns?.length), [d, f] = s(u ? null : c), p = d ?? c;
+	r(() => {
+		if (!u) {
+			f(c);
+			return;
+		}
+		if (!n || typeof n.getObjectSchema != "function") return;
+		let t = !1;
+		return (async () => {
+			let r = await Promise.all(c.map(async (t) => {
+				if (t.relationshipField && t.columns?.length) return t;
+				try {
+					let r = await n.getObjectSchema(t.childObject), i = Ve(t.childObject, r, e.objectName, {
+						relationshipField: t.relationshipField,
+						columns: t.columns,
+						amountField: t.amountField
+					});
+					return {
+						...t,
+						relationshipField: i.relationshipField,
+						columns: i.columns,
+						formFields: t.formFields ?? i.formFields,
+						inlineMode: t.inlineMode ?? i.mode,
+						amountField: t.amountField ?? i.amountField,
+						sortField: t.sortField ?? i.sortField
+					};
+				} catch {
+					return t;
+				}
+			}));
+			t || f(r);
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		n,
+		e.objectName,
+		e.details
+	]);
+	let [m, h] = s(() => c.map(() => ({
+		rows: [],
+		original: []
+	}))), g = o(m);
+	g.current = m;
+	let [_, v] = s(0), [y, C] = s(!1), E = o(!1), D = o(null), O = t(() => {
+		E.current = !1, C(!1), D.current &&= (clearTimeout(D.current), null);
+	}, []);
+	r(() => {
+		let t = !1;
+		if (!(!l || !n)) return (async () => {
+			let r = await Promise.all(p.map(async (t) => {
+				if (!t.relationshipField) return {
+					rows: [],
+					original: []
+				};
+				try {
+					let r = (await n.find(t.childObject, {
+						$filter: { [t.relationshipField]: e.recordId },
+						$top: 500
+					}))?.data ?? [];
+					return {
+						rows: r.map((e) => ({ ...e })),
+						original: r.map((e) => ({ ...e }))
+					};
+				} catch {
+					return {
+						rows: [],
+						original: []
+					};
+				}
+			}));
+			t || h(r);
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		l,
+		n,
+		e.recordId,
+		d
+	]);
+	let k = t((e, t) => {
+		h((n) => n.map((n, r) => r === e ? {
+			...n,
+			rows: t
+		} : n));
+	}, []), A = e.taxRateField || "tax_rate", [j, M] = s(null), N = j ? m[j.detailIdx]?.rows?.[j.rowIdx] : void 0, P = j ? p[j.detailIdx] : void 0, F = t((e, t, n) => {
+		h((r) => r.map((r, i) => i === e ? {
+			...r,
+			rows: r.rows.map((e, r) => r === t ? {
+				...e,
+				...n
+			} : e)
+		} : r));
+	}, []), I = t((e) => {
+		h((t) => {
+			let n = t.map((t, n) => n === e ? {
+				...t,
+				rows: [...t.rows, {}]
+			} : t);
+			return M({
+				detailIdx: e,
+				rowIdx: n[e].rows.length - 1,
+				isNew: !0
+			}), n;
+		});
+	}, []), L = t(() => {
+		M((e) => (e?.isNew && h((t) => t.map((t, n) => n === e.detailIdx ? {
+			...t,
+			rows: t.rows.filter((t, n) => n !== e.rowIdx)
+		} : t)), null));
+	}, []), R = t(async (t) => {
+		O(), G.success(l ? e.title ? `${e.title} saved` : "Saved" : "Created"), l || (h(p.map(() => ({
+			rows: [],
+			original: []
+		}))), v((e) => e + 1)), await e.onSuccess?.(t);
+	}, [
+		l,
+		e.onSuccess,
+		e.title,
+		p.length,
+		O
+	]), z = t((t) => {
+		O(), G.error(t?.message || "Save failed"), e.onError?.(t);
+	}, [e, O]), B = t(async (t) => {
+		let r = [];
+		for (let i = 0; i < p.length; i++) {
+			let a = p[i], { rows: o, original: s } = g.current[i];
+			if (!a.relationshipField) continue;
+			let { created: c } = await we(n, e.objectName, t, {
+				childObject: a.childObject,
+				relationshipField: a.relationshipField,
+				rows: o,
+				original: l ? s : void 0,
+				amountField: a.amountField,
+				totalField: a.totalField
+			});
+			r.push(...c);
+		}
+		return r;
+	}, [
+		p,
+		l,
+		n,
+		e.objectName
+	]), V = t(async (t) => {
+		let r = $(t) ?? e.recordId;
+		if (!r) throw Error("MasterDetailForm: parent record has no id after save");
+		if (!n) throw Error("MasterDetailForm: dataSource is required");
+		let i = [];
+		try {
+			i = await B(r);
+		} catch (t) {
+			throw l || await Promise.allSettled([...i.map((e) => n.delete(e.object, e.id)), n.delete(e.objectName, r)]), t;
+		}
+		await R(t);
+	}, [
+		n,
+		l,
+		B,
+		e,
+		R
+	]), H = typeof n?.batchTransaction == "function", U = t(async (t) => {
+		let r = n, i = { ...t };
+		p.forEach((e, t) => {
+			e.totalField && (i[e.totalField] = xe(g.current[t]?.rows ?? [], e.amountField || "amount"));
+		});
+		let a = l ? ye(e.objectName, e.recordId, i, p.filter((e) => e.relationshipField).map((e, t) => ({
+			childObject: e.childObject,
+			relationshipField: e.relationshipField,
+			rows: g.current[t]?.rows ?? [],
+			original: g.current[t]?.original ?? []
+		}))) : ve(e.objectName, i, p.filter((e) => e.relationshipField).map((e, t) => ({
+			childObject: e.childObject,
+			relationshipField: e.relationshipField,
+			rows: g.current[t]?.rows ?? []
+		})));
+		return (await r.batchTransaction(a))?.results?.[0] ?? {
+			...i,
+			id: e.recordId
+		};
+	}, [
+		n,
+		p,
+		e.objectName,
+		e.recordId,
+		l
+	]), ee = a(() => ({
+		type: "object-form",
+		objectName: e.objectName,
+		mode: e.mode ?? "create",
+		recordId: e.recordId,
+		initialValues: e.initialValues,
+		initialData: e.initialData,
+		formType: e.formType,
+		sections: e.sections,
+		fields: e.fields,
+		title: e.title,
+		showSubmit: !1,
+		showCancel: !1,
+		...H ? {
+			submitHandler: U,
+			onSuccess: R
+		} : { onSuccess: V },
+		onError: z
+	}), [
+		e,
+		V,
+		H,
+		U,
+		R,
+		z
+	]), K = o(null), q = e.submitText ?? (l ? "Save" : "Create"), te = t(() => {
+		E.current || K.current?.querySelector("form") && (E.current = !0, C(!0), setTimeout(() => {
+			(K.current?.querySelector("form"))?.requestSubmit();
+		}, 0), D.current = setTimeout(() => O(), 1500));
+	}, [O]);
+	return r(() => () => {
+		D.current && clearTimeout(D.current);
+	}, []), /* @__PURE__ */ Z("div", {
+		className: W("space-y-6", i, e.className),
+		children: [
+			/* @__PURE__ */ X("div", {
+				ref: K,
+				children: /* @__PURE__ */ X(mt, {
+					schema: ee,
+					dataSource: n
+				}, _)
+			}),
+			/* @__PURE__ */ X(Ue, {
+				details: p,
+				state: m,
+				setRows: k,
+				formHostRef: K,
+				taxRateField: A,
+				formKey: _,
+				onRowExpand: (e, t) => M({
+					detailIdx: e,
+					rowIdx: t
+				}),
+				onAddViaForm: I
+			}),
+			j && P && /* @__PURE__ */ Z(x, {
+				className: "border-primary/40 shadow-none ring-1 ring-primary/10",
+				"data-testid": "md-row-form",
+				children: [/* @__PURE__ */ Z(w, {
+					className: "pb-2 flex flex-row items-center justify-between gap-2 space-y-0",
+					children: [/* @__PURE__ */ Z(T, {
+						className: "text-sm font-medium",
+						children: [
+							P.title || "Line item",
+							" — row ",
+							j.rowIdx + 1
+						]
+					}), /* @__PURE__ */ X(b, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						className: "h-7 text-xs text-muted-foreground",
+						onClick: L,
+						children: "Close"
+					})]
+				}), /* @__PURE__ */ X(S, { children: /* @__PURE__ */ X(mt, {
+					schema: {
+						type: "object-form",
+						objectName: P.childObject,
+						mode: "edit",
+						initialData: N ?? {},
+						...P.formFields?.length ? { fields: P.formFields } : {},
+						submitText: "Apply",
+						submitHandler: async (e) => e,
+						onSuccess: (e) => {
+							F(j.detailIdx, j.rowIdx, e), M(null);
+						},
+						onCancel: L
+					},
+					dataSource: n
+				}, `row-${j.detailIdx}-${j.rowIdx}`) })]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "flex items-center justify-end gap-2 border-t border-border pt-4",
+				children: [e.onCancel && /* @__PURE__ */ X(b, {
+					type: "button",
+					variant: "outline",
+					onClick: e.onCancel,
+					disabled: y,
+					"data-testid": "md-form-cancel",
+					children: "Cancel"
+				}), /* @__PURE__ */ X(b, {
+					type: "button",
+					onClick: te,
+					disabled: y || u && !d,
+					"data-testid": "md-form-submit",
+					children: y ? "Saving…" : q
+				})]
+			})
+		]
+	});
+}, Ge = new Set([
 	"field:formula",
 	"field:summary",
 	"field:auto_number",
 	"field:autonumber"
-]), ie = new Set([
+]), Ke = new Set([
 	"field:textarea",
 	"field:markdown",
 	"field:html",
@@ -589,28 +1354,28 @@ var X = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 	"html",
 	"grid",
 	"rich-text"
-]), ae = new Set([
+]), qe = new Set([
 	"formula",
 	"summary",
 	"auto_number",
 	"autonumber"
 ]);
-function oe(e) {
-	return ie.has(e);
+function Je(e) {
+	return Ke.has(e);
 }
-function se(e) {
-	return ae.has(e);
+function Ye(e) {
+	return qe.has(e);
 }
-function ce(e) {
+function Xe(e) {
 	return e <= 3 ? 1 : 2;
 }
-function le(e, t) {
-	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && oe(e.type) ? {
+function Ze(e, t) {
+	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && Je(e.type) ? {
 		...e,
 		colSpan: t
 	} : e);
 }
-var ue = new Set([
+var Qe = new Set([
 	"id",
 	"created_at",
 	"createdAt",
@@ -637,42 +1402,46 @@ var ue = new Set([
 	"_version",
 	"_rev"
 ]);
-function de(e, t) {
-	return e.filter((e) => !(ue.has(e.name) || t?.fields?.[e.name]?.readonly === !0));
+function $e(e, t) {
+	return e.filter((e) => {
+		if (Qe.has(e.name)) return !1;
+		let n = t?.fields?.[e.name];
+		return !(n?.hidden === !0 || n?.readonly === !0);
+	});
 }
-function fe(e, t) {
+function et(e, t) {
 	return e.filter((e) => {
-		if (ue.has(e.name) || e.type && re.has(e.type)) return !1;
+		if (Qe.has(e.name) || e.type && Ge.has(e.type)) return !1;
 		if (!t?.fields) return !0;
 		let n = t.fields[e.name];
-		return n ? n.readonly === !0 ? !1 : !se(n.type) : !0;
+		return n ? n.readonly === !0 ? !1 : !Ye(n.type) : !0;
 	});
 }
-function pe(e, t) {
+function tt(e, t) {
 	return e.filter((e) => {
-		if (e.type && re.has(e.type)) return !1;
+		if (e.type && Ge.has(e.type)) return !1;
 		let n = t?.fields?.[e.name];
-		return n ? !se(n.type) : !0;
+		return n ? !Ye(n.type) : !0;
 	});
 }
-function me(e) {
+function nt(e) {
 	return e <= 1 ? "default" : e === 2 ? "xl" : "full";
 }
-function $(e, t, n, r) {
+function rt(e, t, n, r) {
 	let i = [...e];
-	if (i = de(i, t), r === "create" && (i = pe(i, t)), n !== void 0) return i = le(i, n), {
+	if (i = $e(i, t), r === "create" && (i = tt(i, t)), n !== void 0) return i = Ze(i, n), {
 		fields: i,
 		columns: n
 	};
-	let a = ce(i.length);
-	return i = le(i, a), {
+	let a = Xe(i.length);
+	return i = Ze(i, a), {
 		fields: i,
 		columns: a
 	};
 }
 //#endregion
 //#region src/sanitize.ts
-var he = new Set([
+var it = new Set([
 	"id",
 	"_id",
 	"created_at",
@@ -681,7 +1450,7 @@ var he = new Set([
 	"updatedAt",
 	"organization_id",
 	"organizationId"
-]), ge = new Set([
+]), at = new Set([
 	"formula",
 	"rollup",
 	"lookup_value",
@@ -689,15 +1458,15 @@ var he = new Set([
 	"autonumber",
 	"computed"
 ]);
-function _e(e, t) {
+function ot(e, t) {
 	if (!e || typeof e != "object") return e;
 	let n = {}, r = t?.fields;
-	for (let [t, i] of Object.entries(e)) if (!he.has(t)) {
+	for (let [t, i] of Object.entries(e)) if (!it.has(t)) {
 		if (r) {
 			let e = r[t];
 			if (!e) continue;
 			let n = String(e.type || "").toLowerCase();
-			if (ge.has(n) || e.computed === !0 || e.formula || e.readOnly === !0 || e.readonly === !0) continue;
+			if (at.has(n) || e.computed === !0 || e.formula || e.readOnly === !0 || e.readonly === !0) continue;
 		}
 		n[t] = i;
 	}
@@ -705,248 +1474,262 @@ function _e(e, t) {
 }
 //#endregion
 //#region src/DrawerForm.tsx
-var ve = {
+var st = {
 	1: void 0,
 	2: "grid gap-4 grid-cols-1 @md:grid-cols-2",
 	3: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3",
 	4: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4"
-}, ye = ({ schema: e, dataSource: r, className: a }) => {
-	let { fieldLabel: s } = l(), [d, f] = o(null), [m, h] = o([]), [g, _] = o({}), [v, y] = o(!0), [b, x] = o(null), S = e.open !== !1, C = e.drawerSide || "right", [w, T] = o(() => {
+}, ct = ({ schema: e, dataSource: n, className: i }) => {
+	let { fieldLabel: o } = p(), c = d(), [u, f] = s(null), [m, h] = s([]), [_, v] = s({}), [b, x] = s(!0), [S, C] = s(null), w = e.open !== !1, T = e.drawerSide || "right", [E, D] = s(() => {
 		let t = {};
 		return e.sections?.forEach((e, n) => {
 			let r = e.name || String(n);
 			e.collapsed && (t[r] = !0);
 		}), t;
 	});
-	n(() => {
+	r(() => {
 		(async () => {
-			if (!r) {
-				y(!1);
+			if (!n) {
+				x(!1);
 				return;
 			}
 			try {
-				f(await r.getObjectSchema(e.objectName));
+				f(await n.getObjectSchema(e.objectName));
 			} catch (e) {
-				x(e), y(!1);
+				C(e), x(!1);
 			}
 		})();
-	}, [e.objectName, r]), n(() => {
-		(d || !r) && (async () => {
+	}, [e.objectName, n]), r(() => {
+		(u || !n) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
-				_(e.initialData || e.initialValues || {}), y(!1);
+				v(e.initialData || e.initialValues || {}), x(!1);
 				return;
 			}
-			if (!r) {
-				_(e.initialData || e.initialValues || {}), y(!1);
+			if (!n) {
+				v(e.initialData || e.initialValues || {}), x(!1);
 				return;
 			}
 			try {
-				_(await r.findOne(e.objectName, e.recordId) || {});
+				v(await n.findOne(e.objectName, e.recordId) || {});
 			} catch (e) {
-				x(e);
+				C(e);
 			} finally {
-				y(!1);
+				x(!1);
 			}
 		})();
 	}, [
-		d,
+		u,
 		e.mode,
 		e.recordId,
 		e.initialData,
 		e.initialValues,
-		r,
+		n,
 		e.objectName
 	]);
-	let E = t((t) => {
-		let n = [];
-		for (let r of t.fields) {
-			let t = typeof r == "string" ? r : r.name;
-			if (typeof r == "object") n.push(r);
-			else if (d?.fields?.[t]) {
-				let r = d.fields[t];
-				n.push({
-					name: t,
-					label: s(e.objectName, t, r.label || t),
-					type: p(r.type),
-					required: r.required || !1,
-					disabled: e.readOnly || e.mode === "view" || r.readonly,
-					placeholder: r.placeholder,
-					description: r.help || r.description,
-					validation: u(r),
-					field: r,
-					options: r.options,
-					multiple: r.multiple
-				});
-			} else n.push({
-				name: t,
-				label: t,
-				type: "input"
-			});
-		}
-		return n;
-	}, [
-		d,
+	let O = t((t) => fe(t, {
+		objectSchema: u,
+		objectName: e.objectName,
+		readOnly: e.readOnly,
+		mode: e.mode,
+		fieldLabel: o
+	}), [
+		u,
 		e.readOnly,
-		e.mode
+		e.mode,
+		e.objectName,
+		o
 	]);
-	n(() => {
-		if (!d && r) return;
+	r(() => {
+		if (!u && n) return;
 		if (e.customFields?.length) {
-			h(e.customFields), y(!1);
+			h(e.customFields), x(!1);
 			return;
 		}
 		if (e.sections?.length) {
-			y(!1);
+			x(!1);
 			return;
 		}
-		if (!d) return;
-		let t = e.fields || Object.keys(d.fields || {}), n = [];
-		for (let r of t) {
-			let t = typeof r == "string" ? r : r.name;
+		if (!u) return;
+		let t = e.fields || Object.keys(u.fields || {}), r = [];
+		for (let n of t) {
+			let t = typeof n == "string" ? n : n.name;
 			if (!t) continue;
-			let i = d.fields?.[t];
-			i && n.push({
+			let i = u.fields?.[t];
+			i && r.push({
 				name: t,
-				label: s(e.objectName, t, i.label || t),
-				type: p(i.type),
+				label: o(e.objectName, t, i.label || t),
+				type: y(i.type),
 				required: i.required || !1,
 				disabled: e.readOnly || e.mode === "view" || i.readonly,
 				placeholder: i.placeholder,
 				description: i.help || i.description,
-				validation: u(i),
+				validation: g(i),
 				field: i,
 				options: i.options,
 				multiple: i.multiple
 			});
 		}
-		h(n), y(!1);
+		h(r), x(!1);
 	}, [
-		d,
+		u,
 		e.fields,
 		e.customFields,
 		e.sections,
 		e.readOnly,
 		e.mode,
-		r
+		n
 	]);
-	let D = t(async (t) => {
-		if (!r) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
+	let k = t(async (t) => {
+		if (!n) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
 		try {
-			let n, i = _e(t, d);
-			return e.mode === "create" ? n = await r.create(e.objectName, i) : e.mode === "edit" && e.recordId && (n = await r.update(e.objectName, e.recordId, i)), e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
+			let r, i = ot(t, u);
+			return e.mode === "create" ? r = await n.create(e.objectName, i) : e.mode === "edit" && e.recordId && (r = await n.update(e.objectName, e.recordId, i)), e.onSuccess && await e.onSuccess(r), e.onOpenChange?.(!1), r;
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		}
 	}, [
 		e,
-		r,
-		d
-	]), N = t(() => {
+		n,
+		u
+	]), A = t(() => {
 		e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-	}, [e]), P = i(() => {
-		if (e.drawerWidth) return C === "left" || C === "right" ? {
+	}, [e]), j = a(() => {
+		if (e.drawerWidth) return T === "left" || T === "right" ? {
 			width: e.drawerWidth,
 			maxWidth: e.drawerWidth
 		} : {
 			height: e.drawerWidth,
 			maxHeight: e.drawerWidth
 		};
-	}, [e.drawerWidth, C]), F = {
+	}, [e.drawerWidth, T]), M = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", N = {
 		type: "form",
-		layout: e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical",
-		defaultValues: g,
+		objectName: e.objectName,
+		layout: M,
+		defaultValues: _,
 		submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
 		cancelLabel: e.cancelText,
 		showSubmit: e.showSubmit !== !1 && e.mode !== "view",
 		showCancel: e.showCancel !== !1,
-		onSubmit: D,
-		onCancel: N
-	};
-	return /* @__PURE__ */ J(O, {
-		open: S,
+		onSubmit: k,
+		onCancel: A
+	}, z = () => {
+		if (S) return /* @__PURE__ */ Z("div", {
+			className: "p-4 border border-red-300 bg-red-50 rounded-md",
+			children: [/* @__PURE__ */ X("h3", {
+				className: "text-red-800 font-semibold",
+				children: "Error loading form"
+			}), /* @__PURE__ */ X("p", {
+				className: "text-red-600 text-sm mt-1",
+				children: S.message
+			})]
+		});
+		if (b) return /* @__PURE__ */ Z("div", {
+			className: "p-8 text-center",
+			children: [/* @__PURE__ */ X("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ X("p", {
+				className: "mt-2 text-sm text-gray-600",
+				children: "Loading form..."
+			})]
+		});
+		if (e.sections?.length) {
+			let t = [];
+			return e.sections.forEach((e, n) => {
+				let r = e.name || String(n), i = E[r] ?? e.collapsed ?? !1;
+				t.push({
+					name: `__section_${r}`,
+					label: e.label || "",
+					type: "section-divider",
+					colSpan: 4,
+					collapsible: e.collapsible,
+					collapsed: i,
+					onToggle: e.collapsible ? () => D((e) => ({
+						...e,
+						[r]: !i
+					})) : void 0
+				});
+				let a = O(e);
+				i ? t.push(...a.map((e) => ({
+					...e,
+					hidden: !0
+				}))) : t.push(...a);
+			}), /* @__PURE__ */ X(l, { schema: {
+				...N,
+				fields: t
+			} });
+		}
+		let t = rt(m, u, e.columns, e.mode), n = st[t.columns || 1];
+		return /* @__PURE__ */ X(l, { schema: {
+			...N,
+			fields: t.fields,
+			columns: t.columns,
+			...n ? { fieldContainerClass: n } : {}
+		} });
+	}, B = e.subforms, V = B?.length && e.mode !== "view" ? /* @__PURE__ */ X(We, {
+		schema: {
+			type: "object-master-detail-form",
+			objectName: e.objectName,
+			mode: e.mode === "edit" ? "edit" : "create",
+			recordId: e.recordId,
+			fields: e.fields,
+			sections: e.sections,
+			submitText: e.submitText,
+			details: B,
+			onSuccess: async (t) => {
+				await e.onSuccess?.(t), e.onOpenChange?.(!1);
+			},
+			onError: e.onError,
+			onCancel: () => e.onOpenChange?.(!1)
+		},
+		dataSource: n
+	}) : z();
+	return c ? /* @__PURE__ */ Z("div", {
+		className: "@container rounded-md border bg-card p-4",
+		children: [(e.title || e.description) && /* @__PURE__ */ Z("div", {
+			className: "mb-3 space-y-0.5",
+			children: [e.title && /* @__PURE__ */ X("div", {
+				className: "text-sm font-semibold",
+				children: e.title
+			}), e.description && /* @__PURE__ */ X("p", {
+				className: "text-xs text-muted-foreground",
+				children: e.description
+			})]
+		}), V]
+	}) : /* @__PURE__ */ X(P, {
+		open: w,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ Y(k, {
-			side: C,
-			className: R("overflow-y-auto", a, e.className),
-			style: P,
-			children: [(e.title || e.description) && /* @__PURE__ */ Y(j, { children: [e.title && /* @__PURE__ */ J(M, { children: e.title }), e.description && /* @__PURE__ */ J(A, { children: e.description })] }), /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ Z(F, {
+			side: T,
+			className: W("overflow-y-auto", i, e.className),
+			style: j,
+			children: [(e.title || e.description) && /* @__PURE__ */ Z(L, { children: [e.title && /* @__PURE__ */ X(R, { children: e.title }), e.description ? /* @__PURE__ */ X(I, { children: e.description }) : /* @__PURE__ */ X(I, {
+				className: "sr-only",
+				children: "Complete the form fields, then submit or cancel."
+			})] }), /* @__PURE__ */ X("div", {
 				className: "@container py-4",
-				children: (() => {
-					if (b) return /* @__PURE__ */ Y("div", {
-						className: "p-4 border border-red-300 bg-red-50 rounded-md",
-						children: [/* @__PURE__ */ J("h3", {
-							className: "text-red-800 font-semibold",
-							children: "Error loading form"
-						}), /* @__PURE__ */ J("p", {
-							className: "text-red-600 text-sm mt-1",
-							children: b.message
-						})]
-					});
-					if (v) return /* @__PURE__ */ Y("div", {
-						className: "p-8 text-center",
-						children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("p", {
-							className: "mt-2 text-sm text-gray-600",
-							children: "Loading form..."
-						})]
-					});
-					if (e.sections?.length) {
-						let t = [];
-						return e.sections.forEach((e, n) => {
-							let r = e.name || String(n), i = w[r] ?? e.collapsed ?? !1;
-							t.push({
-								name: `__section_${r}`,
-								label: e.label || "",
-								type: "section-divider",
-								colSpan: 4,
-								collapsible: e.collapsible,
-								collapsed: i,
-								onToggle: e.collapsible ? () => T((e) => ({
-									...e,
-									[r]: !i
-								})) : void 0
-							});
-							let a = E(e);
-							i ? t.push(...a.map((e) => ({
-								...e,
-								hidden: !0
-							}))) : t.push(...a);
-						}), /* @__PURE__ */ J(c, { schema: {
-							...F,
-							fields: t
-						} });
-					}
-					let t = $(m, d, e.columns, e.mode), n = ve[t.columns || 1];
-					return /* @__PURE__ */ J(c, { schema: {
-						...F,
-						fields: t.fields,
-						columns: t.columns,
-						...n ? { fieldContainerClass: n } : {}
-					} });
-				})()
+				children: V
 			})]
 		})
 	});
-}, be = {
+}, lt = {
 	sm: "sm:max-w-sm",
 	default: "sm:max-w-lg",
 	lg: "sm:max-w-2xl",
 	xl: "sm:max-w-5xl",
 	full: "sm:max-w-[95vw] sm:w-full"
-}, xe = {
+}, ut = {
 	1: void 0,
 	2: "grid gap-4 grid-cols-1 @md:grid-cols-2",
 	3: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3",
 	4: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4"
-}, Se = ({ schema: e, dataSource: a, className: s }) => {
-	let { fieldLabel: f } = l(), h = B(), g = t((t) => {
-		if (!h?.isLoaded) return t;
+}, dt = ({ schema: e, dataSource: n, className: o }) => {
+	let { fieldLabel: c } = p(), u = d(), f = K(), m = t((t) => {
+		if (!f?.isLoaded) return t;
 		let n = [];
 		for (let r of t) {
 			if (!r?.name) {
 				n.push(r);
 				continue;
 			}
-			h.checkField(e.objectName, r.name, "read") && (!h.checkField(e.objectName, r.name, "write") && e.mode !== "view" ? n.push({
+			f.checkField(e.objectName, r.name, "read") && (!f.checkField(e.objectName, r.name, "write") && e.mode !== "view" ? n.push({
 				...r,
 				readOnly: !0,
 				disabled: !0
@@ -954,155 +1737,132 @@ var ve = {
 		}
 		return n;
 	}, [
-		h,
+		f,
 		e.objectName,
 		e.mode
-	]), [_, v] = o(null), [y, T] = o([]), [E, D] = o({}), [O, k] = o(!0), [A, j] = o(null), [M, P] = o(!1), F = e.open !== !1, I = r(), L = i(() => e.sections?.length || e.customFields?.length ? null : $(y, _, e.columns, e.mode), [
-		y,
-		_,
+	]), [h, _] = s(null), [v, x] = s([]), [S, C] = s({}), [w, T] = s(!0), [j, M] = s(null), [N, P] = s(!1), F = e.open !== !1, I = i(), L = a(() => e.sections?.length || e.customFields?.length ? null : rt(v, h, e.columns, e.mode), [
+		v,
+		h,
 		e.columns,
 		e.mode,
 		e.sections,
 		e.customFields
-	]), z = be[i(() => {
+	]), R = lt[a(() => {
 		if (e.modalSize) return e.modalSize;
-		if (L?.columns && L.columns > 1) return me(L.columns);
+		if (L?.columns && L.columns > 1) return nt(L.columns);
 		if (e.sections?.length) {
 			let t = Math.max(...e.sections.map((e) => Number(e.columns) || 1));
-			if (t > 1) return me(t);
+			if (t > 1) return nt(t);
 		}
 		return "default";
 	}, [
 		e.modalSize,
 		L,
 		e.sections
-	])] || be.default;
-	n(() => {
+	])] || lt.default;
+	r(() => {
 		(async () => {
-			if (!a) {
-				k(!1);
+			if (!n) {
+				T(!1);
 				return;
 			}
 			try {
-				v(await a.getObjectSchema(e.objectName));
+				_(await n.getObjectSchema(e.objectName));
 			} catch (e) {
-				j(e), k(!1);
+				M(e), T(!1);
 			}
 		})();
-	}, [e.objectName, a]), n(() => {
-		(_ || !a) && (async () => {
+	}, [e.objectName, n]), r(() => {
+		(h || !n) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
-				D(e.initialData || e.initialValues || {}), k(!1);
+				C(e.initialData || e.initialValues || {}), T(!1);
 				return;
 			}
-			if (!a) {
-				D(e.initialData || e.initialValues || {}), k(!1);
+			if (!n) {
+				C(e.initialData || e.initialValues || {}), T(!1);
 				return;
 			}
 			try {
-				D(await a.findOne(e.objectName, e.recordId) || {});
+				C(await n.findOne(e.objectName, e.recordId) || {});
 			} catch (e) {
-				j(e);
+				M(e);
 			} finally {
-				k(!1);
+				T(!1);
 			}
 		})();
 	}, [
-		_,
+		h,
 		e.mode,
 		e.recordId,
 		e.initialData,
 		e.initialValues,
-		a,
+		n,
 		e.objectName
 	]);
-	let ee = t((t) => {
-		let n = [], r = (e, t) => typeof t == "string" && t.trim() ? {
-			...e,
-			visible: (e) => d(t, e)
-		} : e;
-		for (let i of t.fields) {
-			let t = typeof i == "string" ? i : i.name;
-			if (typeof i == "object") n.push(r(i, i.visibleOn));
-			else if (_?.fields?.[t]) {
-				let i = _.fields[t];
-				n.push(r({
-					name: t,
-					label: f(e.objectName, t, i.label || t),
-					type: p(i.type),
-					required: i.required || !1,
-					disabled: e.readOnly || e.mode === "view" || i.readonly,
-					placeholder: i.placeholder,
-					description: i.help || i.description,
-					validation: u(i),
-					field: i,
-					options: i.options,
-					multiple: i.multiple
-				}, i.visible_on ?? i.visibleOn));
-			} else n.push({
-				name: t,
-				label: t,
-				type: "input"
-			});
-		}
-		return n;
-	}, [
-		_,
+	let G = t((t) => fe(t, {
+		objectSchema: h,
+		objectName: e.objectName,
+		readOnly: e.readOnly,
+		mode: e.mode,
+		fieldLabel: c
+	}), [
+		h,
 		e.readOnly,
 		e.mode,
-		e.objectName
+		e.objectName,
+		c
 	]);
-	n(() => {
-		if (!_ && a) return;
+	r(() => {
+		if (!h && n) return;
 		if (e.customFields?.length) {
-			T(e.customFields), k(!1);
+			x(e.customFields), T(!1);
 			return;
 		}
 		if (e.sections?.length) {
-			k(!1);
+			T(!1);
 			return;
 		}
-		if (!_) return;
-		let t = e.fields || Object.keys(_.fields || {}), n = [];
-		for (let r of t) {
-			let t = typeof r == "string" ? r : r.name;
+		if (!h) return;
+		let t = e.fields || Object.keys(h.fields || {}), r = [];
+		for (let n of t) {
+			let t = typeof n == "string" ? n : n.name;
 			if (!t) continue;
-			let i = _.fields?.[t];
-			i && n.push({
+			let i = h.fields?.[t];
+			i && r.push({
 				name: t,
-				label: f(e.objectName, t, i.label || t),
-				type: p(i.type),
+				label: c(e.objectName, t, i.label || t),
+				type: y(i.type),
 				required: i.required || !1,
 				disabled: e.readOnly || e.mode === "view" || i.readonly,
 				placeholder: i.placeholder,
 				description: i.help || i.description,
-				validation: u(i),
+				validation: g(i),
 				field: i,
 				options: i.options,
 				multiple: i.multiple
 			});
 		}
-		T(n), k(!1);
+		x(r), T(!1);
 	}, [
-		_,
+		h,
 		e.fields,
 		e.customFields,
 		e.sections,
 		e.readOnly,
 		e.mode,
-		a
+		n
 	]);
-	let V = t(async (t) => {
+	let ee = t(async (t) => {
 		P(!0);
 		try {
-			if (!a) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
-			let n, r = _e(t, _);
-			if (h?.isLoaded) {
+			if (!n) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
+			let r, i = ot(t, h);
+			if (f?.isLoaded) {
 				let t = {};
-				for (let n of Object.keys(r)) h.checkField(e.objectName, n, "write") && (t[n] = r[n]);
-				r = t;
+				for (let n of Object.keys(i)) f.checkField(e.objectName, n, "write") && (t[n] = i[n]);
+				i = t;
 			}
-			return e.mode === "create" ? n = await a.create(e.objectName, r) : e.mode === "edit" && e.recordId && (n = await a.update(e.objectName, e.recordId, r)), e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
+			return e.mode === "create" ? r = await n.create(e.objectName, i) : e.mode === "edit" && e.recordId && (r = await n.update(e.objectName, e.recordId, i)), e.onSuccess && await e.onSuccess(r), e.onOpenChange?.(!1), r;
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		} finally {
@@ -1110,110 +1870,221 @@ var ve = {
 		}
 	}, [
 		e,
-		a,
-		_,
-		h
-	]), H = t(() => {
+		n,
+		h,
+		f
+	]), q = t(() => {
 		e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-	}, [e]), te = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", U = e.showSubmit !== !1 && e.mode !== "view", G = e.showCancel !== !1, K = e.submitText || (e.mode === "create" ? "Create" : "Update"), q = e.cancelText || "Cancel", Z = {
+	}, [e]), te = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", J = e.showSubmit !== !1 && e.mode !== "view", ne = e.showCancel !== !1, Y = e.submitText || (e.mode === "create" ? "Create" : "Update"), ie = e.cancelText || "Cancel", ae = {
 		type: "form",
+		objectName: e.objectName,
 		layout: te,
-		defaultValues: E,
-		submitLabel: K,
-		cancelLabel: q,
-		showSubmit: U,
-		showCancel: G,
-		onSubmit: V,
-		onCancel: H,
+		defaultValues: S,
+		submitLabel: Y,
+		cancelLabel: ie,
+		showSubmit: J,
+		showCancel: ne,
+		onSubmit: ee,
+		onCancel: q,
 		showActions: !1,
 		id: I
-	}, Q = () => {
-		if (A) return /* @__PURE__ */ Y("div", {
+	}, oe = () => {
+		if (j) return /* @__PURE__ */ Z("div", {
 			className: "p-4 border border-red-300 bg-red-50 rounded-md",
-			children: [/* @__PURE__ */ J("h3", {
+			children: [/* @__PURE__ */ X("h3", {
 				className: "text-red-800 font-semibold",
 				children: "Error loading form"
-			}), /* @__PURE__ */ J("p", {
+			}), /* @__PURE__ */ X("p", {
 				className: "text-red-600 text-sm mt-1",
-				children: A.message
+				children: j.message
 			})]
 		});
-		if (O) return /* @__PURE__ */ J("div", {
+		if (w) return /* @__PURE__ */ X("div", {
 			className: "space-y-4",
 			"data-testid": "modal-form-skeleton",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ Y("div", {
+			].map((e) => /* @__PURE__ */ Z("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ J(N, { className: "h-4 w-24" }), /* @__PURE__ */ J(N, { className: "h-10 w-full" })]
+				children: [/* @__PURE__ */ X(z, { className: "h-4 w-24" }), /* @__PURE__ */ X(z, { className: "h-10 w-full" })]
 			}, e))
 		});
-		if (e.sections?.length) return /* @__PURE__ */ J("div", {
-			className: "space-y-6",
-			children: e.sections.map((e, t) => {
-				let n = e.columns || 1;
-				return /* @__PURE__ */ J(X, {
+		if (e.sections?.length) {
+			let t = e.sections, n = (e, t) => e.name || e.label || String(t), r = (e) => /* @__PURE__ */ X(l, { schema: {
+				...ae,
+				fields: m(G(e))
+			} });
+			return e.contentLayout === "tabbed" && t.length > 1 ? /* @__PURE__ */ Z(B, {
+				defaultValue: n(t[0], 0),
+				className: "w-full",
+				children: [/* @__PURE__ */ X(H, {
+					className: "mb-4",
+					children: t.map((e, t) => /* @__PURE__ */ X(U, {
+						value: n(e, t),
+						children: e.label || `Section ${t + 1}`
+					}, n(e, t)))
+				}), t.map((e, t) => /* @__PURE__ */ X(V, {
+					value: n(e, t),
+					children: /* @__PURE__ */ X(Q, {
+						description: e.description,
+						columns: e.columns || 1,
+						gridClassName: ut[e.columns || 1],
+						children: r(e)
+					})
+				}, n(e, t)))]
+			}) : /* @__PURE__ */ X("div", {
+				className: "space-y-6",
+				children: t.map((e, t) => /* @__PURE__ */ X(Q, {
 					label: e.label,
 					description: e.description,
-					columns: n,
-					gridClassName: xe[n],
-					children: /* @__PURE__ */ J(c, { schema: {
-						...Z,
-						fields: g(ee(e))
-					} })
-				}, e.name || e.label || t);
-			})
-		});
-		let t = L ?? $(y, _, e.columns, e.mode), n = xe[t.columns || 1];
-		return /* @__PURE__ */ J(c, { schema: {
-			...Z,
-			fields: g(t.fields),
+					columns: e.columns || 1,
+					gridClassName: ut[e.columns || 1],
+					children: r(e)
+				}, n(e, t)))
+			});
+		}
+		let t = L ?? rt(v, h, e.columns, e.mode), n = ut[t.columns || 1];
+		return /* @__PURE__ */ X(l, { schema: {
+			...ae,
+			fields: m(t.fields),
 			columns: t.columns,
 			...n ? { fieldContainerClass: n } : {}
 		} });
-	}, ne = !O && !A && (U || G);
-	return /* @__PURE__ */ J(b, {
+	}, se = e.subforms;
+	if (u) return /* @__PURE__ */ Z("div", {
+		className: "@container rounded-md border bg-card p-4",
+		children: [(e.title || e.description) && /* @__PURE__ */ Z("div", {
+			className: "mb-3 space-y-0.5",
+			children: [e.title && /* @__PURE__ */ X("div", {
+				className: "text-sm font-semibold",
+				children: e.title
+			}), e.description && /* @__PURE__ */ X("p", {
+				className: "text-xs text-muted-foreground",
+				children: e.description
+			})]
+		}), oe()]
+	});
+	if (se?.length && e.mode !== "view") return /* @__PURE__ */ X(E, {
+		open: F,
+		onOpenChange: e.onOpenChange,
+		children: /* @__PURE__ */ Z(A, {
+			className: W(R, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", o, e.className),
+			children: [(e.title || e.description) && /* @__PURE__ */ Z(O, {
+				className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
+				children: [e.title && /* @__PURE__ */ X(k, { children: e.title }), e.description ? /* @__PURE__ */ X(D, { children: e.description }) : /* @__PURE__ */ X(D, {
+					className: "sr-only",
+					children: "Enter the record and its line items, then save."
+				})]
+			}), /* @__PURE__ */ X("div", {
+				className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
+				children: /* @__PURE__ */ X(We, {
+					schema: {
+						type: "object-master-detail-form",
+						objectName: e.objectName,
+						mode: e.mode === "edit" ? "edit" : "create",
+						recordId: e.recordId,
+						fields: e.fields,
+						sections: e.sections,
+						submitText: Y,
+						details: se,
+						onSuccess: async (t) => {
+							await e.onSuccess?.(t), e.onOpenChange?.(!1);
+						},
+						onError: e.onError,
+						onCancel: () => e.onOpenChange?.(!1)
+					},
+					dataSource: n
+				})
+			})]
+		})
+	});
+	let ce = !w && !j && (J || ne);
+	return /* @__PURE__ */ X(E, {
 		open: F,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ Y(w, {
-			className: R(z, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", s, e.className),
+		children: /* @__PURE__ */ Z(A, {
+			className: W(R, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", o, e.className),
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ Y(S, {
+				(e.title || e.description) && /* @__PURE__ */ Z(O, {
 					className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-					children: [e.title && /* @__PURE__ */ J(C, { children: e.title }), e.description && /* @__PURE__ */ J(x, { children: e.description })]
+					children: [e.title && /* @__PURE__ */ X(k, { children: e.title }), e.description ? /* @__PURE__ */ X(D, { children: e.description }) : /* @__PURE__ */ X(D, {
+						className: "sr-only",
+						children: "Complete the form fields, then submit or cancel."
+					})]
 				}),
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ X("div", {
 					className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-					children: Q()
+					children: oe()
 				}),
-				ne && /* @__PURE__ */ J("div", {
+				ce && /* @__PURE__ */ X("div", {
 					className: "shrink-0 border-t px-4 sm:px-6 py-3 bg-background",
 					"data-testid": "modal-form-footer",
-					children: /* @__PURE__ */ Y("div", {
+					children: /* @__PURE__ */ Z("div", {
 						className: "flex flex-col sm:flex-row gap-2 sm:justify-end",
-						children: [G && /* @__PURE__ */ J(m, {
+						children: [ne && /* @__PURE__ */ X(b, {
 							type: "button",
 							variant: "outline",
-							onClick: H,
-							disabled: M,
+							onClick: q,
+							disabled: N,
 							className: "w-full sm:w-auto",
-							children: q
-						}), U && /* @__PURE__ */ Y(m, {
+							children: ie
+						}), J && /* @__PURE__ */ Z(b, {
 							type: "submit",
 							form: I,
-							disabled: M,
+							disabled: N,
 							className: "w-full sm:w-auto",
-							children: [M && /* @__PURE__ */ J(W, { className: "mr-2 h-4 w-4 animate-spin" }), K]
+							children: [N && /* @__PURE__ */ X(re, { className: "mr-2 h-4 w-4 animate-spin" }), Y]
 						})]
 					})
 				})
 			]
 		})
 	});
-}, Ce = ({ schema: e, dataSource: t }) => {
-	let n = B(), r = i(() => {
+};
+//#endregion
+//#region src/fieldGroups.ts
+function ft(e) {
+	return Array.isArray(e) ? e.filter((e) => !!e && typeof e == "object").map((e) => ({
+		key: typeof e.key == "string" ? e.key : "",
+		label: typeof e.label == "string" ? e.label : void 0,
+		collapsible: typeof e.collapsible == "boolean" ? e.collapsible : void 0,
+		collapsed: typeof e.collapsed == "boolean" ? e.collapsed : void 0
+	})).filter((e) => e.key) : [];
+}
+function pt(e, t) {
+	let n = ft(t);
+	if (n.length === 0) return null;
+	let r = new Set(n.map((e) => e.key)), i = (e) => {
+		let t = e.group;
+		return typeof t == "string" && r.has(t) ? t : null;
+	};
+	if (!e.some((e) => i(e) !== null)) return null;
+	let a = /* @__PURE__ */ new Map();
+	for (let e of n) a.set(e.key, []);
+	let o = [];
+	for (let t of e) {
+		let e = i(t);
+		e ? a.get(e).push(t) : o.push(t);
+	}
+	let s = [];
+	for (let e of n) {
+		let t = a.get(e.key);
+		t.length !== 0 && s.push({
+			name: e.key,
+			label: e.label ?? e.key,
+			fields: t.map((e) => e.name),
+			...e.collapsible === void 0 ? {} : { collapsible: e.collapsible },
+			...e.collapsed === void 0 ? {} : { collapsed: e.collapsed }
+		});
+	}
+	return o.length > 0 && s.push({ fields: o.map((e) => e.name) }), s;
+}
+//#endregion
+//#region src/ObjectForm.tsx
+var mt = ({ schema: e, dataSource: t }) => {
+	let n = K(), r = a(() => {
 		if (!n?.isLoaded) return e;
 		let t = (t) => t?.name ? n.checkField(e.objectName, t.name, "read") ? !n.checkField(e.objectName, t.name, "write") && e.mode !== "view" ? {
 			...t,
@@ -1228,8 +2099,29 @@ var ve = {
 				fields: r(e.fields)
 			}))
 		};
-	}, [e, n]), { sectionLabel: a } = l(), o = (e) => e?.name ? a(r.objectName, e.name, e.label || e.name) : e?.label;
-	if (r.formType === "tabbed" && r.sections?.length) return /* @__PURE__ */ J(Z, {
+	}, [e, n]), { sectionLabel: i } = p(), o = (e) => e?.name ? i(r.objectName, e.name, e.label || e.name) : e?.label;
+	if (r.subforms?.length && r.mode !== "view" && r.formType !== "drawer" && r.formType !== "modal") return /* @__PURE__ */ X(We, {
+		schema: {
+			type: "object-master-detail-form",
+			objectName: r.objectName,
+			mode: r.mode === "edit" ? "edit" : "create",
+			recordId: r.recordId,
+			initialValues: r.initialValues,
+			initialData: r.initialData,
+			formType: r.formType === "tabbed" ? "tabbed" : "simple",
+			sections: r.sections,
+			fields: r.fields,
+			title: r.title,
+			submitText: r.submitText,
+			details: r.subforms,
+			onSuccess: r.onSuccess,
+			onError: r.onError,
+			onCancel: r.onCancel,
+			className: r.className
+		},
+		dataSource: t
+	});
+	if (r.formType === "tabbed" && r.sections?.length) return /* @__PURE__ */ X(pe, {
 		schema: {
 			...r,
 			formType: "tabbed",
@@ -1246,7 +2138,7 @@ var ve = {
 		dataSource: t,
 		className: r.className
 	});
-	if (r.formType === "wizard" && r.sections?.length) return /* @__PURE__ */ J(Q, {
+	if (r.formType === "wizard" && r.sections?.length) return /* @__PURE__ */ X(me, {
 		schema: {
 			...r,
 			formType: "wizard",
@@ -1266,7 +2158,7 @@ var ve = {
 		dataSource: t,
 		className: r.className
 	});
-	if (r.formType === "split" && r.sections?.length) return /* @__PURE__ */ J(ne, {
+	if (r.formType === "split" && r.sections?.length) return /* @__PURE__ */ X(he, {
 		schema: {
 			...r,
 			formType: "split",
@@ -1286,7 +2178,7 @@ var ve = {
 	});
 	if (r.formType === "drawer") {
 		let { layout: e, ...n } = r, i = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : void 0;
-		return /* @__PURE__ */ J(ye, {
+		return /* @__PURE__ */ X(ct, {
 			schema: {
 				...n,
 				layout: i,
@@ -1311,7 +2203,7 @@ var ve = {
 	}
 	if (r.formType === "modal") {
 		let { layout: e, ...n } = r, i = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : void 0;
-		return /* @__PURE__ */ J(Se, {
+		return /* @__PURE__ */ X(dt, {
 			schema: {
 				...n,
 				layout: i,
@@ -1332,54 +2224,54 @@ var ve = {
 			className: r.className
 		});
 	}
-	return /* @__PURE__ */ J(we, {
+	return /* @__PURE__ */ X(ht, {
 		schema: r,
 		dataSource: t
 	});
-}, we = ({ schema: r, dataSource: i }) => {
-	let { fieldLabel: a, sectionLabel: s } = l(), m = z(), h = B(), g = t((e) => {
-		if (!h?.isLoaded) return e;
+}, ht = ({ schema: n, dataSource: i }) => {
+	let { fieldLabel: a, sectionLabel: o } = p(), c = ee(), u = K(), d = t((e) => {
+		if (!u?.isLoaded) return e;
 		let t = [];
-		for (let n of e) h.checkField(r.objectName, n.name, "read") && (!h.checkField(r.objectName, n.name, "write") && r.mode !== "view" ? t.push({
-			...n,
+		for (let r of e) u.checkField(n.objectName, r.name, "read") && (!u.checkField(n.objectName, r.name, "write") && n.mode !== "view" ? t.push({
+			...r,
 			readOnly: !0,
 			disabled: !0,
-			description: n.description ?? "You do not have edit access to this field."
-		}) : t.push(n));
+			description: r.description ?? "You do not have edit access to this field."
+		}) : t.push(r));
 		return t;
 	}, [
-		h,
-		r.objectName,
-		r.mode
-	]), [_, v] = o(null), [y, b] = o([]), [x, S] = o(null), [C, w] = o(!0), [T, E] = o(null), D = r.customFields && r.customFields.length > 0;
-	n(() => {
-		D && (S(r.initialData || r.initialValues || {}), w(!1));
+		u,
+		n.objectName,
+		n.mode
+	]), [f, m] = s(null), [h, b] = s([]), [x, S] = s(null), [C, w] = s(!0), [T, E] = s(null), D = n.customFields && n.customFields.length > 0;
+	r(() => {
+		D && (S(n.initialData || n.initialValues || {}), w(!1));
 	}, [
 		D,
-		r.initialData,
-		r.initialValues
-	]), n(() => {
-		D ? v({
-			name: r.objectName,
+		n.initialData,
+		n.initialValues
+	]), r(() => {
+		D ? m({
+			name: n.objectName,
 			fields: {}
-		}) : r.objectName && i ? (async () => {
+		}) : n.objectName && i ? (async () => {
 			try {
 				if (!i) throw Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");
-				let e = await i.getObjectSchema(r.objectName);
-				if (!e) throw Error(`No schema found for object "${r.objectName}"`);
-				v(e);
+				let e = await i.getObjectSchema(n.objectName);
+				if (!e) throw Error(`No schema found for object "${n.objectName}"`);
+				m(e);
 			} catch (e) {
 				E(e), w(!1);
 			}
 		})() : D || w(!1);
 	}, [
-		r.objectName,
+		n.objectName,
 		i,
 		D
-	]), n(() => {
-		_ && !D && (async () => {
-			if (!r.recordId || r.mode === "create") {
-				S(r.initialData || r.initialValues || {}), w(!1);
+	]), r(() => {
+		f && !D && (async () => {
+			if (!n.recordId || n.mode === "create") {
+				S(n.initialData || n.initialValues || {}), w(!1);
 				return;
 			}
 			if (!D) {
@@ -1389,7 +2281,7 @@ var ve = {
 				}
 				w(!0);
 				try {
-					S(await i.findOne(r.objectName, r.recordId));
+					S(await i.findOne(n.objectName, n.recordId));
 				} catch (e) {
 					console.error("Failed to fetch record:", e), E(e);
 				} finally {
@@ -1398,13 +2290,13 @@ var ve = {
 			}
 		})();
 	}, [
-		r.objectName,
-		r.recordId,
-		r.mode,
-		r.initialValues,
-		r.initialData,
+		n.objectName,
+		n.recordId,
+		n.mode,
+		n.initialValues,
+		n.initialData,
 		i,
-		_,
+		f,
 		D
 	]);
 	let O = t((e) => {
@@ -1412,186 +2304,214 @@ var ve = {
 		let t = e.visibleOn;
 		return typeof t == "string" && t.trim() ? {
 			...e,
-			visible: (e) => d(t, e)
+			visible: (e) => _(t, e)
 		} : e;
 	}, []);
-	n(() => {
-		if (D && r.customFields) {
-			b(r.customFields.map(O)), w(!1);
+	r(() => {
+		if (D && n.customFields) {
+			b(n.customFields.map(O)), w(!1);
 			return;
 		}
-		if (!_) return;
-		let e = [], t = r.fields || Object.keys(_.fields || {});
+		if (!f) return;
+		let e = [], t = n.fields || Object.keys(f.fields || {});
 		(Array.isArray(t) ? t : Object.keys(t)).forEach((t) => {
-			let n = typeof t == "string" ? t : t.name;
-			if (!n) return;
-			let i = _.fields?.[n];
+			let r = typeof t == "string" ? t : t.name;
+			if (!r) return;
+			let i = f.fields?.[r];
 			if (!i && !D) return;
 			let o = !i?.permissions || i?.permissions.write !== !1;
-			if (r.mode !== "view" && !o) return;
-			let s = r.customFields?.find((e) => e.name === n);
+			if (n.mode !== "view" && !o) return;
+			let s = n.customFields?.find((e) => e.name === r);
 			if (s) e.push(O(s));
 			else if (i) {
 				let o = {
-					name: n,
-					label: a(r.objectName, n, i.label || t),
-					type: p(i.type),
+					name: r,
+					label: a(n.objectName, r, i.label || t),
+					type: y(i.type),
 					required: i.required || !1,
-					disabled: r.readOnly || r.mode === "view" || i.readonly || _?.managedBy && _.managedBy !== "platform",
+					disabled: n.readOnly || n.mode === "view" || i.readonly || f?.managedBy && f.managedBy !== "platform",
 					placeholder: i.placeholder,
 					description: i.help || i.description,
-					validation: u(i),
+					validation: g(i),
+					visibleWhen: i.visibleWhen,
+					readonlyWhen: i.readonlyWhen,
+					requiredWhen: i.requiredWhen ?? i.conditionalRequired,
+					group: i.group,
 					field: i
 				};
 				if ((i.type === "select" || i.type === "lookup" || i.type === "master_detail") && (o.options = i.options || [], o.multiple = i.multiple), (i.type === "number" || i.type === "currency" || i.type === "percent") && (o.inputType = "number", o.min = i.min, o.max = i.max, o.step = i.precision ? 10 ** -i.precision : void 0), i.type === "date" && (o.inputType = "date"), i.type === "datetime" && (o.inputType = "datetime-local"), (i.type === "text" || i.type === "textarea" || i.type === "markdown" || i.type === "html") && (o.maxLength = i.max_length, o.minLength = i.min_length), (i.type === "file" || i.type === "image") && (o.inputType = "file", o.multiple = i.multiple, o.accept = i.accept ? i.accept.join(",") : void 0, i.max_size)) {
-					let e = `Max size: ${f(i.max_size)}`;
+					let e = `Max size: ${v(i.max_size)}`;
 					o.description = o.description ? `${o.description} (${e})` : e;
 				}
-				i.type === "email" && (o.inputType = "email"), i.type === "phone" && (o.inputType = "tel"), i.type === "url" && (o.inputType = "url"), i.type === "password" && (o.inputType = "password"), i.type === "time" && (o.inputType = "time"), (i.type === "formula" || i.type === "summary" || i.type === "auto_number") && (o.disabled = !0), i.visible_on && (o.visible = (e) => d(i.visible_on, e)), e.push(o);
+				i.type === "email" && (o.inputType = "email"), i.type === "phone" && (o.inputType = "tel"), i.type === "url" && (o.inputType = "url"), i.type === "password" && (o.inputType = "password"), i.type === "time" && (o.inputType = "time"), (i.type === "formula" || i.type === "summary" || i.type === "auto_number") && (o.disabled = !0), i.visible_on && (o.visible = (e) => _(i.visible_on, e)), e.push(o);
 			}
-		}), b(e), !D && r.recordId && r.mode !== "create" && i || w(!1);
+		}), b(e), !D && n.recordId && n.mode !== "create" && i || w(!1);
 	}, [
-		_,
-		r.fields,
-		r.customFields,
-		r.readOnly,
-		r.mode,
+		f,
+		n.fields,
+		n.customFields,
+		n.readOnly,
+		n.mode,
 		D,
-		r.recordId,
+		n.recordId,
 		i
 	]);
 	let k = t(async (e, t) => {
-		if (e && (e.nativeEvent || e._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), t === void 0 && (t = e, e = {})), D && !i) return r.onSuccess && await r.onSuccess(e), e;
+		if (e && (e.nativeEvent || e._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), t === void 0 && (t = e, e = {})), D && !i) return n.onSuccess && await n.onSuccess(e), e;
 		if (!i) throw Error("DataSource is required for form submission (inline mode not configured)");
-		let n = e;
-		if (h?.isLoaded && e && typeof e == "object") {
-			n = {};
-			for (let t of Object.keys(e)) h.checkField(r.objectName, t, "write") && (n[t] = e[t]);
+		let r = e;
+		if (u?.isLoaded && e && typeof e == "object") {
+			r = {};
+			for (let t of Object.keys(e)) u.checkField(n.objectName, t, "write") && (r[t] = e[t]);
 		}
 		try {
 			let e;
-			if (r.mode === "create") e = await i.create(r.objectName, n);
-			else if (r.mode === "edit" && r.recordId) e = await i.update(r.objectName, r.recordId, n);
+			if (n.submitHandler) e = await n.submitHandler(r);
+			else if (n.mode === "create") e = await i.create(n.objectName, r);
+			else if (n.mode === "edit" && n.recordId) e = await i.update(n.objectName, n.recordId, r);
 			else throw Error("Invalid form mode or missing record ID");
-			return r.onSuccess && await r.onSuccess(e), e;
+			if (n.onSuccess) await n.onSuccess(e);
+			else if (!n.submitHandler) {
+				let t = ce(n.navigateOnSuccess, e);
+				if (t) return window.location.assign(t), e;
+				G.success(n.successMessage || (n.mode === "create" ? "Created" : "Saved"));
+			}
+			return e;
 		} catch (e) {
-			throw console.error("Failed to submit form:", e), r.onError && r.onError(e), e;
+			throw console.error("Failed to submit form:", e), n.onError && n.onError(e), e;
 		}
 	}, [
-		r,
+		n,
 		i,
 		D,
-		h
+		u
 	]), A = t(() => {
-		r.onCancel && r.onCancel();
-	}, [r]), j = {
+		n.onCancel && n.onCancel();
+	}, [n]), j = {
 		...e.useMemo(() => {
-			if (!_?.fields) return {};
+			if (!f?.fields) return {};
 			let e = {};
-			return Object.keys(_.fields).forEach((t) => {
-				let n = _.fields[t];
+			return Object.keys(f.fields).forEach((t) => {
+				let n = f.fields[t];
 				n.defaultValue !== void 0 && (e[t] = n.defaultValue);
 			}), e;
-		}, [_]),
+		}, [f]),
 		...x
-	};
-	if (T) return /* @__PURE__ */ Y("div", {
+	}, M = e.useMemo(() => n.sections?.length ? null : pt(h, f?.fieldGroups), [
+		n.sections,
+		h,
+		f
+	]), N = n.sections?.length ? n.sections : M, [P, F] = s({});
+	if (T) return /* @__PURE__ */ Z("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ J("h3", {
+		children: [/* @__PURE__ */ X("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ J("p", {
+		}), /* @__PURE__ */ X("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: T.message
 		})]
 	});
-	if (C) return /* @__PURE__ */ Y("div", {
+	if (C) return /* @__PURE__ */ Z("div", {
 		className: "p-4 sm:p-8 text-center",
-		children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("p", {
+		children: [/* @__PURE__ */ X("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ X("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let M = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : "vertical";
-	if (r.sections?.length && (!r.formType || r.formType === "simple")) return /* @__PURE__ */ J("div", {
-		className: "w-full space-y-6",
-		children: r.sections.map((e, t) => {
-			let n = e.fields.map((e) => typeof e == "string" ? e : e.name), i = g(y.filter((e) => n.includes(e.name)));
-			return /* @__PURE__ */ J(X, {
-				label: e.name ? s(r.objectName, e.name, e.label || e.name) : e.label,
-				description: e.description,
-				collapsible: e.collapsible,
-				collapsed: e.collapsed,
-				columns: e.columns,
-				showBorder: e.showBorder,
-				children: /* @__PURE__ */ J(c, { schema: {
-					type: "form",
-					fields: i,
-					layout: M,
-					defaultValues: j,
-					showSubmit: t === r.sections.length - 1 && r.showSubmit !== !1 && r.mode !== "view",
-					showCancel: t === r.sections.length - 1 && r.showCancel !== !1,
-					submitLabel: r.submitText || (r.mode === "create" ? "Create" : "Update"),
-					cancelLabel: r.cancelText,
-					onSubmit: k,
-					onCancel: A
-				} })
-			}, e.name || e.label || t);
-		})
-	});
-	let N = r.sections?.length, P = g(y), F = N ? {
-		fields: P,
-		columns: r.columns
-	} : $(P, _, r.columns, r.mode), I = r.mobile, L = I?.fullscreenLongText ? F.fields.map((e) => {
+	let I = n.layout === "vertical" || n.layout === "horizontal" ? n.layout : "vertical";
+	if (N?.length && (!n.formType || n.formType === "simple")) {
+		let e = [];
+		return N.forEach((t, r) => {
+			let i = t.fields.map((e) => typeof e == "string" ? e : e.field ?? e.name), a = d(h.filter((e) => i.includes(e.name)));
+			if (a.length === 0) return;
+			let s = t.name || t.label || String(r), c = t.name ? o(n.objectName, t.name, t.label || t.name) : t.label, l = P[s] ?? t.collapsed ?? !1;
+			c && e.push({
+				name: `__section_${s}`,
+				label: c,
+				type: "section-divider",
+				colSpan: 4,
+				collapsible: t.collapsible,
+				collapsed: l,
+				onToggle: t.collapsible ? () => F((e) => ({
+					...e,
+					[s]: !l
+				})) : void 0
+			}), c && l ? e.push(...a.map((e) => ({
+				...e,
+				hidden: !0
+			}))) : e.push(...a);
+		}), /* @__PURE__ */ X("div", {
+			className: "w-full",
+			children: /* @__PURE__ */ X(l, { schema: {
+				type: "form",
+				objectName: n.objectName,
+				fields: e,
+				layout: I,
+				defaultValues: j,
+				showSubmit: n.showSubmit !== !1 && n.mode !== "view",
+				showCancel: n.showCancel !== !1,
+				submitLabel: n.submitText || (n.mode === "create" ? "Create" : "Update"),
+				cancelLabel: n.cancelText,
+				onSubmit: k,
+				onCancel: A
+			} })
+		});
+	}
+	let L = n.sections?.length, R = d(h), z = L ? {
+		fields: R,
+		columns: n.columns
+	} : rt(R, f, n.columns, n.mode), B = n.mobile, V = B?.fullscreenLongText ? z.fields.map((e) => {
 		let t = e.type;
 		return t === "textarea" || t === "field:textarea" || t === "string-multiline" || t === "field:markdown" || t === "field:html" ? {
 			...e,
 			mobile_fullscreen: !0
 		} : e;
-	}) : F.fields, R = I?.stepper, ee = I?.stepperMinFields ?? 8, V = Math.max(1, I?.stepperFieldsPerStep ?? 1);
-	if (!r.formType && !N && L.length >= 2 && (R === !0 || R === "auto" && m && L.length >= ee)) {
-		let e = L, t = [];
-		for (let n = 0; n < e.length; n += V) {
-			let r = e.slice(n, n + V);
+	}) : z.fields, H = B?.stepper, U = B?.stepperMinFields ?? 8, W = Math.max(1, B?.stepperFieldsPerStep ?? 1);
+	if (!n.formType && !L && V.length >= 2 && (H === !0 || H === "auto" && c && V.length >= U)) {
+		let e = V, t = [];
+		for (let n = 0; n < e.length; n += W) {
+			let r = e.slice(n, n + W);
 			t.push({
-				name: `step-${Math.floor(n / V) + 1}`,
-				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / V) + 1}`,
+				name: `step-${Math.floor(n / W) + 1}`,
+				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / W) + 1}`,
 				fields: r
 			});
 		}
-		return /* @__PURE__ */ J(Q, {
+		return /* @__PURE__ */ X(me, {
 			schema: {
-				...r,
+				...n,
 				formType: "wizard",
 				sections: t,
 				showStepIndicator: !0
 			},
 			dataSource: i,
-			className: r.className
+			className: n.className
 		});
 	}
-	let H = {
+	let q = {
 		type: "form",
-		fields: L,
-		layout: M,
-		columns: F.columns,
-		submitLabel: r.submitText || (r.mode === "create" ? "Create" : "Update"),
-		cancelLabel: r.cancelText,
-		showSubmit: r.showSubmit !== !1 && r.mode !== "view",
-		showCancel: r.showCancel !== !1,
-		resetOnSubmit: r.showReset,
+		objectName: n.objectName,
+		fields: V,
+		layout: I,
+		columns: z.columns,
+		submitLabel: n.submitText || (n.mode === "create" ? "Create" : "Update"),
+		cancelLabel: n.cancelText,
+		showSubmit: n.showSubmit !== !1 && n.mode !== "view",
+		showCancel: n.showCancel !== !1,
+		resetOnSubmit: n.showReset || n.resetOnSuccess && n.mode === "create",
 		defaultValues: j,
 		onSubmit: k,
 		onCancel: A,
-		className: r.className,
-		mobileStickyActions: !!I?.stickyActions
+		className: n.className,
+		mobileStickyActions: !!B?.stickyActions
 	};
-	return /* @__PURE__ */ J("div", {
-		className: I?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
-		"data-mobile-form": I ? "true" : void 0,
-		children: /* @__PURE__ */ J(c, { schema: H })
+	return /* @__PURE__ */ X("div", {
+		className: B?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
+		"data-mobile-form": B ? "true" : void 0,
+		children: /* @__PURE__ */ X(l, { schema: q })
 	});
-}, Te = {
+}, gt = {
 	text: 200,
 	email: 254,
 	url: 2048,
@@ -1599,8 +2519,8 @@ var ve = {
 	textarea: 5e3,
 	markdown: 5e3,
 	html: 5e3
-}, Ee = "_company_website_2", De = 1500;
-function Oe(e, t = []) {
+}, _t = "_company_website_2", vt = 1500;
+function yt(e, t = []) {
 	try {
 		let n = new URL(e, typeof window < "u" ? window.location.href : "http://localhost");
 		return typeof window < "u" && n.origin === window.location.origin ? !0 : n.protocol !== "https:" && n.protocol !== "http:" ? !1 : t.some((e) => {
@@ -1615,36 +2535,36 @@ function Oe(e, t = []) {
 		return !1;
 	}
 }
-function ke(e) {
+function bt(e) {
 	return e && e.map((e) => {
-		let t = Te[String(e.type || "").toLowerCase()];
+		let t = gt[String(e.type || "").toLowerCase()];
 		return !t || (e.maxLength ?? e.max_length) ? e : {
 			...e,
 			maxLength: t
 		};
 	});
 }
-var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
-	let [l, u] = o(!1), [d, f] = o(!1), [p, h] = o(null), [g, _] = o(!(e.consent?.required ?? !!e.consent)), [v, y] = o(null), b = a(null), x = a(Date.now());
-	n(() => {
+var xt = ({ config: e, dataSource: n, prefillParams: i, className: c }) => {
+	let [l, u] = s(!1), [d, f] = s(!1), [p, m] = s(null), [h, g] = s(!(e.consent?.required ?? !!e.consent)), [_, v] = s(null), y = o(null), x = o(Date.now());
+	r(() => {
 		l || (x.current = Date.now());
 	}, [l]);
-	let S = e.honeypot === !1 ? null : e.honeypot || Ee, C = e.minFillTime ?? De, w = i(() => ke(e.customFields), [e.customFields]), T = i(() => {
-		if (!r || w && w.length > 0 || !e.fields || e.fields.length === 0) return;
+	let S = e.honeypot === !1 ? null : e.honeypot || _t, C = e.minFillTime ?? vt, w = a(() => bt(e.customFields), [e.customFields]), T = a(() => {
+		if (!n || w && w.length > 0 || !e.fields || e.fields.length === 0) return;
 		let t = async (e, t) => t;
 		return {
-			...r,
+			...n,
 			create: t,
 			update: (e, t, n) => Promise.resolve(n),
 			delete: () => Promise.reject(/* @__PURE__ */ Error("Not permitted on public form"))
 		};
 	}, [
-		r,
+		n,
 		w,
 		e.fields
-	]), E = i(() => {
+	]), E = a(() => {
 		let t = {};
-		if (s) for (let [e, n] of Object.entries(s)) t[e] = n;
+		if (i) for (let [e, n] of Object.entries(i)) t[e] = n;
 		if (typeof window < "u" && e.allowedPrefillFields?.length) {
 			let n = new Set(e.allowedPrefillFields);
 			new URLSearchParams(window.location.search).forEach((e, r) => {
@@ -1652,78 +2572,78 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 			});
 		}
 		return Object.keys(t).length > 0 ? t : void 0;
-	}, [s, e.allowedPrefillFields]), D = t(async (t) => {
-		if (e.consent?.required && !g) {
-			y(e.texts?.consentRequired ?? "Please accept the privacy policy to continue.");
+	}, [i, e.allowedPrefillFields]), D = t(async (t) => {
+		if (e.consent?.required && !h) {
+			v(e.texts?.consentRequired ?? "Please accept the privacy policy to continue.");
 			return;
 		}
-		if (y(null), S && b.current?.value) {
+		if (v(null), S && y.current?.value) {
 			u(!0);
 			return;
 		}
 		if (C > 0 && Date.now() - x.current < C) {
-			h(e.texts?.rateLimited ?? "Please take a moment to review your answers before submitting.");
+			m(e.texts?.rateLimited ?? "Please take a moment to review your answers before submitting.");
 			return;
 		}
-		let n = { ...t };
-		S && delete n[S], e.captchaToken && (n._captcha = e.captchaToken), f(!0), h(null);
+		let r = { ...t };
+		S && delete r[S], e.captchaToken && (r._captcha = e.captchaToken), f(!0), m(null);
 		try {
-			r && await r.create(e.objectName, n), u(!0);
+			n && await n.create(e.objectName, r), u(!0);
 			let t = e.thankYouPage?.redirectUrl;
-			if (t) if (Oe(t, e.allowedRedirectHosts)) {
+			if (t) if (yt(t, e.allowedRedirectHosts)) {
 				let n = e.thankYouPage?.redirectDelay ?? 3e3;
 				setTimeout(() => {
 					window.location.href = t;
 				}, n);
-			} else console.warn("[EmbeddableForm] Blocked unsafe redirect target:", t), h(e.texts?.redirectBlocked ?? null);
+			} else console.warn("[EmbeddableForm] Blocked unsafe redirect target:", t), m(e.texts?.redirectBlocked ?? null);
 		} catch (e) {
-			h(e instanceof Error ? e.message : "Failed to submit form. Please try again.");
+			m(e instanceof Error ? e.message : "Failed to submit form. Please try again.");
 		} finally {
 			f(!1);
 		}
 	}, [
-		r,
+		n,
 		e,
-		g,
+		h,
 		S,
 		C
 	]), O = t(() => {
-		u(!1), h(null);
-	}, []), k = i(() => {
+		u(!1), m(null);
+	}, []), k = a(() => {
 		let t = {};
 		return e.branding?.backgroundColor && (t.backgroundColor = e.branding.backgroundColor), t;
 	}, [e.branding]);
 	if (l) {
 		let t = e.thankYouPage, n = e.texts ?? {}, r = Math.ceil((t?.redirectDelay ?? 3e3) / 1e3), i = (n.redirecting ?? "Redirecting in {{seconds}} seconds…").replace("{{seconds}}", String(r));
-		return /* @__PURE__ */ J("div", {
+		return /* @__PURE__ */ X("div", {
 			className: `min-h-screen flex items-center justify-center p-4 bg-gradient-to-b from-muted/40 via-background to-background ${c || ""}`,
 			style: k,
-			children: /* @__PURE__ */ Y("div", {
+			children: /* @__PURE__ */ Z("div", {
 				className: "max-w-md w-full bg-card border rounded-xl shadow-sm p-8 text-center space-y-4",
 				children: [
-					/* @__PURE__ */ J("div", {
+					/* @__PURE__ */ X("div", {
 						className: "mx-auto inline-flex h-14 w-14 items-center justify-center rounded-full bg-emerald-50 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-400",
-						children: /* @__PURE__ */ J(V, {
+						children: /* @__PURE__ */ X(te, {
 							className: "h-8 w-8",
 							"aria-hidden": "true"
 						})
 					}),
-					/* @__PURE__ */ J("h2", {
+					/* @__PURE__ */ X("h2", {
 						className: "text-xl font-semibold text-foreground",
 						children: t?.title || n.thankYouTitle || "Thank You!"
 					}),
-					/* @__PURE__ */ J("p", {
+					/* @__PURE__ */ X("p", {
 						className: "text-sm text-muted-foreground",
 						children: t?.message || n.thankYouMessage || "Your submission has been received successfully."
 					}),
-					e.allowMultiple && /* @__PURE__ */ J(m, {
+					e.allowMultiple && /* @__PURE__ */ X(b, {
 						variant: "outline",
 						size: "sm",
 						onClick: O,
 						className: "mt-2",
 						children: n.submitAnother ?? "Submit Another Response"
 					}),
-					t?.redirectUrl && /* @__PURE__ */ J("p", {
+					t?.redirectUrl && /* @__PURE__ */ X("p", {
 						className: "text-xs text-muted-foreground",
 						children: i
 					})
@@ -1732,51 +2652,51 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 		});
 	}
 	let A = e.texts ?? {}, j = !!e.consent?.required, M = `${e.formId}-consent`;
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ X("div", {
 		className: `min-h-screen flex items-center justify-center p-4 sm:p-6 bg-gradient-to-b from-muted/40 via-background to-background ${c || ""}`,
 		style: k,
-		children: /* @__PURE__ */ Y("div", {
+		children: /* @__PURE__ */ Z("div", {
 			className: "max-w-2xl w-full bg-card border rounded-xl shadow-sm overflow-hidden",
 			children: [
-				e.branding?.coverImage && /* @__PURE__ */ J("div", {
+				e.branding?.coverImage && /* @__PURE__ */ X("div", {
 					className: "h-28 sm:h-32 w-full bg-cover bg-center",
 					style: { backgroundImage: `url(${JSON.stringify(e.branding.coverImage)})` },
 					role: "presentation"
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "px-6 sm:px-8 pt-7 pb-5 border-b bg-muted/20",
 					style: e.branding?.primaryColor ? { borderBottomColor: e.branding.primaryColor } : void 0,
 					children: [
-						e.branding?.logo && /* @__PURE__ */ J("img", {
+						e.branding?.logo && /* @__PURE__ */ X("img", {
 							src: e.branding.logo,
 							alt: "",
 							className: "h-8 mb-4"
 						}),
-						e.title && /* @__PURE__ */ J("h1", {
+						e.title && /* @__PURE__ */ X("h1", {
 							className: "text-2xl font-semibold tracking-tight text-foreground",
 							children: e.title
 						}),
-						e.description && /* @__PURE__ */ J("p", {
+						e.description && /* @__PURE__ */ X("p", {
 							className: "text-sm text-muted-foreground mt-2 leading-relaxed",
 							children: e.description
 						}),
-						/* @__PURE__ */ J("p", {
+						/* @__PURE__ */ X("p", {
 							className: "text-[11px] text-muted-foreground/70 mt-3",
 							"aria-hidden": "true",
 							children: A.requiredHint ?? "* Required field"
 						})
 					]
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "relative px-6 sm:px-8 py-6",
 					children: [
-						p && /* @__PURE__ */ J("div", {
+						p && /* @__PURE__ */ X("div", {
 							role: "alert",
 							"aria-live": "assertive",
 							className: "mb-4 p-3 bg-destructive/10 border border-destructive/30 rounded-md text-sm text-destructive",
 							children: p
 						}),
-						/* @__PURE__ */ J(Ce, {
+						/* @__PURE__ */ X(mt, {
 							schema: {
 								type: "object-form",
 								objectName: e.objectName,
@@ -1789,14 +2709,14 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 							},
 							dataSource: T
 						}),
-						S && /* @__PURE__ */ Y("div", {
+						S && /* @__PURE__ */ Z("div", {
 							"aria-hidden": "true",
 							className: "absolute left-[-10000px] top-auto h-px w-px overflow-hidden",
-							children: [/* @__PURE__ */ J("label", {
+							children: [/* @__PURE__ */ X("label", {
 								htmlFor: `${e.formId}-${S}`,
 								children: "Do not fill this field"
-							}), /* @__PURE__ */ J("input", {
-								ref: b,
+							}), /* @__PURE__ */ X("input", {
+								ref: y,
 								id: `${e.formId}-${S}`,
 								type: "text",
 								name: S,
@@ -1805,31 +2725,31 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 								defaultValue: ""
 							})]
 						}),
-						e.consent && /* @__PURE__ */ Y("div", {
+						e.consent && /* @__PURE__ */ Z("div", {
 							className: "mt-4",
-							children: [/* @__PURE__ */ Y("label", {
+							children: [/* @__PURE__ */ Z("label", {
 								className: "flex items-start gap-2 text-sm text-foreground cursor-pointer select-none",
-								children: [/* @__PURE__ */ J("input", {
+								children: [/* @__PURE__ */ X("input", {
 									type: "checkbox",
 									id: M,
-									checked: g,
+									checked: h,
 									onChange: (e) => {
-										_(e.target.checked), e.target.checked && y(null);
+										g(e.target.checked), e.target.checked && v(null);
 									},
 									"aria-required": j || void 0,
-									"aria-invalid": v ? "true" : void 0,
-									"aria-describedby": v ? `${M}-error` : void 0,
+									"aria-invalid": _ ? "true" : void 0,
+									"aria-describedby": _ ? `${M}-error` : void 0,
 									className: "mt-0.5 h-4 w-4 rounded border-input accent-primary"
-								}), /* @__PURE__ */ Y("span", {
+								}), /* @__PURE__ */ Z("span", {
 									className: "leading-relaxed",
 									children: [
 										e.consent.label ?? A.consentLabelDefault ?? "I agree to the privacy policy.",
-										j && /* @__PURE__ */ J("span", {
+										j && /* @__PURE__ */ X("span", {
 											"aria-hidden": "true",
 											className: "text-destructive ml-0.5",
 											children: "*"
 										}),
-										e.consent.privacyUrl && /* @__PURE__ */ Y(q, { children: [" ", /* @__PURE__ */ J("a", {
+										e.consent.privacyUrl && /* @__PURE__ */ Z(oe, { children: [" ", /* @__PURE__ */ X("a", {
 											href: e.consent.privacyUrl,
 											target: "_blank",
 											rel: "noopener noreferrer",
@@ -1838,42 +2758,42 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 										})] })
 									]
 								})]
-							}), v && /* @__PURE__ */ J("p", {
+							}), _ && /* @__PURE__ */ X("p", {
 								id: `${M}-error`,
 								role: "alert",
 								className: "mt-1.5 text-xs text-destructive",
-								children: v
+								children: _
 							})]
 						}),
-						d && /* @__PURE__ */ Y("div", {
+						d && /* @__PURE__ */ Z("div", {
 							className: "mt-3 flex items-center gap-2 text-xs text-muted-foreground",
-							children: [/* @__PURE__ */ J(W, {
+							children: [/* @__PURE__ */ X(re, {
 								className: "h-3.5 w-3.5 animate-spin",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ J("span", { children: A.submitting ?? "Submitting…" })]
+							}), /* @__PURE__ */ X("span", { children: A.submitting ?? "Submitting…" })]
 						})
 					]
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "px-6 sm:px-8 py-4 border-t bg-muted/20 flex flex-col sm:flex-row items-center justify-between gap-2",
-					children: [/* @__PURE__ */ Y("p", {
+					children: [/* @__PURE__ */ Z("p", {
 						className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground",
-						children: [/* @__PURE__ */ J(G, {
+						children: [/* @__PURE__ */ X(ie, {
 							className: "h-3 w-3",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ J("span", { children: A.secureNotice ?? "Your information is transmitted securely and only used to respond to your request." })]
-					}), /* @__PURE__ */ Y("div", {
+						}), /* @__PURE__ */ X("span", { children: A.secureNotice ?? "Your information is transmitted securely and only used to respond to your request." })]
+					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-3 text-xs text-muted-foreground/80",
-						children: [e.privacyPolicyUrl && /* @__PURE__ */ Y("a", {
+						children: [e.privacyPolicyUrl && /* @__PURE__ */ Z("a", {
 							href: e.privacyPolicyUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "inline-flex items-center gap-1 underline hover:text-foreground",
-							children: [/* @__PURE__ */ J(K, {
+							children: [/* @__PURE__ */ X(ae, {
 								className: "h-3 w-3",
 								"aria-hidden": "true"
 							}), A.consentLink ?? "Privacy policy"]
-						}), /* @__PURE__ */ J("span", { children: A.poweredBy ?? "Powered by ObjectStack" })]
+						}), /* @__PURE__ */ X("span", { children: A.poweredBy ?? "Powered by ObjectStack" })]
 					})]
 				})
 			]
@@ -1882,96 +2802,96 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 };
 //#endregion
 //#region src/FormAnalytics.tsx
-function je(e) {
+function St(e) {
 	return e < 60 ? `${Math.round(e)}s` : e < 3600 ? `${Math.floor(e / 60)}m ${Math.round(e % 60)}s` : `${Math.floor(e / 3600)}h ${Math.floor(e % 3600 / 60)}m`;
 }
-var Me = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
-	let a = i(() => {
+var Ct = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
+	let i = a(() => {
 		if (!n.abandonedSubmissions) return 100;
 		let e = n.totalSubmissions + n.abandonedSubmissions;
 		return e === 0 ? 0 : Math.round(n.totalSubmissions / e * 100);
-	}, [n.totalSubmissions, n.abandonedSubmissions]), o = i(() => n.dailySubmissions?.length ? Math.max(...n.dailySubmissions.map((e) => e.count), 1) : 1, [n.dailySubmissions]);
-	return /* @__PURE__ */ Y("div", {
+	}, [n.totalSubmissions, n.abandonedSubmissions]), o = a(() => n.dailySubmissions?.length ? Math.max(...n.dailySubmissions.map((e) => e.count), 1) : 1, [n.dailySubmissions]);
+	return /* @__PURE__ */ Z("div", {
 		className: `space-y-4 ${r || ""}`,
 		children: [
-			/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("h2", {
+			/* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ X("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: t || "Form Analytics"
-			}), /* @__PURE__ */ Y("p", {
+			}), /* @__PURE__ */ Z("p", {
 				className: "text-sm text-muted-foreground",
 				children: ["Form ID: ", e]
 			})] }),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ Z("div", {
 				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ J(h, { children: /* @__PURE__ */ Y(v, {
+					/* @__PURE__ */ X(x, { children: /* @__PURE__ */ Z(w, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ J(_, { children: "Total Submissions" }), /* @__PURE__ */ J(y, {
+						children: [/* @__PURE__ */ X(C, { children: "Total Submissions" }), /* @__PURE__ */ X(T, {
 							className: "text-2xl",
 							children: n.totalSubmissions.toLocaleString()
 						})]
 					}) }),
-					/* @__PURE__ */ Y(h, { children: [/* @__PURE__ */ Y(v, {
+					/* @__PURE__ */ Z(x, { children: [/* @__PURE__ */ Z(w, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ J(_, { children: "Fill Rate" }), /* @__PURE__ */ Y(y, {
+						children: [/* @__PURE__ */ X(C, { children: "Fill Rate" }), /* @__PURE__ */ Z(T, {
 							className: "text-2xl",
-							children: [a, "%"]
+							children: [i, "%"]
 						})]
-					}), /* @__PURE__ */ J(g, { children: /* @__PURE__ */ J("div", {
+					}), /* @__PURE__ */ X(S, { children: /* @__PURE__ */ X("div", {
 						className: "w-full bg-muted rounded-full h-2",
-						children: /* @__PURE__ */ J("div", {
+						children: /* @__PURE__ */ X("div", {
 							className: "bg-primary rounded-full h-2 transition-all",
-							style: { width: `${a}%` }
+							style: { width: `${i}%` }
 						})
 					}) })] }),
-					/* @__PURE__ */ J(h, { children: /* @__PURE__ */ Y(v, {
+					/* @__PURE__ */ X(x, { children: /* @__PURE__ */ Z(w, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ J(_, { children: "Avg. Completion Time" }), /* @__PURE__ */ J(y, {
+						children: [/* @__PURE__ */ X(C, { children: "Avg. Completion Time" }), /* @__PURE__ */ X(T, {
 							className: "text-2xl",
-							children: n.avgCompletionTime ? je(n.avgCompletionTime) : "—"
+							children: n.avgCompletionTime ? St(n.avgCompletionTime) : "—"
 						})]
 					}) })
 				]
 			}),
-			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ Y(h, { children: [/* @__PURE__ */ J(v, { children: /* @__PURE__ */ J(y, {
+			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ Z(x, { children: [/* @__PURE__ */ X(w, { children: /* @__PURE__ */ X(T, {
 				className: "text-sm font-medium",
 				children: "Daily Submissions"
-			}) }), /* @__PURE__ */ J(g, { children: /* @__PURE__ */ J("div", {
+			}) }), /* @__PURE__ */ X(S, { children: /* @__PURE__ */ X("div", {
 				className: "flex items-end gap-1 h-32",
-				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ Y("div", {
+				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ Z("div", {
 					className: "flex-1 flex flex-col items-center gap-1",
-					children: [/* @__PURE__ */ J("div", {
+					children: [/* @__PURE__ */ X("div", {
 						className: "w-full bg-primary/80 rounded-t transition-all hover:bg-primary",
 						style: {
 							height: `${e.count / o * 100}%`,
 							minHeight: e.count > 0 ? "4px" : "0"
 						},
 						title: `${e.date}: ${e.count} submissions`
-					}), /* @__PURE__ */ J("span", {
+					}), /* @__PURE__ */ X("span", {
 						className: "text-[10px] text-muted-foreground truncate w-full text-center",
 						children: e.date.slice(-5)
 					})]
 				}, t))
 			}) })] }),
-			n.fieldDropOff && n.fieldDropOff.length > 0 && /* @__PURE__ */ Y(h, { children: [/* @__PURE__ */ Y(v, { children: [/* @__PURE__ */ J(y, {
+			n.fieldDropOff && n.fieldDropOff.length > 0 && /* @__PURE__ */ Z(x, { children: [/* @__PURE__ */ Z(w, { children: [/* @__PURE__ */ X(T, {
 				className: "text-sm font-medium",
 				children: "Field Completion Rates"
-			}), /* @__PURE__ */ J(_, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ J(g, { children: /* @__PURE__ */ J("div", {
+			}), /* @__PURE__ */ X(C, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ X(S, { children: /* @__PURE__ */ X("div", {
 				className: "space-y-3",
-				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ Y("div", {
+				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ Z("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ Y("div", {
+					children: [/* @__PURE__ */ Z("div", {
 						className: "flex justify-between text-sm",
-						children: [/* @__PURE__ */ J("span", {
+						children: [/* @__PURE__ */ X("span", {
 							className: "text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ Y("span", {
+						}), /* @__PURE__ */ Z("span", {
 							className: "text-muted-foreground",
 							children: [e.completionRate, "%"]
 						})]
-					}), /* @__PURE__ */ J("div", {
+					}), /* @__PURE__ */ X("div", {
 						className: "w-full bg-muted rounded-full h-1.5",
-						children: /* @__PURE__ */ J("div", {
+						children: /* @__PURE__ */ X("div", {
 							className: `rounded-full h-1.5 transition-all ${e.completionRate >= 80 ? "bg-green-500" : e.completionRate >= 50 ? "bg-yellow-500" : "bg-destructive"}`,
 							style: { width: `${e.completionRate}%` }
 						})
@@ -1980,8 +2900,110 @@ var Me = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 			}) })] })
 		]
 	});
-}, Ne = ({ schema: e }) => /* @__PURE__ */ J(Ce, { schema: e });
-s.register("object-form", Ne, {
+}, wt = ({ schema: e }) => {
+	let n = m()?.dataSource, i;
+	try {
+		i = f();
+	} catch {
+		i = void 0;
+	}
+	let o = e.parentObject || i?.objectName, c = e.parentId || e.recordId || i?.recordId, [l, u] = s([]), [d, p] = s([]), [g, _] = s(!0), [v, y] = s(!1), [C, E] = s(!1), [D, O] = s(null), k = t(async () => {
+		if (!n || !c) {
+			_(!1);
+			return;
+		}
+		_(!0);
+		try {
+			let t = (await n.find(e.childObject, {
+				$filter: { [e.relationshipField]: c },
+				$top: 500
+			}))?.data ?? [];
+			u(t.map((e) => ({ ...e }))), p(t.map((e) => ({ ...e }))), E(!1);
+		} catch (e) {
+			O(e?.message || "Failed to load line items");
+		} finally {
+			_(!1);
+		}
+	}, [
+		n,
+		c,
+		e.childObject,
+		e.relationshipField
+	]);
+	r(() => {
+		k();
+	}, [k]);
+	let A = t((e) => {
+		u(e), E(!0);
+	}, []), j = t(async () => {
+		if (!(!n || !c)) {
+			y(!0), O(null);
+			try {
+				await we(n, o || e.childObject, c, {
+					childObject: e.childObject,
+					relationshipField: e.relationshipField,
+					rows: l,
+					original: d,
+					amountField: e.amountField,
+					totalField: o ? e.totalField : void 0
+				}), await k();
+			} catch (e) {
+				O(e?.message || "Failed to save line items");
+			} finally {
+				y(!1);
+			}
+		}
+	}, [
+		n,
+		c,
+		l,
+		d,
+		e,
+		o,
+		k
+	]), M = a(() => ({
+		columns: e.columns,
+		total_field: e.totalField ? e.amountField || "amount" : void 0,
+		min_rows: e.minRows,
+		max_rows: e.maxRows,
+		allow_add: !e.readonly,
+		allow_delete: !e.readonly
+	}), [e]);
+	return /* @__PURE__ */ Z(x, {
+		className: W("shadow-none"),
+		children: [/* @__PURE__ */ Z(w, {
+			className: "flex-row items-center justify-between gap-2 pb-2",
+			children: [/* @__PURE__ */ X(T, {
+				className: "text-sm font-medium",
+				children: e.title || "Line Items"
+			}), !e.readonly && /* @__PURE__ */ X(b, {
+				type: "button",
+				size: "sm",
+				onClick: j,
+				disabled: v || g || !C || !c,
+				children: v ? "Saving…" : "Save"
+			})]
+		}), /* @__PURE__ */ Z(S, { children: [D && /* @__PURE__ */ X("p", {
+			className: "mb-2 text-sm text-destructive",
+			children: D
+		}), g ? /* @__PURE__ */ X("p", {
+			className: "py-6 text-center text-sm text-muted-foreground",
+			children: "Loading…"
+		}) : c ? /* @__PURE__ */ X(h, {
+			value: l,
+			onChange: A,
+			field: M,
+			readonly: e.readonly
+		}) : /* @__PURE__ */ X("p", {
+			className: "py-6 text-center text-sm text-muted-foreground",
+			children: "Save the record first to add line items."
+		})] })]
+	});
+}, Tt = ({ schema: e }) => /* @__PURE__ */ X(mt, {
+	schema: e,
+	dataSource: n(u)?.dataSource ?? void 0
+});
+c.register("object-form", Tt, {
 	namespace: "plugin-form",
 	label: "Object Form",
 	category: "plugin",
@@ -2122,7 +3144,7 @@ s.register("object-form", Ne, {
 			]
 		}
 	]
-}), s.register("form", Ne, {
+}), c.register("form", Tt, {
 	namespace: "view",
 	skipFallback: !0,
 	label: "Data Form View",
@@ -2150,7 +3172,7 @@ s.register("object-form", Ne, {
 			]
 		}
 	]
-}), s.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ J(Ae, { config: e }), {
+}), c.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ X(xt, { config: e }), {
 	namespace: "plugin-form",
 	label: "Embeddable Form",
 	category: "plugin",
@@ -2188,7 +3210,7 @@ s.register("object-form", Ne, {
 			label: "Allow Multiple Submissions"
 		}
 	]
-}), s.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ J(Me, {
+}), c.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ X(Ct, {
 	formId: e.formId,
 	formTitle: e.formTitle,
 	metrics: e.metrics || { totalSubmissions: 0 }
@@ -2214,6 +3236,73 @@ s.register("object-form", Ne, {
 			label: "Submission Metrics"
 		}
 	]
+}), c.register("object-master-detail-form", ({ schema: e }) => /* @__PURE__ */ X(We, {
+	schema: e,
+	dataSource: n(u)?.dataSource ?? void 0
+}), {
+	namespace: "plugin-form",
+	label: "Master-Detail Form",
+	category: "plugin",
+	inputs: [
+		{
+			name: "objectName",
+			type: "string",
+			label: "Parent Object",
+			required: !0
+		},
+		{
+			name: "mode",
+			type: "enum",
+			label: "Mode",
+			enum: ["create", "edit"]
+		},
+		{
+			name: "sections",
+			type: "array",
+			label: "Parent Sections"
+		},
+		{
+			name: "details",
+			type: "array",
+			label: "Detail Collections",
+			required: !0
+		}
+	]
+}), c.register("line_items", ({ schema: e }) => /* @__PURE__ */ X(wt, { schema: e }), {
+	namespace: "record",
+	skipFallback: !0,
+	label: "Line Items",
+	category: "record",
+	inputs: [
+		{
+			name: "childObject",
+			type: "string",
+			label: "Child Object",
+			required: !0
+		},
+		{
+			name: "relationshipField",
+			type: "string",
+			label: "Relationship Field",
+			required: !0
+		},
+		{
+			name: "columns",
+			type: "array",
+			label: "Columns",
+			required: !0
+		},
+		{
+			name: "totalField",
+			type: "string",
+			label: "Parent Total Field"
+		},
+		{
+			name: "amountField",
+			type: "string",
+			label: "Amount Column"
+		}
+	]
 });
 //#endregion
-export { ye as DrawerForm, Ae as EmbeddableForm, Me as FormAnalytics, X as FormSection, Se as ModalForm, Ce as ObjectForm, ne as SplitForm, Z as TabbedForm, Q as WizardForm, le as applyAutoColSpan, $ as applyAutoLayout, pe as filterAutoGeneratedFields, fe as filterCreateModeFields, de as filterSystemFields, ce as inferColumns, me as inferModalSize, se as isAutoGeneratedFieldType, oe as isWideFieldType };
+export { ct as DrawerForm, xt as EmbeddableForm, Ct as FormAnalytics, Q as FormSection, wt as LineItemsPanel, We as MasterDetailForm, dt as ModalForm, mt as ObjectForm, he as SplitForm, pe as TabbedForm, me as WizardForm, Ze as applyAutoColSpan, rt as applyAutoLayout, Pe as deriveColumns, Ve as deriveDetail, Ie as deriveFormFields, tt as filterAutoGeneratedFields, et as filterCreateModeFields, $e as filterSystemFields, Ae as findRelationshipField, Xe as inferColumns, nt as inferModalSize, Ye as isAutoGeneratedFieldType, Je as isWideFieldType, Re as resolveInlineMode };