@object-ui/plugin-form 16.0.0 → 17.1.0

package/dist/index.js

@@ -1,129 +1,90 @@
-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, formatFileSize as _, mapFieldTypeToFormType as v } from "@object-ui/fields";
-import { AlertDialog as y, AlertDialogAction as b, AlertDialogCancel as x, AlertDialogContent as S, AlertDialogDescription as C, AlertDialogFooter as w, AlertDialogHeader as T, AlertDialogTitle as E, Button as D, Card as O, CardContent as k, CardDescription as A, CardHeader as j, CardTitle as M, Dialog as N, DialogDescription as P, DialogHeader as F, DialogTitle as ee, MobileDialogContent as I, ResizableHandle as te, ResizablePanel as L, ResizablePanelGroup as R, Sheet as z, SheetContent as B, SheetDescription as V, SheetHeader as H, SheetTitle as ne, Skeleton as U, Tabs as W, TabsContent as re, TabsList as ie, TabsTrigger as ae, cn as G, toast as K, useIsMobile as oe } from "@object-ui/components";
-import { usePermissions as se } from "@object-ui/permissions";
-import { Check as ce, CheckCircle2 as le, ChevronDown as q, ChevronLeft as ue, ChevronRight as de, Loader2 as fe, Lock as pe, ShieldCheck as me } from "lucide-react";
-import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
-import { createSafeTranslation as Z } from "@object-ui/i18n";
+import * as e from "react";
+import t, { useCallback as n, useContext as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
+import { ComponentRegistry as l, evalFieldPredicate as u, resolveCrudAffordances as d, resolveFieldRuleState as f, runBatchTransaction as p } from "@object-ui/core";
+import { SchemaRenderer as m, SchemaRendererContext as h, usePreviewMode as g, useRecordContext as _, useSafeFieldLabel as v, useSchemaContext as y } from "@object-ui/react";
+import { LineItemsField as b, buildValidationRules as x, formatFileSize as S, mapFieldTypeToFormType as C } from "@object-ui/fields";
+import { AlertDialog as w, AlertDialogAction as T, AlertDialogCancel as E, AlertDialogContent as D, AlertDialogDescription as O, AlertDialogFooter as k, AlertDialogHeader as A, AlertDialogTitle as j, Button as M, Card as N, CardContent as P, CardDescription as F, CardHeader as I, CardTitle as L, Dialog as R, DialogDescription as z, DialogHeader as B, DialogTitle as V, MobileDialogContent as H, Sheet as ee, SheetContent as U, SheetDescription as W, SheetHeader as G, SheetTitle as te, Skeleton as ne, buttonVariants as K, cn as q, toast as J, useIsMobile as re } from "@object-ui/components";
+import { usePermissions as Y } from "@object-ui/permissions";
+import { AlertCircle as ie, AlertTriangle as ae, Check as oe, CheckCircle2 as se, ChevronDown as ce, ChevronLeft as le, ChevronRight as X, Loader2 as ue, Lock as de, ShieldCheck as fe } from "lucide-react";
+import { createSafeTranslation as pe } from "@object-ui/i18n";
+import { Fragment as me, jsx as Z, jsxs as Q } from "react/jsx-runtime";
 import { deriveFieldGroupLayout as he } from "@objectstack/spec/data";
 //#region src/successBehavior.ts
-function ge(e) {
+function $(e) {
 	try {
 		return typeof window > "u" ? !1 : new URL(e, window.location.href).origin === window.location.origin;
 	} catch {
 		return !1;
 	}
 }
-function _e(e, t) {
+function ge(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 ge(r) ? r : null;
+	return $(r) ? r : null;
 }
 //#endregion
-//#region src/FormSection.tsx
-var ve = ({ 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, h = e || t ? /* @__PURE__ */ X("div", {
-		className: G("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__ */ Y("span", {
-			className: "mt-0.5 text-muted-foreground",
-			children: Y(u ? de : q, { className: "h-4 w-4" })
-		}), /* @__PURE__ */ X("div", {
-			className: "flex-1",
-			children: [e && /* @__PURE__ */ Y("h3", {
-				className: "text-sm font-semibold text-foreground",
-				children: e
-			}), t && /* @__PURE__ */ Y("p", {
-				className: "text-sm text-muted-foreground mt-0.5",
-				children: t
-			})]
-		})]
-	}) : null, g = u ? null : /* @__PURE__ */ Y("div", {
-		className: G("grid gap-4", c || f[i]),
-		children: a
-	});
-	return m ? /* @__PURE__ */ X(O, {
-		className: G("form-section bg-muted/40 shadow-none", o),
-		children: [h && /* @__PURE__ */ Y(j, {
-			className: "border-b border-border pb-3",
-			children: h
-		}), g && /* @__PURE__ */ Y(k, {
-			className: "pt-4",
-			children: g
-		})]
-	}) : /* @__PURE__ */ X("div", {
-		className: G("form-section", o),
-		children: [h, g]
-	});
-};
-//#endregion
 //#region src/sectionFields.ts
-function Q(e, t) {
+function _e(e, t) {
 	return typeof t == "string" && t.trim() || typeof t == "object" && t && typeof t.source == "string" && t.source.trim() ? {
 		...e,
 		visibleOn: t
 	} : e;
 }
+var ve = /* @__PURE__ */ new Set();
 function ye(e, t) {
+	if (typeof e.name != "string" || e.name === e.field) return;
+	let n = `${t}:${e.field}:${e.name}`;
+	ve.has(n) || (ve.add(n), console.warn(`[object-ui] section field { field: '${e.field}' } also carries name: '${e.name}' — mixed form-field vocabularies. The spec key wins (the runtime name becomes '${e.field}'); drop \`name\` from authored form views.`));
+}
+function be(e, t) {
 	let n = t.objectSchema?.fields?.[e];
 	return n ? {
 		name: e,
 		label: t.fieldLabel(t.objectName, e, n.label || e),
-		type: v(n.type),
+		type: C(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),
+		validation: x(n),
 		field: n,
 		options: n.options,
 		multiple: n.multiple,
 		visibleWhen: n.visibleWhen,
 		readonlyWhen: n.readonlyWhen,
-		requiredWhen: n.requiredWhen,
-		conditionalRequired: n.conditionalRequired
+		requiredWhen: n.requiredWhen
 	} : {
 		name: e,
 		label: e,
 		type: "input"
 	};
 }
-function be(e, t) {
+function xe(e, t) {
 	if (typeof e == "string") {
 		let n = t.objectSchema?.fields?.[e];
-		return Q(ye(e, t), n?.visible_on ?? n?.visibleOn);
+		return _e(be(e, t), n?.visible_on ?? n?.visibleOn);
 	}
 	let n = e;
-	if (typeof n.field != "string") return Q(n, n.visibleOn);
-	let r = n.field, i = ye(r, t);
-	n.type != null && (i.type = v(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.span != null && (i.span = n.span), n.options != null && (i.options = n.options), n.multiple != null && (i.multiple = n.multiple);
+	if (typeof n.field != "string") return _e(n, n.visibleOn);
+	ye(n, t.objectName);
+	let r = n.field, i = be(r, t);
+	n.type != null && (i.type = C(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.span != null && (i.span = n.span), n.options != null && (i.options = n.options), n.multiple != null && (i.multiple = n.multiple);
 	let a = n.reference ?? n.reference_to;
-	return a != null && (i.reference = a, i.reference_to = a), 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), Q(i, n.visibleOn);
+	return a != null && (i.reference = a, i.reference_to = a), 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), n.dependsOn != null && (i.dependsOn = n.dependsOn), n.keyField != null && (i.keyField = n.keyField), n.disclosure != null && (i.disclosure = n.disclosure), _e(i, n.visibleWhen ?? n.visibleOn);
 }
-function xe(e, t) {
-	return (e.fields ?? []).map((e) => be(e, t));
+function Se(e, t) {
+	return (e.fields ?? []).map((e) => xe(e, t));
 }
 //#endregion
 //#region src/autoLayout.ts
-var Se = /* @__PURE__ */ new Set([
+var Ce = /* @__PURE__ */ new Set([
 	"field:formula",
 	"field:summary",
 	"field:auto_number",
 	"field:autonumber"
-]), Ce = /* @__PURE__ */ new Set([
+]), we = /* @__PURE__ */ new Set([
 	"field:textarea",
 	"field:markdown",
 	"field:html",
@@ -134,33 +95,33 @@ var Se = /* @__PURE__ */ new Set([
 	"html",
 	"grid",
 	"rich-text"
-]), we = /* @__PURE__ */ new Set([
+]), Te = /* @__PURE__ */ new Set([
 	"formula",
 	"summary",
 	"auto_number",
 	"autonumber"
 ]);
-function Te(e) {
-	return Ce.has(e);
-}
 function Ee(e) {
 	return we.has(e);
 }
 function De(e) {
-	return e <= 3 ? 1 : e <= 8 ? 2 : e <= 15 ? 3 : 4;
+	return Te.has(e);
 }
 function Oe(e) {
-	return e && e > 0 ? Math.min(Math.floor(e), 4) : 1;
+	return e <= 3 ? 1 : e <= 8 ? 2 : e <= 15 ? 3 : 4;
 }
-function ke(e, t, n) {
-	let r = Oe(t);
-	return r <= 1 ? 1 : e.span === "full" ? r : e.colSpan == null ? e.type && Te(e.type) ? r : Math.min(r, Math.max(1, Math.round(r / Math.min(Math.max(1, Math.floor(n || r)), r)))) : Math.min(Math.max(1, Math.floor(e.colSpan)), r);
+function ke(e) {
+	return e && e > 0 ? Math.min(Math.floor(e), 4) : 1;
 }
 function Ae(e, t, n) {
-	let r = Oe(t);
+	let r = ke(t);
+	return r <= 1 ? 1 : e.span === "full" ? r : e.colSpan == null ? e.type && Ee(e.type) ? r : Math.min(r, Math.max(1, Math.round(r / Math.min(Math.max(1, Math.floor(n || r)), r)))) : Math.min(Math.max(1, Math.floor(e.colSpan)), r);
+}
+function je(e, t, n) {
+	let r = ke(t);
 	return r <= 1 ? e : e.map((e) => {
 		if (e.type === "section-divider") return e;
-		let t = ke(e, r, n);
+		let t = Ae(e, r, n);
 		return t > 1 ? {
 			...e,
 			colSpan: t
@@ -170,7 +131,7 @@ function Ae(e, t, n) {
 		} : e;
 	});
 }
-var je = /* @__PURE__ */ new Set([
+var Me = /* @__PURE__ */ new Set([
 	"id",
 	"created_at",
 	"createdAt",
@@ -197,564 +158,783 @@ var je = /* @__PURE__ */ new Set([
 	"_version",
 	"_rev"
 ]);
-function Me(e, t) {
+function Ne(e, t) {
 	return e.filter((e) => {
-		if (je.has(e.name)) return !1;
+		if (Me.has(e.name)) return !1;
 		let n = t?.fields?.[e.name];
 		return !(n?.hidden === !0 || n?.readonly === !0);
 	});
 }
-function Ne(e, t) {
+function Pe(e, t) {
 	return e.filter((e) => {
-		if (je.has(e.name) || e.type && Se.has(e.type)) return !1;
+		if (Me.has(e.name) || e.type && Ce.has(e.type)) return !1;
 		if (!t?.fields) return !0;
 		let n = t.fields[e.name];
-		return !n || n.readonly !== !0 && !Ee(n.type);
+		return !n || n.readonly !== !0 && !De(n.type);
 	});
 }
-function Pe(e, t) {
+function Fe(e, t) {
 	return e.filter((e) => {
-		if (e.type && Se.has(e.type)) return !1;
+		if (e.type && Ce.has(e.type)) return !1;
 		let n = t?.fields?.[e.name];
-		return !n || !Ee(n.type);
+		return !n || !De(n.type);
 	});
 }
-var Fe = {
+var Ie = {
 	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"
 };
-function Ie(e) {
-	return Fe[e && e > 0 ? Math.min(Math.floor(e), 4) : 1];
-}
-function Le(e, t) {
-	let n = t && t > 1 ? Math.min(Math.floor(t), 4) : 1, r = n > 1 ? Ae(e, n) : e, i = Ie(n);
-	return {
-		fields: r,
-		columns: n,
-		...i ? { fieldContainerClass: i } : {}
-	};
+function Le(e) {
+	return Ie[e && e > 0 ? Math.min(Math.floor(e), 4) : 1];
 }
 function Re(e) {
 	return e <= 1 ? "default" : e === 2 ? "xl" : "full";
 }
 function ze(e, t, n, r) {
 	let i = [...e];
-	if (i = Me(i, t), r === "create" && (i = Pe(i, t)), n !== void 0) return i = Ae(i, n), {
+	if (i = Ne(i, t), r === "create" && (i = Fe(i, t)), n !== void 0) return i = je(i, n), {
 		fields: i,
 		columns: n
 	};
-	let a = De(i.length);
-	return i = Ae(i, a), {
+	let a = Oe(i.length);
+	return i = je(i, a), {
 		fields: i,
 		columns: a
 	};
 }
 //#endregion
+//#region src/occSave.tsx
+var Be = pe({
+	"form.conflictTitle": "Save conflict",
+	"form.conflictMessage": "This record was changed by someone else while you were editing. Overwriting will replace their changes with yours.",
+	"form.conflictLatestVersion": "Their save: {{time}}",
+	"form.conflictOverwrite": "Overwrite",
+	"form.keepEditing": "Keep editing"
+}, "form.conflictTitle");
+function Ve(e) {
+	let t = e?.updated_at;
+	return typeof t == "string" && t.length > 0 ? t : void 0;
+}
+function He(e) {
+	if (!e || typeof e != "object") return !1;
+	let t = e;
+	return t.code === "CONCURRENT_UPDATE" || t.name === "ConcurrentUpdateError";
+}
+function Ue(e) {
+	if (!e) return null;
+	let t = /\d{4}-\d{2}-\d{2}[ T]/.test(e) ? e.replace(" ", "T") : e, n = new Date(t);
+	return Number.isNaN(n.getTime()) ? null : n.toLocaleString();
+}
+function We() {
+	let { t } = Be(), [n, r] = e.useState(null), i = e.useRef(null), a = e.useCallback((e) => {
+		i.current?.(e), i.current = null, r(null);
+	}, []);
+	e.useEffect(() => () => i.current?.(!1), []);
+	let o = e.useCallback(async ({ dataSource: e, objectName: t, recordId: n, payload: a, baseRecord: o }) => {
+		let s = Ve(o);
+		try {
+			return {
+				status: "saved",
+				result: await e.update(t, n, a, s ? { ifMatch: s } : void 0)
+			};
+		} catch (o) {
+			if (!He(o)) throw o;
+			let s = o.currentVersion;
+			if (!await new Promise((e) => {
+				i.current = e, r({ currentVersion: typeof s == "string" ? s : void 0 });
+			})) return { status: "cancelled" };
+			let c = typeof s == "string" && s.length > 0 ? s : void 0;
+			return {
+				status: "saved",
+				result: await e.update(t, n, a, c ? { ifMatch: c } : void 0)
+			};
+		}
+	}, []), s = Ue(n?.currentVersion);
+	return {
+		saveWithOcc: o,
+		conflictDialog: /* @__PURE__ */ Z(w, {
+			open: !!n,
+			onOpenChange: (e) => {
+				e || a(!1);
+			},
+			children: /* @__PURE__ */ Q(D, { children: [/* @__PURE__ */ Q(A, { children: [/* @__PURE__ */ Q(j, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ Z(ae, {
+					className: "h-5 w-5 text-amber-500",
+					"aria-hidden": !0
+				}), t("form.conflictTitle")]
+			}), /* @__PURE__ */ Q(O, { children: [t("form.conflictMessage"), s && /* @__PURE__ */ Z("span", {
+				className: "mt-2 block text-xs text-muted-foreground",
+				children: t("form.conflictLatestVersion", { time: s })
+			})] })] }), /* @__PURE__ */ Q(k, { children: [/* @__PURE__ */ Z("button", {
+				type: "button",
+				className: q(K({ variant: "outline" })),
+				onClick: () => a(!1),
+				children: t("form.keepEditing")
+			}), /* @__PURE__ */ Z("button", {
+				type: "button",
+				className: q(K({ variant: "destructive" })),
+				onClick: () => a(!0),
+				children: t("form.conflictOverwrite")
+			})] })] })
+		})
+	};
+}
+//#endregion
 //#region src/TabbedForm.tsx
-var Be = ({ 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(() => {
+var Ge = ({ schema: e, dataSource: r, className: i }) => {
+	let { fieldLabel: a } = v(), [o, l] = c(null), [u, d] = c({}), { saveWithOcc: f, conflictDialog: p } = We(), [h, g] = c(!0), [_, y] = c(null), b = e.defaultTab || e.sections[0]?.name || e.sections[0]?.label || "tab-0";
+	t.useEffect(() => {
 		(async () => {
 			if (!r) {
-				m(!1);
+				g(!1);
 				return;
 			}
 			try {
-				let e = await r.getObjectSchema(n.objectName);
-				c(e);
+				let t = await r.getObjectSchema(e.objectName);
+				l(t);
 			} catch (e) {
-				g(e);
+				y(e);
 			}
 		})();
-	}, [n.objectName, r]), e.useEffect(() => {
-		(o || !r) && (async () => {
-			if (n.mode === "create" || !n.recordId || !r) {
-				d(n.initialData || n.initialValues || {}), m(!1);
+	}, [e.objectName, r]);
+	let x = s(void 0);
+	t.useEffect(() => {
+		let t = !1;
+		return (o || !r) && (async () => {
+			if (e.mode === "create" || !e.recordId || !r) {
+				d(e.initialData || e.initialValues || {}), g(!1);
 				return;
 			}
+			x.current !== e.recordId && g(!0);
 			try {
-				let e = await r.findOne(n.objectName, n.recordId);
-				d(e || {});
+				let n = await r.findOne(e.objectName, e.recordId);
+				if (t) return;
+				x.current = e.recordId, d(n || {});
 			} catch (e) {
-				g(e);
+				if (t) return;
+				y(e);
 			} finally {
-				m(!1);
+				t || g(!1);
 			}
-		})();
+		})(), () => {
+			t = !0;
+		};
 	}, [
 		o,
-		n.mode,
-		n.recordId,
-		n.initialData,
-		n.initialValues,
+		e.mode,
+		e.recordId,
+		e.initialData,
+		e.initialValues,
 		r,
-		n.objectName
+		e.objectName
 	]);
-	let y = t((e) => xe(e, {
+	let S = n((t) => Se(t, {
 		objectSchema: o,
-		objectName: n.objectName,
-		readOnly: n.readOnly,
-		mode: n.mode,
+		objectName: e.objectName,
+		readOnly: e.readOnly,
+		mode: e.mode,
 		fieldLabel: a
 	}), [
 		o,
-		n.readOnly,
-		n.mode,
-		n.objectName,
+		e.readOnly,
+		e.mode,
+		e.objectName,
 		a
-	]), b = t(async (e) => {
-		if (!r) return n.onSuccess && await n.onSuccess(e), e;
+	]), C = n(async (t) => {
+		if (!r) return e.onSuccess && await e.onSuccess(t), t;
 		try {
-			let t;
-			return n.mode === "create" ? t = await r.create(n.objectName, e) : n.mode === "edit" && n.recordId && (t = await r.update(n.objectName, n.recordId, e)), n.onSuccess && await n.onSuccess(t), t;
-		} catch (e) {
-			throw n.onError && n.onError(e), e;
+			let n;
+			if (e.mode === "create") n = await r.create(e.objectName, t);
+			else if (e.mode === "edit" && e.recordId) {
+				let i = await f({
+					dataSource: r,
+					objectName: e.objectName,
+					recordId: e.recordId,
+					payload: t,
+					baseRecord: u
+				});
+				if (i.status === "cancelled") return;
+				n = i.result;
+			}
+			return e.onSuccess && await e.onSuccess(n), n;
+		} catch (t) {
+			throw e.onError && e.onError(t), t;
 		}
-	}, [n, r]), x = t(() => {
-		n.onCancel && n.onCancel();
-	}, [n]), S = (e, t) => e.name || e.label || `tab-${t}`;
-	if (h) return /* @__PURE__ */ X("div", {
+	}, [
+		e,
+		r,
+		f,
+		u
+	]), w = n(() => {
+		e.onCancel && e.onCancel();
+	}, [e]), T = (e, t) => e.name || e.label || `tab-${t}`;
+	if (_) return /* @__PURE__ */ Q("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ Y("h3", {
+		children: [/* @__PURE__ */ Z("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ Y("p", {
+		}), /* @__PURE__ */ Z("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: h.message
+			children: _.message
 		})]
 	});
-	if (f) return /* @__PURE__ */ X("div", {
+	if (h) return /* @__PURE__ */ Q("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ Y("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Y("p", {
+		children: [/* @__PURE__ */ Z("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Z("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let C = {
-		type: "form",
-		fields: n.sections.flatMap((e) => y(e)),
-		layout: "vertical",
-		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: b,
-		onCancel: x
-	}, w = n.tabPosition === "left" || n.tabPosition === "right";
-	return /* @__PURE__ */ Y("div", {
-		className: G("w-full", i, n.className),
-		children: /* @__PURE__ */ X(W, {
-			value: _,
-			onValueChange: v,
-			orientation: w ? "vertical" : "horizontal",
-			className: G(w && "flex gap-4"),
-			children: [/* @__PURE__ */ Y(ie, {
-				className: G(w ? "flex-col h-auto" : "", n.tabPosition === "bottom" && "order-last", n.tabPosition === "right" && "order-last"),
-				children: n.sections.map((e, t) => /* @__PURE__ */ Y(ae, {
-					value: S(e, t),
-					className: w ? "w-full justify-start" : "",
-					children: e.label || `Tab ${t + 1}`
-				}, S(e, t)))
-			}), /* @__PURE__ */ Y("div", {
-				className: "flex-1",
-				children: n.sections.map((e, t) => /* @__PURE__ */ Y(re, {
-					value: S(e, t),
-					className: "mt-0",
-					children: /* @__PURE__ */ Y(ve, {
-						description: e.description,
-						columns: 1,
-						className: e.className,
-						gridClassName: e.gridClassName,
-						children: /* @__PURE__ */ Y(l, { schema: {
-							...C,
-							...Le(y(e), e.columns || 1),
-							showSubmit: n.showSubmit !== !1 && n.mode !== "view",
-							showCancel: n.showCancel !== !1
-						} })
-					})
-				}, S(e, t)))
+	let E = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, D = e.sections.map((e) => E(e.columns)).filter((e) => e != null), O = E(e.columns) ?? (D.length ? Math.max(...D) : 1), k = Le(O), A = e.sections.map((e, t) => {
+		let n = S(e);
+		return {
+			key: T(e, t),
+			label: e.label || `Tab ${t + 1}`,
+			description: e.description,
+			containerClass: e.gridClassName,
+			fields: O > 1 ? je(n, O, E(e.columns)) : n
+		};
+	}), j = A.flatMap((e) => e.fields);
+	return /* @__PURE__ */ Q("div", {
+		className: q("w-full @container", i, e.className),
+		children: [/* @__PURE__ */ Z(m, { schema: {
+			type: "form",
+			objectName: e.objectName,
+			fields: j,
+			columns: O,
+			...k ? { fieldContainerClass: k } : {},
+			layout: "vertical",
+			defaultValues: u,
+			submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+			cancelLabel: e.cancelText,
+			showSubmit: e.showSubmit !== !1 && e.mode !== "view",
+			showCancel: e.showCancel !== !1,
+			onSubmit: C,
+			onCancel: w,
+			fieldTabs: A.map((e) => ({
+				key: e.key,
+				label: e.label,
+				description: e.description,
+				fields: e.fields.map((e) => e.name),
+				containerClass: e.containerClass
+			})),
+			defaultFieldTab: b,
+			fieldTabsPosition: e.tabPosition || "top"
+		} }), p]
+	});
+}, Ke = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, columns: i = 1, children: a, className: o, gridClassName: s, showBorder: l }) => {
+	let [u, d] = c(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, h = e || t ? /* @__PURE__ */ Q("div", {
+		className: q("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__ */ Z("span", {
+			className: "mt-0.5 text-muted-foreground",
+			children: Z(u ? X : ce, { className: "h-4 w-4" })
+		}), /* @__PURE__ */ Q("div", {
+			className: "flex-1",
+			children: [e && /* @__PURE__ */ Z("h3", {
+				className: "text-sm font-semibold text-foreground",
+				children: e
+			}), t && /* @__PURE__ */ Z("p", {
+				className: "text-sm text-muted-foreground mt-0.5",
+				children: t
 			})]
-		})
+		})]
+	}) : null, g = u ? null : /* @__PURE__ */ Z("div", {
+		className: q("grid gap-4", s || f[i]),
+		children: a
 	});
-}, Ve = ({ 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), [b, x] = s(/* @__PURE__ */ new Set()), [S, C] = s(!1), [w, T] = s(null), E = e.useId(), [O, k] = s(0), A = e.useRef(!1), j = n.sections.length, M = v === 0, N = v === j - 1;
-	e.useEffect(() => {
+	return m ? /* @__PURE__ */ Q(N, {
+		className: q("form-section bg-muted/40 shadow-none", o),
+		children: [h && /* @__PURE__ */ Z(I, {
+			className: "border-b border-border pb-3",
+			children: h
+		}), g && /* @__PURE__ */ Z(P, {
+			className: "pt-4",
+			children: g
+		})]
+	}) : /* @__PURE__ */ Q("div", {
+		className: q("form-section", o),
+		children: [h, g]
+	});
+}, qe = pe({ "wizard.missingRequired": "Please complete the required fields: {{fields}}" }, "wizard.missingRequired"), Je = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0, Ye = ({ schema: e, dataSource: r, className: i }) => {
+	let { fieldLabel: a } = v(), { t: s } = qe(), [l, d] = c(null), [p, h] = c({}), { saveWithOcc: g, conflictDialog: _ } = We(), [y, b] = c(!0), [x, S] = c(null), [C, w] = c(0), [T, E] = c(/* @__PURE__ */ new Set()), [D, O] = c(!1), [k, A] = c(/* @__PURE__ */ new Set()), [j, N] = c(null), P = t.useId(), [F, I] = c(0), L = t.useRef(!1), R = e.sections.length, z = C === 0, B = C === R - 1;
+	t.useEffect(() => {
 		(async () => {
 			if (!r) {
-				h(!1);
+				b(!1);
 				return;
 			}
 			try {
-				let e = await r.getObjectSchema(n.objectName);
-				u(e);
+				let t = await r.getObjectSchema(e.objectName);
+				d(t);
 			} catch (e) {
-				_(e);
+				S(e);
 			}
 		})();
-	}, [n.objectName, r]), e.useEffect(() => {
-		(c || !r) && (async () => {
-			if (n.mode === "create" || !n.recordId || !r) {
-				A.current ||= (f(n.initialData || n.initialValues || {}), !0), h(!1);
+	}, [e.objectName, r]), t.useEffect(() => {
+		(l || !r) && (async () => {
+			if (e.mode === "create" || !e.recordId || !r) {
+				L.current ||= (h(e.initialData || e.initialValues || {}), !0), b(!1);
 				return;
 			}
 			try {
-				let e = await r.findOne(n.objectName, n.recordId);
-				f(e || {});
+				let t = await r.findOne(e.objectName, e.recordId);
+				h(t || {});
 			} catch (e) {
-				_(e);
+				S(e);
 			} finally {
-				h(!1);
+				b(!1);
 			}
 		})();
 	}, [
-		c,
-		n.mode,
-		n.recordId,
-		n.initialData,
-		n.initialValues,
+		l,
+		e.mode,
+		e.recordId,
+		e.initialData,
+		e.initialValues,
 		r,
-		n.objectName
+		e.objectName
 	]);
-	let P = t((e) => xe(e, {
-		objectSchema: c,
-		objectName: n.objectName,
-		readOnly: n.readOnly,
-		mode: n.mode,
-		fieldLabel: o
+	let V = n((t) => Se(t, {
+		objectSchema: l,
+		objectName: e.objectName,
+		readOnly: e.readOnly,
+		mode: e.mode,
+		fieldLabel: a
 	}), [
-		c,
-		n.readOnly,
-		n.mode,
-		n.objectName,
-		o
-	]), F = a(() => v >= 0 && v < j ? P(n.sections[v]) : [], [
-		v,
-		j,
-		n.sections,
-		P
-	]), ee = t(async (e) => {
-		let t = {
-			...d,
-			...e
+		l,
+		e.readOnly,
+		e.mode,
+		e.objectName,
+		a
+	]), H = o(() => C >= 0 && C < R ? V(e.sections[C]) : [], [
+		C,
+		R,
+		e.sections,
+		V
+	]), ee = n((t) => {
+		let n = /* @__PURE__ */ new Map();
+		return e.sections.forEach((e, r) => {
+			for (let i of V(e)) {
+				let e = i?.name;
+				if (!e || i.hidden === !0) continue;
+				let a = f({
+					visibleWhen: i.visibleWhen,
+					readonlyWhen: i.readonlyWhen,
+					requiredWhen: i.requiredWhen
+				}, t, {
+					required: !!i.required,
+					readonly: i.readonly === !0
+				});
+				!(i.visibleOn == null || u(i.visibleOn, t, !0)) || !a.visible || a.readonly || !a.required || Je(t[e]) && n.set(r, [...n.get(r) ?? [], i.label || e]);
+			}
+		}), n;
+	}, [e.sections, V]), U = n(async (t) => {
+		let n = {
+			...p,
+			...t
 		};
-		if (f(t), x((e) => new Set(e).add(v)), N) {
-			C(!0);
+		if (h(n), E((e) => new Set(e).add(C)), A((e) => {
+			if (!e.has(C)) return e;
+			let t = new Set(e);
+			return t.delete(C), t;
+		}), B) {
+			let t = ee(n);
+			if (t.size > 0) {
+				A(new Set(t.keys()));
+				let e = [...t.values()].flat();
+				J.error(s("wizard.missingRequired", { fields: e.slice(0, 3).join(", ") + (e.length > 3 ? "…" : "") })), W(Math.min(...t.keys()));
+				return;
+			}
+			A(/* @__PURE__ */ new Set()), O(!0);
 			try {
-				if (!r) return n.onSuccess && await n.onSuccess(t), t;
-				let 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 if (n.submitBehavior) {
-					let e = n.submitBehavior;
-					switch (e.kind) {
+				if (!r) return e.onSuccess && await e.onSuccess(n), n;
+				let t;
+				if (e.mode === "create") t = await r.create(e.objectName, n);
+				else if (e.mode === "edit" && e.recordId) {
+					let i = await g({
+						dataSource: r,
+						objectName: e.objectName,
+						recordId: e.recordId,
+						payload: n,
+						baseRecord: p
+					});
+					if (i.status === "cancelled") return;
+					t = i.result;
+				}
+				if (e.onSuccess) await e.onSuccess(t);
+				else if (e.submitBehavior) {
+					let t = e.submitBehavior;
+					switch (t.kind) {
 						case "redirect":
-							ge(e.url) && setTimeout(() => window.location.assign(e.url), e.delayMs ?? 0);
+							$(t.url) && setTimeout(() => window.location.assign(t.url), t.delayMs ?? 0);
 							break;
 						case "continue":
-							f({}), x(/* @__PURE__ */ new Set()), y(0), k((e) => e + 1);
+							h({}), E(/* @__PURE__ */ new Set()), w(0), I((e) => e + 1);
 							break;
 						default: {
-							let t = e.kind === "thank-you" && e.message ? e.message : n.successMessage || (n.mode === "create" ? "Created" : "Saved");
-							K.success(t), T({
-								title: e.kind === "thank-you" ? e.title : void 0,
-								message: t
+							let n = t.kind === "thank-you" && t.message ? t.message : e.successMessage || (e.mode === "create" ? "Created" : "Saved");
+							J.success(n), N({
+								title: t.kind === "thank-you" ? t.title : void 0,
+								message: n
 							});
 							break;
 						}
 					}
 				} else {
-					let t = _e(n.navigateOnSuccess, e);
-					if (t) return window.location.assign(t), e;
-					K.success(n.successMessage || (n.mode === "create" ? "Created" : "Saved")), n.resetOnSuccess && n.mode === "create" && (f({}), x(/* @__PURE__ */ new Set()), y(0), k((e) => e + 1));
+					let n = ge(e.navigateOnSuccess, t);
+					if (n) return window.location.assign(n), t;
+					J.success(e.successMessage || (e.mode === "create" ? "Created" : "Saved")), e.resetOnSuccess && e.mode === "create" && (h({}), E(/* @__PURE__ */ new Set()), w(0), I((e) => e + 1));
 				}
-				return e;
-			} catch (e) {
-				throw n.onError && n.onError(e), e;
+				return t;
+			} catch (t) {
+				throw e.onError && e.onError(t), t;
 			} finally {
-				C(!1);
+				O(!1);
 			}
-		} else I(v + 1);
+		} else W(C + 1);
 	}, [
-		d,
-		v,
-		N,
-		n,
-		r
-	]), I = t((e) => {
-		e >= 0 && e < j && (y(e), n.onStepChange && n.onStepChange(e));
-	}, [j, n]), te = t(() => {
-		I(v - 1);
-	}, [v, I]), L = t(() => {
-		n.onCancel && n.onCancel();
-	}, [n]), R = t((e) => {
-		(n.allowSkip || b.has(e) || e <= v) && I(e);
+		p,
+		C,
+		B,
+		e,
+		r,
+		ee,
+		s,
+		g
+	]), W = n((t) => {
+		t >= 0 && t < R && (w(t), e.onStepChange && e.onStepChange(t));
+	}, [R, e]), G = n(() => {
+		W(C - 1);
+	}, [C, W]), te = n(() => {
+		e.onCancel && e.onCancel();
+	}, [e]), ne = n((t) => {
+		(e.allowSkip || T.has(t) || t <= C) && W(t);
 	}, [
-		n.allowSkip,
-		b,
-		v,
-		I
+		e.allowSkip,
+		T,
+		C,
+		W
 	]);
-	if (g) return /* @__PURE__ */ X("div", {
+	if (x) return /* @__PURE__ */ Q("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ Y("h3", {
+		children: [/* @__PURE__ */ Z("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ Y("p", {
+		}), /* @__PURE__ */ Z("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: g.message
+			children: x.message
 		})]
 	});
-	if (m) return /* @__PURE__ */ X("div", {
+	if (y) return /* @__PURE__ */ Q("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ Y("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Y("p", {
+		children: [/* @__PURE__ */ Z("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Z("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	if (w) return /* @__PURE__ */ Y("div", {
-		className: G("w-full", i, n.className),
-		children: /* @__PURE__ */ X("div", {
+	if (j) return /* @__PURE__ */ Z("div", {
+		className: q("w-full", i, e.className),
+		children: /* @__PURE__ */ Q("div", {
 			className: "rounded-md border bg-card p-8 text-center",
-			children: [/* @__PURE__ */ Y("h3", {
+			children: [/* @__PURE__ */ Z("h3", {
 				className: "text-lg font-semibold",
-				children: w.title ?? "Thanks!"
-			}), w.message && /* @__PURE__ */ Y("p", {
+				children: j.title ?? "Thanks!"
+			}), j.message && /* @__PURE__ */ Z("p", {
 				className: "mt-2 text-sm text-muted-foreground",
-				children: w.message
+				children: j.message
 			})]
 		})
 	});
-	let z = n.sections[v];
-	return /* @__PURE__ */ X("div", {
-		className: G("w-full", i, n.className),
+	let K = e.sections[C], re = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, Y = re(e.columns) ?? re(K?.columns) ?? 1, ae = Le(Y);
+	return /* @__PURE__ */ Q("div", {
+		className: q("w-full @container", i, e.className),
 		children: [
-			n.showStepIndicator !== !1 && /* @__PURE__ */ Y("nav", {
+			e.showStepIndicator !== !1 && /* @__PURE__ */ Z("nav", {
 				"aria-label": "Progress",
 				className: "mb-8",
-				children: /* @__PURE__ */ Y("ol", {
+				children: /* @__PURE__ */ Z("ol", {
 					className: "flex items-center",
-					children: n.sections.map((e, t) => {
-						let r = t === v, i = b.has(t), a = n.allowSkip || i || t <= v;
-						return /* @__PURE__ */ X("li", {
-							className: G("relative flex-1", t !== j - 1 && "pr-8 sm:pr-12"),
-							children: [t !== j - 1 && /* @__PURE__ */ Y("div", {
+					children: e.sections.map((t, n) => {
+						let r = n === C, i = T.has(n), a = e.allowSkip || i || n <= C, o = k.has(n);
+						return /* @__PURE__ */ Q("li", {
+							className: q("relative flex-1", n !== R - 1 && "pr-8 sm:pr-12"),
+							children: [n !== R - 1 && /* @__PURE__ */ Z("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__ */ Y("div", { className: G("h-full", i ? "bg-primary" : "bg-muted") })
-							}), /* @__PURE__ */ X("button", {
+								children: /* @__PURE__ */ Z("div", { className: q("h-full", i ? "bg-primary" : "bg-muted") })
+							}), /* @__PURE__ */ Q("button", {
 								type: "button",
-								className: G("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
-								onClick: () => R(t),
+								className: q("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
+								onClick: () => ne(n),
 								disabled: !a,
-								children: [/* @__PURE__ */ Y("span", {
-									className: G("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__ */ Y(ce, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
-								}), /* @__PURE__ */ Y("span", {
+								"data-testid": `wizard-step:${t.name || n}`,
+								"data-error": o || void 0,
+								children: [/* @__PURE__ */ Z("span", {
+									className: q("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", o && "border-2 border-destructive bg-background text-destructive", !o && i && "bg-primary text-primary-foreground", !o && r && !i && "border-2 border-primary bg-background text-primary", !o && !r && !i && "border-2 border-muted bg-background text-muted-foreground"),
+									children: o ? /* @__PURE__ */ Z(ie, {
+										className: "h-3 w-3 sm:h-4 sm:w-4",
+										"aria-hidden": !0
+									}) : i ? /* @__PURE__ */ Z(oe, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : n + 1
+								}), /* @__PURE__ */ Z("span", {
 									className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block",
-									children: /* @__PURE__ */ Y("span", {
-										className: G(r ? "text-foreground" : "text-muted-foreground"),
-										children: e.label || `Step ${t + 1}`
+									children: /* @__PURE__ */ Z("span", {
+										className: q(o ? "text-destructive" : r ? "text-foreground" : "text-muted-foreground"),
+										children: t.label || `Step ${n + 1}`
 									})
 								})]
 							})]
-						}, t);
+						}, n);
 					})
 				})
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ Z("div", {
 				className: "min-h-[200px]",
-				children: z && /* @__PURE__ */ Y(ve, {
-					label: z.label,
-					description: z.description,
+				children: K && /* @__PURE__ */ Z(Ke, {
+					label: K.label,
+					description: K.description,
 					columns: 1,
-					className: z.className,
-					gridClassName: z.gridClassName,
-					children: F.length > 0 ? /* @__PURE__ */ Y(l, { schema: {
+					className: K.className,
+					gridClassName: K.gridClassName,
+					children: H.length > 0 ? /* @__PURE__ */ Z(m, { schema: {
 						type: "form",
-						objectName: n.objectName,
-						id: E,
-						...Le(F, z.columns || 1),
+						objectName: e.objectName,
+						id: P,
+						fields: Y > 1 ? je(H, Y, re(K.columns)) : H,
+						columns: Y,
+						...ae ? { fieldContainerClass: ae } : {},
 						layout: "vertical",
-						defaultValues: d,
+						defaultValues: p,
 						showSubmit: !1,
 						showCancel: !1,
-						onSubmit: ee
-					} }, O) : /* @__PURE__ */ Y("div", {
-						className: "text-center py-8 text-muted-foreground",
-						children: "No fields configured for this step"
+						onSubmit: U
+					} }, F) : /* @__PURE__ */ Z("form", {
+						id: P,
+						onSubmit: (e) => {
+							e.preventDefault(), U({});
+						},
+						children: /* @__PURE__ */ Z("div", {
+							className: "text-center py-8 text-muted-foreground",
+							children: "No fields configured for this step"
+						})
 					})
 				})
 			}),
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Q("div", {
 				className: "flex items-center justify-between mt-6 pt-4 border-t",
-				children: [/* @__PURE__ */ Y("div", { children: n.showCancel !== !1 && /* @__PURE__ */ Y(D, {
+				children: [/* @__PURE__ */ Z("div", { children: e.showCancel !== !1 && /* @__PURE__ */ Z(M, {
 					variant: "ghost",
-					onClick: L,
-					children: n.cancelText || "Cancel"
-				}) }), /* @__PURE__ */ X("div", {
+					onClick: te,
+					children: e.cancelText || "Cancel"
+				}) }), /* @__PURE__ */ Q("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ X("span", {
+						/* @__PURE__ */ Q("span", {
 							className: "text-sm text-muted-foreground mr-2",
 							children: [
 								"Step ",
-								v + 1,
+								C + 1,
 								" of ",
-								j
+								R
 							]
 						}),
-						!M && /* @__PURE__ */ X(D, {
+						!z && /* @__PURE__ */ Q(M, {
 							variant: "outline",
-							onClick: te,
-							children: [/* @__PURE__ */ Y(ue, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
+							onClick: G,
+							children: [/* @__PURE__ */ Z(le, { className: "h-4 w-4 mr-1" }), e.prevText || "Back"]
 						}),
-						N ? /* @__PURE__ */ X(D, {
+						B ? /* @__PURE__ */ Q(M, {
 							type: "submit",
-							form: E,
-							disabled: S || n.mode === "view",
-							children: [S && /* @__PURE__ */ Y(fe, {
+							form: P,
+							disabled: D || e.mode === "view",
+							children: [D && /* @__PURE__ */ Z(ue, {
 								className: "mr-2 h-4 w-4 animate-spin",
 								"aria-hidden": !0
-							}), S ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")]
-						}) : /* @__PURE__ */ X(D, {
+							}), D ? "Submitting..." : e.submitText || (e.mode === "create" ? "Create" : "Update")]
+						}) : /* @__PURE__ */ Q(M, {
 							type: "submit",
-							form: E,
-							children: [n.nextText || "Next", /* @__PURE__ */ Y(de, { className: "h-4 w-4 ml-1" })]
+							form: P,
+							children: [e.nextText || "Next", /* @__PURE__ */ Z(X, { className: "h-4 w-4 ml-1" })]
 						})
 					]
 				})]
-			})
+			}),
+			_
 		]
 	});
-}, 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(() => {
+}, Xe = ({ schema: e, dataSource: t, className: r }) => {
+	let { fieldLabel: a } = v(), [l, u] = c(null), [d, f] = c({}), { saveWithOcc: p, conflictDialog: h } = We(), [g, _] = c(!0), [y, b] = c(null);
+	i(() => {
 		(async () => {
-			if (!n) {
-				h(!1);
+			if (!t) {
+				_(!1);
 				return;
 			}
 			try {
-				let t = await n.getObjectSchema(e.objectName);
-				u(t);
+				let n = await t.getObjectSchema(e.objectName);
+				u(n);
 			} catch (e) {
-				_(e), h(!1);
+				b(e), _(!1);
 			}
 		})();
-	}, [e.objectName, n]), r(() => {
-		(c || !n) && (async () => {
+	}, [e.objectName, t]);
+	let x = s(void 0);
+	i(() => {
+		let n = !1;
+		return (l || !t) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
-				f(e.initialData || e.initialValues || {}), h(!1);
+				f(e.initialData || e.initialValues || {}), _(!1);
 				return;
 			}
-			if (!n) {
-				f(e.initialData || e.initialValues || {}), h(!1);
+			if (!t) {
+				f(e.initialData || e.initialValues || {}), _(!1);
 				return;
 			}
+			x.current !== e.recordId && _(!0);
 			try {
-				let t = await n.findOne(e.objectName, e.recordId);
-				f(t || {});
+				let r = await t.findOne(e.objectName, e.recordId);
+				if (n) return;
+				x.current = e.recordId, f(r || {});
 			} catch (e) {
-				_(e);
+				if (n) return;
+				b(e);
 			} finally {
-				h(!1);
+				n || _(!1);
 			}
-		})();
+		})(), () => {
+			n = !0;
+		};
 	}, [
-		c,
+		l,
 		e.mode,
 		e.recordId,
 		e.initialData,
 		e.initialValues,
-		n,
+		t,
 		e.objectName
 	]);
-	let v = t((t) => xe(t, {
-		objectSchema: c,
+	let S = n((t) => Se(t, {
+		objectSchema: l,
 		objectName: e.objectName,
 		readOnly: e.readOnly,
 		mode: e.mode,
-		fieldLabel: o
+		fieldLabel: a
 	}), [
-		c,
+		l,
 		e.readOnly,
 		e.mode,
 		e.objectName,
-		o
-	]), y = t(async (t) => {
-		if (!n) return e.onSuccess && await e.onSuccess(t), t;
+		a
+	]), C = n(async (n) => {
+		if (!t) return e.onSuccess && await e.onSuccess(n), n;
 		try {
 			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;
+			if (e.mode === "create") r = await t.create(e.objectName, n);
+			else if (e.mode === "edit" && e.recordId) {
+				let i = await p({
+					dataSource: t,
+					objectName: e.objectName,
+					recordId: e.recordId,
+					payload: n,
+					baseRecord: d
+				});
+				if (i.status === "cancelled") return;
+				r = i.result;
+			}
+			return e.onSuccess && await e.onSuccess(r), r;
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		}
-	}, [e, n]), b = t(() => {
+	}, [
+		e,
+		t,
+		p,
+		d
+	]), w = n(() => {
 		e.onCancel && e.onCancel();
-	}, [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__ */ X("div", {
+	}, [e]), T = (e, t) => e.pane === "primary" || e.pane === "secondary" ? e.pane : t === 0 ? "primary" : "secondary", E = o(() => e.sections.filter((e, t) => T(e, t) === "primary"), [e.sections]), D = o(() => e.sections.filter((e, t) => T(e, t) === "secondary"), [e.sections]), O = e.splitDirection || "horizontal", k = e.splitSize || 50;
+	if (y) return /* @__PURE__ */ Q("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ Y("h3", {
+		children: [/* @__PURE__ */ Z("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ Y("p", {
+		}), /* @__PURE__ */ Z("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: g.message
+			children: y.message
 		})]
 	});
-	if (m) return /* @__PURE__ */ X("div", {
+	if (g) return /* @__PURE__ */ Q("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ Y("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Y("p", {
+		children: [/* @__PURE__ */ Z("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Z("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let T = {
-		type: "form",
-		objectName: e.objectName,
-		layout: "vertical",
-		defaultValues: d,
-		onSubmit: y,
-		onCancel: b
-	}, E = (t, n) => /* @__PURE__ */ Y("div", {
-		className: "space-y-6 p-4",
-		children: t.map((t, r) => /* @__PURE__ */ Y(ve, {
-			label: t.label,
-			description: t.description,
-			columns: 1,
-			className: t.className,
-			gridClassName: t.gridClassName,
-			children: /* @__PURE__ */ Y(l, { schema: {
-				...T,
-				...Le(v(t), t.columns || 1),
-				showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
-				showCancel: n && e.showCancel !== !1,
-				submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
-				cancelLabel: e.cancelText
-			} })
-		}, t.name || t.label || r))
-	});
-	return /* @__PURE__ */ Y("div", {
-		className: G("w-full", i, e.className),
-		children: /* @__PURE__ */ X(R, {
-			orientation: C,
-			className: "min-h-[300px] rounded-lg border",
-			children: [/* @__PURE__ */ Y(L, {
-				defaultSize: w,
-				minSize: 20,
-				children: E(x, S.length === 0)
-			}), S.length > 0 && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(te, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ Y(L, {
-				defaultSize: 100 - w,
-				minSize: 20,
-				children: E(S, !0)
-			})] })]
-		})
+	let A = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, j = e.sections.map((e) => A(e.columns)).filter((e) => e != null), M = A(e.columns) ?? (j.length ? Math.max(...j) : 1), N = Le(M), P = (e, t) => {
+		let n = [];
+		return e.forEach((e, r) => {
+			let i = S(e);
+			i.length && ((e.label || e.description) && n.push({
+				name: `__section_${e.name || `${t}_${r}`}`,
+				label: e.label,
+				description: e.description,
+				type: "section-divider",
+				colSpan: 4,
+				className: e.className
+			}), n.push(...M > 1 ? je(i, M, A(e.columns)) : i));
+		}), n;
+	}, F = [{
+		key: "primary",
+		sections: E,
+		defaultSize: k
+	}, {
+		key: "secondary",
+		sections: D,
+		defaultSize: 100 - k
+	}].map((e) => ({
+		...e,
+		fields: P(e.sections, e.key),
+		containerClass: e.sections.length === 1 ? e.sections[0].gridClassName : void 0
+	})).filter((e) => e.fields.length > 0);
+	return /* @__PURE__ */ Q("div", {
+		className: q("w-full @container", r, e.className),
+		children: [/* @__PURE__ */ Z(m, { schema: {
+			type: "form",
+			objectName: e.objectName,
+			fields: F.flatMap((e) => e.fields),
+			columns: M,
+			...N ? { fieldContainerClass: N } : {},
+			layout: "vertical",
+			defaultValues: d,
+			submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+			cancelLabel: e.cancelText,
+			showSubmit: e.showSubmit !== !1 && e.mode !== "view",
+			showCancel: e.showCancel !== !1,
+			onSubmit: C,
+			onCancel: w,
+			fieldPanes: F.map((e) => ({
+				key: e.key,
+				fields: e.fields.map((e) => e.name),
+				defaultSize: e.defaultSize,
+				...e.containerClass ? { containerClass: e.containerClass } : {}
+			})),
+			fieldPanesOrientation: O,
+			fieldPanesResizable: e.splitResizable !== !1
+		} }), h]
 	});
-}, Ue = /* @__PURE__ */ new Set([
+}, Ze = /* @__PURE__ */ new Set([
 	"id",
 	"_id",
 	"created_at",
@@ -763,7 +943,7 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 	"updatedAt",
 	"organization_id",
 	"organizationId"
-]), We = /* @__PURE__ */ new Set([
+]), Qe = /* @__PURE__ */ new Set([
 	"formula",
 	"summary",
 	"rollup",
@@ -772,15 +952,15 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 	"autonumber",
 	"computed"
 ]);
-function Ge(e, t) {
+function $e(e, t) {
 	if (!e || typeof e != "object") return e;
 	let n = {}, r = t?.fields;
-	for (let [t, i] of Object.entries(e)) if (!Ue.has(t)) {
+	for (let [t, i] of Object.entries(e)) if (!Ze.has(t)) {
 		if (r) {
 			let e = r[t];
 			if (!e) continue;
 			let n = String(e.type || "").toLowerCase();
-			if (We.has(n) || e.computed === !0 || e.formula || e.readOnly === !0 || e.readonly === !0) continue;
+			if (Qe.has(n) || e.computed === !0 || e.formula || e.readOnly === !0 || e.readonly === !0) continue;
 		}
 		n[t] = i;
 	}
@@ -788,31 +968,31 @@ function Ge(e, t) {
 }
 //#endregion
 //#region src/masterDetailTx.ts
-var $ = (e) => e == null ? void 0 : e.id ?? e._id ?? e.recordId, Ke = (e, t) => t ? Ge(e, t) : e, qe = /* @__PURE__ */ new Set([
+var et = (e) => e == null ? void 0 : e.id ?? e._id ?? e.recordId, tt = (e, t) => t ? $e(e, t) : e, nt = /* @__PURE__ */ new Set([
 	"id",
 	"_id",
 	"recordId"
 ]);
-function Je(e, t) {
-	return !e || Object.entries(e).every(([e, n]) => e === t || qe.has(e) ? !0 : n == null || n === "");
+function rt(e, t) {
+	return !e || Object.entries(e).every(([e, n]) => e === t || nt.has(e) ? !0 : n == null || n === "");
 }
-function Ye(e, t, n) {
+function it(e, t, n) {
 	let r = [{
 		object: e,
 		action: "create",
 		data: t
 	}];
-	for (let e of n) for (let t of e.rows) Je(t, e.relationshipField) || r.push({
+	for (let e of n) for (let t of e.rows) rt(t, e.relationshipField) || r.push({
 		object: e.childObject,
 		action: "create",
 		data: {
-			...Ke(t, e.childSchema),
+			...tt(t, e.childSchema),
 			[e.relationshipField]: { $ref: 0 }
 		}
 	});
 	return r;
 }
-function Xe(e, t, n, r) {
+function at(e, t, n, r) {
 	let i = [{
 		object: e,
 		action: "update",
@@ -823,21 +1003,21 @@ function Xe(e, t, n, r) {
 		let n = (e.rows || []).map((n) => ({
 			...n,
 			[e.relationshipField]: t
-		})), { toCreate: r, toUpdate: a, toDelete: o } = Ze(e.original || [], n);
+		})), { toCreate: r, toUpdate: a, toDelete: o } = ot(e.original || [], n);
 		for (let t of r) {
-			if (Je(t, e.relationshipField)) continue;
+			if (rt(t, e.relationshipField)) continue;
 			let { id: n, _id: r, recordId: a, ...o } = t;
 			i.push({
 				object: e.childObject,
 				action: "create",
-				data: Ke(o, e.childSchema)
+				data: tt(o, e.childSchema)
 			});
 		}
 		for (let t of a) i.push({
 			object: e.childObject,
 			action: "update",
-			id: $(t),
-			data: Ke(t, e.childSchema)
+			id: et(t),
+			data: tt(t, e.childSchema)
 		});
 		for (let t of o) i.push({
 			object: e.childObject,
@@ -847,60 +1027,23 @@ function Xe(e, t, n, r) {
 	}
 	return i;
 }
-function Ze(e, t) {
-	let n = new Set(t.map($).filter(Boolean));
+function ot(e, t) {
+	let n = new Set(t.map(et).filter(Boolean));
 	return {
-		toCreate: t.filter((e) => !$(e)),
-		toUpdate: t.filter((e) => $(e)),
-		toDelete: (e || []).map($).filter((e) => !!e && !n.has(e))
+		toCreate: t.filter((e) => !et(e)),
+		toUpdate: t.filter((e) => et(e)),
+		toDelete: (e || []).map(et).filter((e) => !!e && !n.has(e))
 	};
 }
-function Qe(e, t) {
+function st(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 $e(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 et(e, t, n) {
-	return n.length === 0 ? [] : typeof e.bulk == "function" ? $e(await e.bulk(t, "create", n)) : $e(await Promise.all(n.map((n) => e.create(t, n))));
-}
-async function tt(e, t, n, r) {
-	let i = [], a = r.rows.filter((e) => $(e) || !Je(e, r.relationshipField)).map((e) => ({
-		...e,
-		[r.relationshipField]: n
-	}));
-	if (r.original !== void 0) {
-		let { toCreate: t, toUpdate: n, toDelete: o } = Ze(r.original, a), s = await et(e, r.childObject, t.map((e) => Ke(e, r.childSchema)));
-		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), Ke(t, r.childSchema)))), await Promise.all(o.map((t) => e.delete(r.childObject, t)));
-	} else {
-		let t = await et(e, r.childObject, a.map((e) => Ke(e, r.childSchema)));
-		for (let e of t) {
-			let t = $(e);
-			t && i.push({
-				object: r.childObject,
-				id: t
-			});
-		}
-	}
-	if (r.totalField) {
-		let i = Qe(r.rows, r.amountField || "amount");
-		await e.update(t, n, { [r.totalField]: i });
-	}
-	return { created: i };
-}
 //#endregion
 //#region src/deriveMasterDetail.ts
-var nt = /* @__PURE__ */ new Set([
+var ct = /* @__PURE__ */ new Set([
 	"id",
 	"_id",
 	"recordId",
@@ -916,14 +1059,14 @@ var nt = /* @__PURE__ */ new Set([
 	"tenant_id",
 	"space",
 	"owner"
-]), rt = /* @__PURE__ */ new Set([
+]), lt = /* @__PURE__ */ new Set([
 	"position",
 	"sort_order",
 	"sequence",
 	"line_no",
 	"line_number",
 	"sort"
-]), it = /* @__PURE__ */ new Set([
+]), ut = /* @__PURE__ */ new Set([
 	"formula",
 	"summary",
 	"rollup",
@@ -939,7 +1082,7 @@ var nt = /* @__PURE__ */ new Set([
 	"markdown",
 	"richtext"
 ]);
-function at(e) {
+function dt(e) {
 	switch (e) {
 		case "number":
 		case "percent":
@@ -962,11 +1105,11 @@ function at(e) {
 		default: return "text";
 	}
 }
-var ot = /* @__PURE__ */ new Set(["image", "avatar"]);
-function st(e, t) {
-	e.multiple == null && t?.multiple && (e.multiple = !0), e.accept ?? (Array.isArray(t?.accept) && t.accept.length > 0 ? e.accept = t.accept : ot.has(t?.type) && (e.accept = ["image/*"]));
+var ft = /* @__PURE__ */ new Set(["image", "avatar"]);
+function pt(e, t) {
+	e.multiple == null && t?.multiple && (e.multiple = !0), e.accept ?? (Array.isArray(t?.accept) && t.accept.length > 0 ? e.accept = t.accept : ft.has(t?.type) && (e.accept = ["image/*"]));
 }
-function ct(e) {
+function mt(e) {
 	if (e?.type === "boolean" || e?.type === "toggle") return [{
 		label: "Yes",
 		value: "true"
@@ -983,7 +1126,7 @@ function ct(e) {
 		value: String(e)
 	});
 }
-function lt(e, t) {
+function ht(e, t) {
 	let n = e?.fields;
 	if (!n || typeof n != "object") return;
 	let r;
@@ -996,7 +1139,7 @@ function lt(e, t) {
 	}
 	return r;
 }
-var ut = [
+var gt = [
 	"name",
 	"title",
 	"subject",
@@ -1004,7 +1147,7 @@ var ut = [
 	"full_name",
 	"display_name",
 	"code"
-], dt = {
+], _t = {
 	select: 0,
 	currency: 1,
 	number: 1,
@@ -1012,15 +1155,18 @@ var ut = [
 	date: 3,
 	text: 4
 };
-function ft(e, t) {
+function vt(e) {
+	return (e.type ? _t[e.type] : void 0) ?? 5;
+}
+function yt(e, t) {
 	if (t <= 0 || e.length <= t) return e;
-	let n = /* @__PURE__ */ new Set(), r = e.find((e) => ut.includes(e.field)) ?? e[0];
+	let n = /* @__PURE__ */ new Set(), r = e.find((e) => gt.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) => (dt[e.c.type] ?? 5) - (dt[t.c.type] ?? 5) || e.i - t.i);
+	})).filter(({ c: e }) => !n.has(e.field)).sort((e, t) => vt(e.c) - vt(t.c) || e.i - t.i);
 	for (let { c: e } of i) {
 		if (n.size >= t) break;
 		n.add(e.field);
@@ -1030,60 +1176,60 @@ function ft(e, t) {
 		defaultHidden: !0
 	});
 }
-function pt(e, t = {}) {
+function bt(e, t = {}) {
 	let n = e?.fields;
 	if (!n || typeof n != "object") return [];
 	let r = /* @__PURE__ */ new Set([...t.exclude ?? [], ...t.relationshipField ? [t.relationshipField] : []]), i = [];
 	for (let [e, t] of Object.entries(n)) {
 		let n = t;
-		if (nt.has(e) || r.has(e) || rt.has(e) || n?.system || n?.readonly || n?.hidden || it.has(n?.type)) continue;
+		if (ct.has(e) || r.has(e) || lt.has(e) || n?.system || n?.readonly || n?.hidden || ut.has(n?.type)) continue;
 		let a = {
 			field: e,
 			label: n?.label || e,
-			type: at(n?.type),
+			type: dt(n?.type),
 			required: !!n?.required
-		}, o = ct(n);
-		a.type === "select" && o && (a.options = o), a.type === "lookup" && (a.reference = n?.reference, a.displayField = n?.display_field || n?.reference_field), a.type === "file" && st(a, n), n?.readonlyWhen && (a.readonlyWhen = n.readonlyWhen), (n?.requiredWhen ?? n?.conditionalRequired) && (a.requiredWhen = n.requiredWhen ?? n.conditionalRequired);
+		}, o = mt(n);
+		a.type === "select" && o && (a.options = o), a.type === "lookup" && (a.reference = n?.reference, a.displayField = n?.display_field || n?.reference_field), a.type === "file" && pt(a, n), n?.readonlyWhen && (a.readonlyWhen = n.readonlyWhen), n?.requiredWhen && (a.requiredWhen = n.requiredWhen);
 		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 ft(i, t.maxColumns ?? 6);
+	return yt(i, t.maxColumns ?? 6);
 }
-function mt(e, t) {
+function xt(e, t) {
 	let n = e ?? [], r = t?.fields;
 	return !n.length || !r || typeof r != "object" ? n : n.map((e) => {
 		if (e.type) return e;
 		let t = r[e.field];
 		if (!t) return e;
-		let n = at(t?.type), i = {
+		let n = dt(t?.type), i = {
 			...e,
 			type: n
 		};
 		i.label ??= t?.label || e.field, i.required ??= !!t?.required;
-		let a = ct(t);
-		n === "select" && a && !i.options && (i.options = a), n === "lookup" && (i.reference ??= t?.reference, i.displayField ??= t?.display_field || t?.reference_field), n === "file" && st(i, t), i.readonlyWhen == null && t?.readonlyWhen && (i.readonlyWhen = t.readonlyWhen), i.requiredWhen == null && (t?.requiredWhen ?? t?.conditionalRequired) && (i.requiredWhen = t.requiredWhen ?? t.conditionalRequired);
+		let a = mt(t);
+		n === "select" && a && !i.options && (i.options = a), n === "lookup" && (i.reference ??= t?.reference, i.displayField ??= t?.display_field || t?.reference_field), n === "file" && pt(i, t), i.readonlyWhen == null && t?.readonlyWhen && (i.readonlyWhen = t.readonlyWhen), i.requiredWhen == null && t?.requiredWhen && (i.requiredWhen = t.requiredWhen);
 		let o = typeof t?.expression == "string" ? t.expression : t?.expression?.source;
 		return !i.computed && o && typeof o == "string" && (i.computed = !0, i.expr = o, i.required = !1, typeof t?.scale == "number" && (i.scale = t.scale)), i;
 	});
 }
-var ht = /* @__PURE__ */ new Set([
+var St = /* @__PURE__ */ new Set([
 	"formula",
 	"summary",
 	"rollup",
 	"autonumber",
 	"auto_number"
 ]);
-function gt(e, t = {}) {
+function Ct(e, t = {}) {
 	let n = e?.fields;
 	if (!n || typeof n != "object") return [];
 	let r = /* @__PURE__ */ new Set([...t.exclude ?? [], ...t.relationshipField ? [t.relationshipField] : []]), i = [];
 	for (let [e, t] of Object.entries(n)) {
 		let n = t;
-		nt.has(e) || r.has(e) || rt.has(e) || n?.system || n?.hidden || ht.has(n?.type) || i.push(e);
+		ct.has(e) || r.has(e) || lt.has(e) || n?.system || n?.hidden || St.has(n?.type) || i.push(e);
 	}
 	return i;
 }
-var _t = /* @__PURE__ */ new Set([
+var wt = /* @__PURE__ */ new Set([
 	"textarea",
 	"richtext",
 	"html",
@@ -1092,17 +1238,17 @@ var _t = /* @__PURE__ */ new Set([
 	"json",
 	"location",
 	"address"
-]), vt = /* @__PURE__ */ new Set([
+]), Tt = /* @__PURE__ */ new Set([
 	"file",
 	"image",
 	"avatar"
 ]);
-function yt(e, t, n = {}) {
+function Et(e, t, n = {}) {
 	if (t === "grid" || t === "form") return t;
-	let r = e?.fields ?? {}, i = gt(e, { relationshipField: n.relationshipField });
-	return i.some((e) => _t.has(r[e]?.type)) || i.filter((e) => vt.has(r[e]?.type)).length >= 2 || i.length > 8 ? "form" : "grid";
+	let r = e?.fields ?? {}, i = Ct(e, { relationshipField: n.relationshipField });
+	return i.some((e) => wt.has(r[e]?.type)) || i.filter((e) => Tt.has(r[e]?.type)).length >= 2 || i.length > 8 ? "form" : "grid";
 }
-var bt = [
+var Dt = [
 	"amount",
 	"total",
 	"subtotal",
@@ -1110,33 +1256,33 @@ var bt = [
 	"line_amount",
 	"net_amount"
 ];
-function xt(e) {
+function Ot(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) => bt.includes(e.field));
+	let r = t.find((e) => Dt.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 St(e, t, n, r = {}) {
-	let i = r.relationshipField || lt(t, n);
+function kt(e, t, n, r = {}) {
+	let i = r.relationshipField || ht(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 ? mt(r.columns, t) : pt(t, { relationshipField: i }), o = r.amountField || xt(a);
+	let a = r.columns?.length ? xt(r.columns, t) : bt(t, { relationshipField: i }), o = r.amountField || Ot(a);
 	return {
 		childObject: e,
 		relationshipField: i,
 		columns: a,
-		formFields: gt(t, { relationshipField: i }),
-		mode: yt(t, r.inlineEdit ?? (t?.fields)?.[i]?.inlineEdit, { relationshipField: i }),
+		formFields: Ct(t, { relationshipField: i }),
+		mode: Et(t, r.inlineEdit ?? (t?.fields)?.[i]?.inlineEdit, { relationshipField: i }),
 		amountField: o,
-		sortField: Object.keys(t?.fields ?? {}).find((e) => rt.has(e))
+		sortField: Object.keys(t?.fields ?? {}).find((e) => lt.has(e))
 	};
 }
 //#endregion
 //#region src/MasterDetailForm.tsx
-function Ct(e) {
+function At(e) {
 	if (!e) return {};
 	let t = {};
 	return e.querySelectorAll("[name]").forEach((e) => {
@@ -1168,13 +1314,13 @@ function Ct(e) {
 		}
 	}), t;
 }
-var wt = ({ 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;
+var jt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, formKey: o, onRowExpand: l, onAddViaForm: u }) => {
+	let [d, f] = c({}), p = s("");
+	i(() => {
+		let e = r.current;
 		if (!e) return;
 		let t = () => {
-			let t = Ct(e), n;
+			let t = At(e), n;
 			try {
 				n = JSON.stringify(t);
 			} catch {
@@ -1185,29 +1331,29 @@ var wt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 		t();
 		let n = () => t();
 		e.addEventListener("input", n), e.addEventListener("change", n);
-		let r = [
+		let i = [
 			120,
 			360,
 			800
 		].map((e) => setTimeout(t, e));
 		return () => {
-			e.removeEventListener("input", n), e.removeEventListener("change", n), r.forEach(clearTimeout);
+			e.removeEventListener("input", n), e.removeEventListener("change", n), i.forEach(clearTimeout);
 		};
 	}, [
-		i,
-		c,
+		r,
+		o,
 		e.length
 	]);
-	let m = d[a], g = m === void 0 ? null : Number.isFinite(Number(m)) ? Number(m) : 0, _ = e.reduce((e, n, r) => e + Qe(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, {
+	let m = d[a], h = m === void 0 ? null : Number.isFinite(Number(m)) ? Number(m) : 0, g = e.reduce((e, n, r) => e + st(t[r]?.rows ?? [], n.amountField || "amount"), 0), _ = h !== null && e.some((e) => !!e.amountField), v = h ?? 0, y = v / 100 * g, x = g + y, S = (e) => `¥${e.toLocaleString(void 0, {
 		minimumFractionDigits: 2,
 		maximumFractionDigits: 2
 	})}`;
-	return /* @__PURE__ */ X(J, { children: [e.map((e, r) => /* @__PURE__ */ X("section", {
+	return /* @__PURE__ */ Q(me, { children: [e.map((e, r) => /* @__PURE__ */ Q("section", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ Y("h3", {
+		children: [/* @__PURE__ */ Z("h3", {
 			className: "text-sm font-medium text-foreground",
 			children: e.title || "Line Items"
-		}), e.columns?.length ? /* @__PURE__ */ Y(h, {
+		}), e.columns?.length ? /* @__PURE__ */ Z(b, {
 			value: t[r]?.rows ?? [],
 			onChange: (e) => n(r, e),
 			contextRecord: d,
@@ -1216,51 +1362,51 @@ var wt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 			...e.inlineMode === "form" ? { onAdd: () => u(r) } : {},
 			field: {
 				columns: e.columns,
-				total_field: v ? void 0 : e.amountField || (e.totalField ? "amount" : void 0),
+				total_field: _ ? 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__ */ Y("p", {
+		}) : /* @__PURE__ */ Z("p", {
 			className: "py-4 text-sm text-muted-foreground",
 			children: "Loading columns…"
 		})]
-	}, `${e.childObject}-${r}`)), v && /* @__PURE__ */ Y("div", {
+	}, `${e.childObject}-${r}`)), _ && /* @__PURE__ */ Z("div", {
 		className: "flex justify-end",
-		children: /* @__PURE__ */ X("dl", {
+		children: /* @__PURE__ */ Q("dl", {
 			className: "w-64 space-y-1.5 text-sm",
 			"data-testid": "md-totals",
 			children: [
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Q("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ Y("dt", {
+					children: [/* @__PURE__ */ Z("dt", {
 						className: "text-muted-foreground",
 						children: "Subtotal"
-					}), /* @__PURE__ */ Y("dd", {
+					}), /* @__PURE__ */ Z("dd", {
 						className: "tabular-nums",
 						"data-testid": "md-subtotal",
-						children: S(_)
+						children: S(g)
 					})]
 				}),
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Q("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ X("dt", {
+					children: [/* @__PURE__ */ Q("dt", {
 						className: "text-muted-foreground",
 						children: [
 							"Tax (",
-							y,
+							v,
 							"%)"
 						]
-					}), /* @__PURE__ */ Y("dd", {
+					}), /* @__PURE__ */ Z("dd", {
 						className: "tabular-nums",
 						"data-testid": "md-tax",
-						children: S(b)
+						children: S(y)
 					})]
 				}),
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Q("div", {
 					className: "flex items-center justify-between border-t border-border pt-1.5 text-base font-semibold",
-					children: [/* @__PURE__ */ Y("dt", { children: "Total" }), /* @__PURE__ */ Y("dd", {
+					children: [/* @__PURE__ */ Z("dt", { children: "Total" }), /* @__PURE__ */ Z("dd", {
 						className: "tabular-nums",
 						"data-testid": "md-grand-total",
 						children: S(x)
@@ -1269,96 +1415,96 @@ var wt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 			]
 		})
 	})] });
-}, Tt = ({ 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 || e.columns.some((e) => !e.type)), [d, f] = s(u ? null : c), p = d ?? c;
-	r(() => {
+}, Mt = ({ schema: e, dataSource: t, className: r }) => {
+	let a = e.details || [], l = e.mode === "edit" && !!e.recordId, u = a.some((e) => !e.relationshipField || !e.columns?.length || e.columns.some((e) => !e.type)), [d, f] = c(u ? null : a), m = d ?? a;
+	i(() => {
 		if (!u) {
-			f(c);
+			f(a);
 			return;
 		}
-		if (!n || typeof n.getObjectSchema != "function") return;
-		let t = !1;
+		if (!t || typeof t.getObjectSchema != "function") return;
+		let n = !1;
 		return (async () => {
-			let r = await Promise.all(c.map(async (t) => {
-				let r = t.columns?.length ? t.columns.every((e) => !!e.type) : !1;
-				if (t.relationshipField && r) return t;
+			let r = await Promise.all(a.map(async (n) => {
+				let r = n.columns?.length ? n.columns.every((e) => !!e.type) : !1;
+				if (n.relationshipField && r) return n;
 				try {
-					let r = await n.getObjectSchema(t.childObject);
-					if (t.relationshipField && t.columns?.length) return {
-						...t,
-						columns: mt(t.columns, r)
+					let r = await t.getObjectSchema(n.childObject);
+					if (n.relationshipField && n.columns?.length) return {
+						...n,
+						columns: xt(n.columns, r)
 					};
-					let i = St(t.childObject, r, e.objectName, {
-						relationshipField: t.relationshipField,
-						columns: t.columns,
-						amountField: t.amountField
+					let i = kt(n.childObject, r, e.objectName, {
+						relationshipField: n.relationshipField,
+						columns: n.columns,
+						amountField: n.amountField
 					});
 					return {
-						...t,
+						...n,
 						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
+						formFields: n.formFields ?? i.formFields,
+						inlineMode: n.inlineMode ?? i.mode,
+						amountField: n.amountField ?? i.amountField,
+						sortField: n.sortField ?? i.sortField
 					};
 				} catch {
-					return t;
+					return n;
 				}
 			}));
-			t || f(r);
+			n || f(r);
 		})(), () => {
-			t = !0;
+			n = !0;
 		};
 	}, [
-		n,
+		t,
 		e.objectName,
 		e.details
 	]);
-	let [m, h] = s(() => c.map(() => ({
+	let [h, g] = c(() => a.map(() => ({
 		rows: [],
 		original: []
-	}))), g = o(m);
-	g.current = m;
-	let _ = o({});
-	r(() => {
-		let e = n;
+	}))), _ = s(h);
+	_.current = h;
+	let v = s({});
+	i(() => {
+		let e = t;
 		if (!e || typeof e.getObjectSchema != "function") return;
-		let t = !1, r = Array.from(new Set(c.map((e) => e.childObject).filter(Boolean)));
+		let n = !1, r = Array.from(new Set(a.map((e) => e.childObject).filter(Boolean)));
 		return (async () => {
-			let n = await Promise.all(r.map(async (t) => {
+			let t = await Promise.all(r.map(async (t) => {
 				try {
 					return [t, await e.getObjectSchema(t)];
 				} catch {
 					return [t, null];
 				}
 			}));
-			if (t) return;
+			if (n) return;
 			let i = {};
-			for (let [e, t] of n) t && (i[e] = t);
-			_.current = i;
+			for (let [e, n] of t) n && (i[e] = n);
+			v.current = i;
 		})(), () => {
-			t = !0;
+			n = !0;
 		};
 	}, [
-		n,
+		t,
 		e.objectName,
 		e.details
 	]);
-	let [v, y] = s(0), [b, x] = s(!1), S = o(!1), C = o(null), w = t(() => {
-		S.current = !1, x(!1), C.current &&= (clearTimeout(C.current), null);
+	let [y, b] = c(0), [x, S] = c(!1), C = s(!1), w = s(null), T = n(() => {
+		C.current = !1, S(!1), w.current &&= (clearTimeout(w.current), null);
 	}, []);
-	r(() => {
-		let t = !1;
-		if (!(!l || !n)) return (async () => {
-			let r = await Promise.all(p.map(async (t) => {
-				if (!t.relationshipField) return {
+	i(() => {
+		let n = !1;
+		if (!(!l || !t)) return (async () => {
+			let r = await Promise.all(m.map(async (n) => {
+				if (!n.relationshipField) return {
 					rows: [],
 					original: []
 				};
 				try {
-					let r = (await n.find(t.childObject, {
-						$filter: { [t.relationshipField]: e.recordId },
+					let r = (await t.find(n.childObject, {
+						$filter: { [n.relationshipField]: e.recordId },
 						$top: 500
 					}))?.data ?? [];
 					return {
@@ -1372,126 +1518,86 @@ var wt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 					};
 				}
 			}));
-			t || h(r);
+			n || g(r);
 		})(), () => {
-			t = !0;
+			n = !0;
 		};
 	}, [
 		l,
-		n,
+		t,
 		e.recordId,
 		d
 	]);
-	let T = t((e, t) => {
-		h((n) => n.map((n, r) => r === e ? {
+	let E = n((e, t) => {
+		g((n) => n.map((n, r) => r === e ? {
 			...n,
 			rows: t
 		} : n));
-	}, []), E = e.taxRateField || "tax_rate", [A, N] = s(null), P = A ? m[A.detailIdx]?.rows?.[A.rowIdx] : void 0, F = A ? p[A.detailIdx] : void 0, ee = t((e, t, n) => {
-		h((r) => r.map((r, i) => i === e ? {
+	}, []), D = e.taxRateField || "tax_rate", [O, k] = c(null), A = O ? h[O.detailIdx]?.rows?.[O.rowIdx] : void 0, j = O ? m[O.detailIdx] : void 0, F = n((e, t, n) => {
+		g((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) => {
+	}, []), R = n((e) => {
+		g((t) => {
 			let n = t.map((t, n) => n === e ? {
 				...t,
 				rows: [...t.rows, {}]
 			} : t), r = n[e].rows.length - 1;
-			return N({
+			return k({
 				detailIdx: e,
 				rowIdx: r,
 				isNew: !0
 			}), n;
 		});
-	}, []), te = t(() => {
-		N((e) => (e?.isNew && h((t) => t.map((t, n) => n === e.detailIdx ? {
+	}, []), z = n(() => {
+		k((e) => (e?.isNew && g((t) => t.map((t, n) => n === e.detailIdx ? {
 			...t,
 			rows: t.rows.filter((t, n) => n !== e.rowIdx)
 		} : t)), null));
-	}, []), L = t(async (t) => {
-		w(), e.onSuccess || K.success(l ? e.title ? `${e.title} saved` : "Saved" : "Created"), l || (h(p.map(() => ({
+	}, []), B = n(async (t) => {
+		T(), e.onSuccess || J.success(l ? e.title ? `${e.title} saved` : "Saved" : "Created"), l || (g(m.map(() => ({
 			rows: [],
 			original: []
-		}))), y((e) => e + 1)), await e.onSuccess?.(t);
+		}))), b((e) => e + 1)), await e.onSuccess?.(t);
 	}, [
 		l,
 		e.onSuccess,
 		e.title,
-		p.length,
-		w
-	]), R = t((t) => {
-		w(), K.error(t?.message || "Save failed"), e.onError?.(t);
-	}, [e, w]), z = 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 tt(n, e.objectName, t, {
-				childObject: a.childObject,
-				relationshipField: a.relationshipField,
-				rows: o,
-				original: l ? s : void 0,
-				amountField: a.amountField,
-				totalField: a.totalField,
-				childSchema: _.current[a.childObject]
-			});
-			r.push(...c);
-		}
-		return r;
-	}, [
-		p,
-		l,
-		n,
-		e.objectName
-	]), B = 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 z(r);
-		} catch (t) {
-			throw l || await Promise.allSettled([...i.map((e) => n.delete(e.object, e.id)), n.delete(e.objectName, r)]), t;
-		}
-		await L(t);
-	}, [
-		n,
-		l,
-		z,
-		e,
-		L
-	]), V = typeof n?.batchTransaction == "function", H = t(async (t) => {
-		let r = n, i = { ...t };
-		p.forEach((e, t) => {
-			e.totalField && (i[e.totalField] = Qe(g.current[t]?.rows ?? [], e.amountField || "amount"));
-		});
-		let a = l ? Xe(e.objectName, e.recordId, i, p.filter((e) => e.relationshipField).map((e, t) => ({
+		m.length,
+		T
+	]), V = n((t) => {
+		T(), J.error(t?.message || "Save failed"), e.onError?.(t);
+	}, [e, T]), H = n(async (n) => {
+		if (!t) throw Error("MasterDetailForm: dataSource is required");
+		let r = { ...n };
+		return m.forEach((e, t) => {
+			e.totalField && (r[e.totalField] = st(_.current[t]?.rows ?? [], e.amountField || "amount"));
+		}), (await p(t, l ? at(e.objectName, String(e.recordId), r, m.filter((e) => e.relationshipField).map((e, t) => ({
 			childObject: e.childObject,
 			relationshipField: e.relationshipField,
-			rows: g.current[t]?.rows ?? [],
-			original: g.current[t]?.original ?? [],
-			childSchema: _.current[e.childObject]
-		}))) : Ye(e.objectName, i, p.filter((e) => e.relationshipField).map((e, t) => ({
+			rows: _.current[t]?.rows ?? [],
+			original: _.current[t]?.original ?? [],
+			childSchema: v.current[e.childObject]
+		}))) : it(e.objectName, r, m.filter((e) => e.relationshipField).map((e, t) => ({
 			childObject: e.childObject,
 			relationshipField: e.relationshipField,
-			rows: g.current[t]?.rows ?? [],
-			childSchema: _.current[e.childObject]
-		})));
-		return (await r.batchTransaction(a))?.results?.[0] ?? {
-			...i,
+			rows: _.current[t]?.rows ?? [],
+			childSchema: v.current[e.childObject]
+		})))))?.results?.[0] ?? {
+			...r,
 			id: e.recordId
 		};
 	}, [
-		n,
-		p,
+		t,
+		m,
 		e.objectName,
 		e.recordId,
 		l
-	]), ne = a(() => ({
+	]), ee = o(() => ({
 		type: "object-form",
 		objectName: e.objectName,
 		mode: e.mode ?? "create",
@@ -1504,277 +1610,307 @@ var wt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 		title: e.title,
 		showSubmit: !1,
 		showCancel: !1,
-		...V ? {
-			submitHandler: H,
-			onSuccess: L
-		} : { onSuccess: B },
-		onError: R
+		submitHandler: H,
+		onSuccess: B,
+		onError: V
 	}), [
 		e,
-		B,
-		V,
 		H,
-		L,
-		R
-	]), U = o(null), W = e.submitText ?? (l ? "Save" : "Create"), re = t(() => {
-		S.current || U.current?.querySelector("form") && (S.current = !0, x(!0), setTimeout(() => {
+		B,
+		V
+	]), U = s(null), W = e.submitText ?? (l ? "Save" : "Create"), G = n(() => {
+		C.current || U.current?.querySelector("form") && (C.current = !0, S(!0), setTimeout(() => {
 			(U.current?.querySelector("form"))?.requestSubmit();
-		}, 0), C.current = setTimeout(() => w(), 1500));
-	}, [w]);
-	return r(() => () => {
-		C.current && clearTimeout(C.current);
-	}, []), /* @__PURE__ */ X("div", {
-		className: G("space-y-6", i, e.className),
+		}, 0), w.current = setTimeout(() => T(), 1500));
+	}, [T]);
+	return i(() => () => {
+		w.current && clearTimeout(w.current);
+	}, []), /* @__PURE__ */ Q("div", {
+		className: q("space-y-6", r, e.className),
 		children: [
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ Z("div", {
 				ref: U,
-				children: /* @__PURE__ */ Y(Nt, {
-					schema: ne,
-					dataSource: n
-				}, v)
+				children: /* @__PURE__ */ Z(Vt, {
+					schema: ee,
+					dataSource: t
+				}, y)
 			}),
-			/* @__PURE__ */ Y(wt, {
-				details: p,
-				state: m,
-				setRows: T,
+			/* @__PURE__ */ Z(jt, {
+				details: m,
+				state: h,
+				setRows: E,
 				formHostRef: U,
-				taxRateField: E,
-				formKey: v,
-				onRowExpand: (e, t) => N({
+				taxRateField: D,
+				formKey: y,
+				onRowExpand: (e, t) => k({
 					detailIdx: e,
 					rowIdx: t
 				}),
-				onAddViaForm: I
+				onAddViaForm: R
 			}),
-			A && F && /* @__PURE__ */ X(O, {
+			O && j && /* @__PURE__ */ Q(N, {
 				className: "border-primary/40 shadow-none ring-1 ring-primary/10",
 				"data-testid": "md-row-form",
-				children: [/* @__PURE__ */ X(j, {
+				children: [/* @__PURE__ */ Q(I, {
 					className: "pb-2 flex flex-row items-center justify-between gap-2 space-y-0",
-					children: [/* @__PURE__ */ X(M, {
+					children: [/* @__PURE__ */ Q(L, {
 						className: "text-sm font-medium",
 						children: [
-							F.title || "Line item",
+							j.title || "Line item",
 							" — row ",
-							A.rowIdx + 1
+							O.rowIdx + 1
 						]
-					}), /* @__PURE__ */ Y(D, {
+					}), /* @__PURE__ */ Z(M, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
 						className: "h-7 text-xs text-muted-foreground",
-						onClick: te,
+						onClick: z,
 						children: "Close"
 					})]
-				}), /* @__PURE__ */ Y(k, { children: /* @__PURE__ */ Y(Nt, {
+				}), /* @__PURE__ */ Z(P, { children: /* @__PURE__ */ Z(Vt, {
 					schema: {
 						type: "object-form",
-						objectName: F.childObject,
+						objectName: j.childObject,
 						mode: "edit",
-						initialData: P ?? {},
-						...F.formFields?.length ? { fields: F.formFields } : {},
+						initialData: A ?? {},
+						...j.formFields?.length ? { fields: j.formFields } : {},
 						submitText: "Apply",
 						submitHandler: async (e) => e,
 						onSuccess: (e) => {
-							ee(A.detailIdx, A.rowIdx, e), N(null);
+							F(O.detailIdx, O.rowIdx, e), k(null);
 						},
-						onCancel: te
+						onCancel: z
 					},
-					dataSource: n
-				}, `row-${A.detailIdx}-${A.rowIdx}`) })]
+					dataSource: t
+				}, `row-${O.detailIdx}-${O.rowIdx}`) })]
 			}),
-			e.showSubmit !== !1 && /* @__PURE__ */ X("div", {
+			e.showSubmit !== !1 && /* @__PURE__ */ Q("div", {
 				className: "flex items-center justify-end gap-2 border-t border-border pt-4",
-				children: [e.onCancel && /* @__PURE__ */ Y(D, {
+				children: [e.onCancel && /* @__PURE__ */ Z(M, {
 					type: "button",
 					variant: "outline",
 					onClick: e.onCancel,
-					disabled: b,
+					disabled: x,
 					"data-testid": "md-form-cancel",
 					children: e.cancelText ?? "Cancel"
-				}), /* @__PURE__ */ Y(D, {
+				}), /* @__PURE__ */ Z(M, {
 					type: "button",
-					onClick: re,
-					disabled: b || u && !d,
+					onClick: G,
+					disabled: x || u && !d,
 					"data-testid": "md-form-submit",
-					children: b ? "Saving…" : W
+					children: x ? "Saving…" : W
 				})]
 			})
 		]
 	});
-}, Et = {
+}, Nt = {
 	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"
-}, Dt = Z({
+}, Pt = pe({
 	"form.discardTitle": "Discard changes?",
 	"form.discardMessage": "You have unsaved changes. If you close this form now, your edits will be lost.",
 	"form.keepEditing": "Keep editing",
 	"form.discard": "Discard"
-}, "form.discardTitle"), Ot = ({ schema: e, dataSource: n, className: c }) => {
-	let { fieldLabel: u } = p(), { t: f } = Dt(), m = d(), [h, _] = s(null), [O, k] = s([]), [A, j] = s({}), [M, N] = s(!0), [P, F] = s(null), [ee, I] = s(!1), [te, L] = s(!1), [R, U] = s(!1), W = o(!1), re = e.confirmOnDiscard !== !1, ie = e.open !== !1, ae = e.drawerSide || "right", K = i(), [oe, se] = s(() => {
+}, "form.discardTitle"), Ft = ({ schema: e, dataSource: t, className: r }) => {
+	let { fieldLabel: l } = v(), { t: u } = Pt(), d = g(), [f, p] = c(null), [h, _] = c([]), [y, b] = c({}), [S, N] = c(!0), [P, F] = c(null), [I, L] = c(!1), [R, z] = c(!1), { saveWithOcc: B, conflictDialog: V } = We(), [H, ne] = c(!1), K = s(!1), J = e.confirmOnDiscard !== !1, re = e.open !== !1, Y = e.drawerSide || "right", ie = a(), [ae, oe] = c(() => {
 		let t = {};
 		return e.sections?.forEach((e, n) => {
 			let r = e.name || String(n);
 			e.collapsed && (t[r] = !0);
 		}), t;
 	});
-	r(() => {
+	i(() => {
 		(async () => {
-			if (!n) {
+			if (!t) {
 				N(!1);
 				return;
 			}
 			try {
-				let t = await n.getObjectSchema(e.objectName);
-				_(t);
+				let n = await t.getObjectSchema(e.objectName);
+				p(n);
 			} catch (e) {
 				F(e), N(!1);
 			}
 		})();
-	}, [e.objectName, n]), r(() => {
-		(h || !n) && (async () => {
+	}, [e.objectName, t]);
+	let se = s(void 0);
+	i(() => {
+		let n = !1;
+		return (f || !t) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
-				j(e.initialData || e.initialValues || {}), N(!1);
+				b(e.initialData || e.initialValues || {}), N(!1);
 				return;
 			}
-			if (!n) {
-				j(e.initialData || e.initialValues || {}), N(!1);
+			if (!t) {
+				b(e.initialData || e.initialValues || {}), N(!1);
 				return;
 			}
+			se.current !== e.recordId && (N(!0), L(!1));
 			try {
-				let t = await n.findOne(e.objectName, e.recordId);
-				j(t || {});
+				let r = await t.findOne(e.objectName, e.recordId);
+				if (n) return;
+				se.current = e.recordId, b(r || {});
 			} catch (e) {
+				if (n) return;
 				F(e);
 			} finally {
-				N(!1);
+				n || N(!1);
 			}
-		})();
+		})(), () => {
+			n = !0;
+		};
 	}, [
-		h,
+		f,
 		e.mode,
 		e.recordId,
 		e.initialData,
 		e.initialValues,
-		n,
+		t,
 		e.objectName
 	]);
-	let ce = t((t) => xe(t, {
-		objectSchema: h,
+	let ce = n((t) => Se(t, {
+		objectSchema: f,
 		objectName: e.objectName,
 		readOnly: e.readOnly,
 		mode: e.mode,
-		fieldLabel: u
+		fieldLabel: l
 	}), [
-		h,
+		f,
 		e.readOnly,
 		e.mode,
 		e.objectName,
-		u
+		l
 	]);
-	r(() => {
-		if (!h && n) return;
+	i(() => {
+		if (!f && t) return;
 		if (e.customFields?.length) {
-			k(e.customFields), N(!1);
+			_(e.customFields), N(!1);
 			return;
 		}
 		if (e.sections?.length) {
 			N(!1);
 			return;
 		}
-		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 = h.fields?.[t];
+		if (!f) return;
+		let n = e.fields || Object.keys(f.fields || {}), r = [];
+		for (let t of n) {
+			let n = typeof t == "string" ? t : t.name;
+			if (!n) continue;
+			let i = f.fields?.[n];
 			i && r.push({
-				name: t,
-				label: u(e.objectName, t, i.label || t),
-				type: v(i.type),
+				name: n,
+				label: l(e.objectName, n, i.label || n),
+				type: C(i.type),
 				required: i.required || !1,
 				disabled: e.readOnly || e.mode === "view" || i.readonly,
 				placeholder: i.placeholder,
 				description: i.help || i.description,
-				validation: g(i),
+				validation: x(i),
 				field: i,
 				options: i.options,
 				multiple: i.multiple
 			});
 		}
-		k(r), N(!1);
+		_(r), N(!1);
 	}, [
-		h,
+		f,
 		e.fields,
 		e.customFields,
 		e.sections,
 		e.readOnly,
 		e.mode,
-		n
+		t
 	]);
-	let le = t(async (t) => {
-		U(!0);
+	let le = n(async (n) => {
+		ne(!0);
 		try {
-			if (!n) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
-			let r, i = Ge(t, h);
-			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;
+			if (!t) return e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
+			let r, i = $e(n, f);
+			if (e.mode === "create") r = await t.create(e.objectName, i);
+			else if (e.mode === "edit" && e.recordId) {
+				let n = await B({
+					dataSource: t,
+					objectName: e.objectName,
+					recordId: e.recordId,
+					payload: i,
+					baseRecord: y
+				});
+				if (n.status === "cancelled") return;
+				r = n.result;
+			}
+			return e.onSuccess && await e.onSuccess(r), e.onOpenChange?.(!1), r;
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		} finally {
-			U(!1);
+			ne(!1);
 		}
 	}, [
 		e,
-		n,
-		h
-	]), q = t(() => {
-		L(!1), W.current && (W.current = !1, e.onCancel?.()), e.onOpenChange?.(!1);
-	}, [e]), ue = t((e) => {
-		W.current = e, re && ee ? L(!0) : q();
+		t,
+		f,
+		B,
+		y
+	]), X = n(() => {
+		z(!1), K.current && (K.current = !1, e.onCancel?.()), e.onOpenChange?.(!1);
+	}, [e]), de = n((e) => {
+		K.current = e, J && I ? z(!0) : X();
+	}, [
+		J,
+		I,
+		X
+	]);
+	i(() => {
+		if (!re || !I || !J) return;
+		let e = (e) => {
+			e.preventDefault(), e.returnValue = "";
+		};
+		return window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
 	}, [
 		re,
-		ee,
-		q
-	]), de = t(() => {
-		W.current = !0, q();
-	}, [q]), pe = a(() => {
-		if (e.drawerWidth) return ae === "left" || ae === "right" ? {
+		I,
+		J
+	]);
+	let fe = n(() => {
+		K.current = !0, X();
+	}, [X]), pe = o(() => {
+		if (e.drawerWidth) return Y === "left" || Y === "right" ? {
 			width: e.drawerWidth,
 			maxWidth: e.drawerWidth
 		} : {
 			height: e.drawerWidth,
 			maxHeight: e.drawerWidth
 		};
-	}, [e.drawerWidth, ae]), me = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", J = e.showSubmit !== !1 && e.mode !== "view", Z = e.showCancel !== !1, he = e.submitText || (e.mode === "create" ? "Create" : "Update"), ge = e.cancelText || "Cancel", _e = {
+	}, [e.drawerWidth, Y]), me = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", he = e.showSubmit !== !1 && e.mode !== "view", $ = e.showCancel !== !1, ge = e.submitText || (e.mode === "create" ? "Create" : "Update"), _e = e.cancelText || "Cancel", ve = {
 		type: "form",
 		objectName: e.objectName,
 		layout: me,
-		defaultValues: A,
-		submitLabel: he,
-		cancelLabel: ge,
-		showSubmit: J,
-		showCancel: Z,
+		defaultValues: y,
+		submitLabel: ge,
+		cancelLabel: _e,
+		showSubmit: he,
+		showCancel: $,
 		onSubmit: le,
-		onCancel: de,
-		onDirtyChange: I,
+		onCancel: fe,
+		onDirtyChange: L,
 		showActions: !1,
-		id: K
-	}, ve = () => {
-		if (P) return /* @__PURE__ */ X("div", {
+		id: ie
+	}, ye = () => {
+		if (P) return /* @__PURE__ */ Q("div", {
 			className: "p-4 border border-red-300 bg-red-50 rounded-md",
-			children: [/* @__PURE__ */ Y("h3", {
+			children: [/* @__PURE__ */ Z("h3", {
 				className: "text-red-800 font-semibold",
 				children: "Error loading form"
-			}), /* @__PURE__ */ Y("p", {
+			}), /* @__PURE__ */ Z("p", {
 				className: "text-red-600 text-sm mt-1",
 				children: P.message
 			})]
 		});
-		if (M) return /* @__PURE__ */ X("div", {
+		if (S) return /* @__PURE__ */ Q("div", {
 			className: "p-8 text-center",
-			children: [/* @__PURE__ */ Y("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Y("p", {
+			children: [/* @__PURE__ */ Z("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Z("p", {
 				className: "mt-2 text-sm text-gray-600",
 				children: "Loading form..."
 			})]
@@ -1782,7 +1918,7 @@ var wt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 		if (e.sections?.length) {
 			let t = [];
 			return e.sections.forEach((e, n) => {
-				let r = e.name || String(n), i = oe[r] ?? e.collapsed ?? !1;
+				let r = e.name || String(n), i = ae[r] ?? e.collapsed ?? !1;
 				t.push({
 					name: `__section_${r}`,
 					label: e.label || "",
@@ -1790,7 +1926,7 @@ var wt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 					colSpan: 4,
 					collapsible: e.collapsible,
 					collapsed: i,
-					onToggle: e.collapsible ? () => se((e) => ({
+					onToggle: e.collapsible ? () => oe((e) => ({
 						...e,
 						[r]: !i
 					})) : void 0,
@@ -1801,19 +1937,19 @@ var wt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 					...e,
 					hidden: !0
 				}))) : t.push(...a);
-			}), /* @__PURE__ */ Y(l, { schema: {
-				..._e,
+			}), /* @__PURE__ */ Z(m, { schema: {
+				...ve,
 				fields: t
 			} });
 		}
-		let t = ze(O, h, e.columns, e.mode), n = Et[t.columns || 1];
-		return /* @__PURE__ */ Y(l, { schema: {
-			..._e,
+		let t = ze(h, f, e.columns, e.mode), n = Nt[t.columns || 1];
+		return /* @__PURE__ */ Z(m, { schema: {
+			...ve,
 			fields: t.fields,
 			columns: t.columns,
 			...n ? { fieldContainerClass: n } : {}
 		} });
-	}, Q = e.subforms, ye = Q?.length && e.mode !== "view" ? /* @__PURE__ */ Y(Tt, {
+	}, be = e.subforms, xe = be?.length && e.mode !== "view" ? /* @__PURE__ */ Z(Mt, {
 		schema: {
 			type: "object-master-detail-form",
 			objectName: e.objectName,
@@ -1822,91 +1958,92 @@ var wt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 			fields: e.fields,
 			sections: e.sections,
 			submitText: e.submitText,
-			cancelText: ge,
-			details: Q,
+			cancelText: _e,
+			details: be,
 			onSuccess: async (t) => {
 				await e.onSuccess?.(t), e.onOpenChange?.(!1);
 			},
 			onError: e.onError,
 			onCancel: () => e.onOpenChange?.(!1)
 		},
-		dataSource: n
-	}) : ve();
-	return m ? /* @__PURE__ */ X("div", {
+		dataSource: t
+	}) : ye();
+	return d ? /* @__PURE__ */ Q("div", {
 		className: "@container rounded-md border bg-card p-4",
-		children: [(e.title || e.description) && /* @__PURE__ */ X("div", {
+		children: [(e.title || e.description) && /* @__PURE__ */ Q("div", {
 			className: "mb-3 space-y-0.5",
-			children: [e.title && /* @__PURE__ */ Y("div", {
+			children: [e.title && /* @__PURE__ */ Z("div", {
 				className: "text-sm font-semibold",
 				children: e.title
-			}), e.description && /* @__PURE__ */ Y("p", {
+			}), e.description && /* @__PURE__ */ Z("p", {
 				className: "text-xs text-muted-foreground",
 				children: e.description
 			})]
-		}), ye]
-	}) : /* @__PURE__ */ Y(z, {
-		open: ie,
+		}), xe]
+	}) : /* @__PURE__ */ Z(ee, {
+		open: re,
 		onOpenChange: (t) => {
 			if (t) {
 				e.onOpenChange?.(!0);
 				return;
 			}
-			ue(!1);
+			de(!1);
 		},
-		children: /* @__PURE__ */ X(B, {
-			side: ae,
-			className: G("overflow-y-auto", c, e.className),
+		children: /* @__PURE__ */ Q(U, {
+			side: Y,
+			className: q("overflow-y-auto", r, e.className),
 			style: pe,
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ X(H, { children: [e.title && /* @__PURE__ */ Y(ne, { children: e.title }), e.description ? /* @__PURE__ */ Y(V, { children: e.description }) : /* @__PURE__ */ Y(V, {
+				(e.title || e.description) && /* @__PURE__ */ Q(G, { children: [e.title && /* @__PURE__ */ Z(te, { children: e.title }), e.description ? /* @__PURE__ */ Z(W, { children: e.description }) : /* @__PURE__ */ Z(W, {
 					className: "sr-only",
 					children: "Complete the form fields, then submit or cancel."
 				})] }),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "@container py-4",
-					children: ye
+					children: xe
 				}),
-				!P && !M && !(Q?.length && e.mode !== "view") && (J || Z) && /* @__PURE__ */ Y("div", {
+				!P && !S && !(be?.length && e.mode !== "view") && (he || $) && /* @__PURE__ */ Z("div", {
 					className: "shrink-0 border-t px-4 py-3 bg-background",
 					"data-testid": "drawer-form-footer",
-					children: /* @__PURE__ */ X("div", {
+					children: /* @__PURE__ */ Q("div", {
 						className: "flex flex-col sm:flex-row gap-2 sm:justify-end",
-						children: [Z && /* @__PURE__ */ Y(D, {
+						children: [$ && /* @__PURE__ */ Z(M, {
 							type: "button",
 							variant: "outline",
-							onClick: de,
-							disabled: R,
+							onClick: fe,
+							disabled: H,
 							className: "w-full sm:w-auto",
-							children: ge
-						}), J && /* @__PURE__ */ X(D, {
+							children: _e
+						}), he && /* @__PURE__ */ Q(M, {
 							type: "submit",
-							form: K,
-							disabled: R,
+							form: ie,
+							disabled: H,
 							className: "w-full sm:w-auto",
-							children: [R && /* @__PURE__ */ Y(fe, { className: "mr-2 h-4 w-4 animate-spin" }), he]
+							children: [H && /* @__PURE__ */ Z(ue, { className: "mr-2 h-4 w-4 animate-spin" }), ge]
 						})]
 					})
 				}),
-				/* @__PURE__ */ Y(y, {
-					open: te,
-					onOpenChange: L,
-					children: /* @__PURE__ */ X(S, { children: [/* @__PURE__ */ X(T, { children: [/* @__PURE__ */ Y(E, { children: f("form.discardTitle") }), /* @__PURE__ */ Y(C, { children: f("form.discardMessage") })] }), /* @__PURE__ */ X(w, { children: [/* @__PURE__ */ Y(x, {
+				/* @__PURE__ */ Z(w, {
+					open: R,
+					onOpenChange: z,
+					children: /* @__PURE__ */ Q(D, { children: [/* @__PURE__ */ Q(A, { children: [/* @__PURE__ */ Z(j, { children: u("form.discardTitle") }), /* @__PURE__ */ Z(O, { children: u("form.discardMessage") })] }), /* @__PURE__ */ Q(k, { children: [/* @__PURE__ */ Z(E, {
 						onClick: () => {
-							W.current = !1;
+							K.current = !1;
 						},
-						children: f("form.keepEditing")
-					}), /* @__PURE__ */ Y(b, {
-						onClick: q,
-						children: f("form.discard")
+						children: u("form.keepEditing")
+					}), /* @__PURE__ */ Z(T, {
+						onClick: X,
+						children: u("form.discard")
 					})] })] })
-				})
+				}),
+				V
 			]
 		})
 	});
 };
 //#endregion
 //#region src/fieldGroups.ts
-function kt(e, t) {
+function It(e, t) {
 	let n = he({
 		fieldGroups: t,
 		fields: Object.fromEntries(e.map((e) => [e.name, { group: e.group }]))
@@ -1927,27 +2064,27 @@ function kt(e, t) {
 }
 //#endregion
 //#region src/ModalForm.tsx
-var At = Z({
+var Lt = pe({
 	"form.discardTitle": "Discard changes?",
 	"form.discardMessage": "You have unsaved changes. If you close this form now, your edits will be lost.",
 	"form.keepEditing": "Keep editing",
 	"form.discard": "Discard"
-}, "form.discardTitle"), jt = {
+}, "form.discardTitle"), Rt = {
 	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"
-}, Mt = ({ schema: e, dataSource: n, className: c }) => {
-	let { fieldLabel: u, sectionLabel: f } = p(), { t: m } = At(), h = d(), _ = se(), O = t((t) => {
-		if (!_?.isLoaded) return t;
+}, zt = ({ schema: e, dataSource: t, className: r }) => {
+	let { fieldLabel: l, sectionLabel: u } = v(), { t: d } = Lt(), f = g(), p = Y(), h = n((t) => {
+		if (!p?.isLoaded) return t;
 		let n = [];
 		for (let r of t) {
 			if (!r?.name) {
 				n.push(r);
 				continue;
 			}
-			_.checkField(e.objectName, r.name, "read") && (!_.checkField(e.objectName, r.name, "write") && e.mode !== "view" ? n.push({
+			p.checkField(e.objectName, r.name, "read") && (!p.checkField(e.objectName, r.name, "write") && e.mode !== "view" ? n.push({
 				...r,
 				readOnly: !0,
 				disabled: !0
@@ -1955,16 +2092,16 @@ var At = Z({
 		}
 		return n;
 	}, [
-		_,
+		p,
 		e.objectName,
 		e.mode
-	]), [k, A] = s(null), [j, M] = s([]), [te, L] = s({}), [R, z] = s(!0), [B, V] = s(null), [H, ne] = s(!1), [K, oe] = s(!1), [ce, le] = s(!1), q = o(!1), ue = e.confirmOnDiscard !== !1, de = e.open !== !1, pe = i(), me = a(() => {
+	]), [_, y] = c(null), [b, S] = c([]), [N, P] = c({}), [F, I] = c(!0), [L, ee] = c(null), [U, W] = c(!1), [G, te] = c(!1), [K, J] = c(!1), { saveWithOcc: re, conflictDialog: ie } = We(), ae = s(!1), oe = e.confirmOnDiscard !== !1, se = e.open !== !1, ce = a(), le = o(() => {
 		if (e.sections?.length || e.customFields?.length) return null;
-		let t = Me(j, k);
-		e.mode === "create" && (t = Pe(t, k));
-		let n = kt(t, k?.fieldGroups);
+		let t = Ne(b, _);
+		e.mode === "create" && (t = Fe(t, _));
+		let n = It(t, _?.fieldGroups);
 		if (!n) return null;
-		let r = e.columns && e.columns > 0 ? Math.min(Math.floor(e.columns), 4) : De(t.length);
+		let r = e.columns && e.columns > 0 ? Math.min(Math.floor(e.columns), 4) : Oe(t.length);
 		return n.map((e) => ({
 			...e,
 			columns: r
@@ -1974,285 +2111,325 @@ var At = Z({
 		e.customFields,
 		e.columns,
 		e.mode,
-		j,
-		k
-	]), J = e.sections?.length ? e.sections : me ?? void 0, Z = a(() => J?.length || e.customFields?.length ? null : ze(j, k, e.columns, e.mode), [
-		j,
-		k,
+		b,
+		_
+	]), X = e.sections?.length ? e.sections : le ?? void 0, de = o(() => X?.length || e.customFields?.length ? null : ze(b, _, e.columns, e.mode), [
+		b,
+		_,
 		e.columns,
 		e.mode,
-		J,
+		X,
 		e.customFields
-	]), he = jt[a(() => {
+	]), fe = Rt[o(() => {
 		if (e.modalSize) return e.modalSize;
-		if (Z?.columns && Z.columns > 1) return Re(Z.columns);
-		if (J?.length) {
-			let e = Math.max(...J.map((e) => Number(e.columns) || 1));
+		if (de?.columns && de.columns > 1) return Re(de.columns);
+		if (X?.length) {
+			let e = Math.max(...X.map((e) => Number(e.columns) || 1));
 			if (e > 1) return Re(e);
 		}
 		return "default";
 	}, [
 		e.modalSize,
-		Z,
-		J
-	])] || jt.default;
-	r(() => {
+		de,
+		X
+	])] || Rt.default;
+	i(() => {
 		(async () => {
-			if (!n) {
-				z(!1);
+			if (!t) {
+				I(!1);
 				return;
 			}
 			try {
-				let t = await n.getObjectSchema(e.objectName);
-				A(t);
+				let n = await t.getObjectSchema(e.objectName);
+				y(n);
 			} catch (e) {
-				V(e), z(!1);
+				ee(e), I(!1);
 			}
 		})();
-	}, [e.objectName, n]), r(() => {
-		(k || !n) && (async () => {
+	}, [e.objectName, t]);
+	let pe = s(void 0);
+	i(() => {
+		let n = !1;
+		return (_ || !t) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
-				L(e.initialData || e.initialValues || {}), z(!1);
+				P(e.initialData || e.initialValues || {}), I(!1);
 				return;
 			}
-			if (!n) {
-				L(e.initialData || e.initialValues || {}), z(!1);
+			if (!t) {
+				P(e.initialData || e.initialValues || {}), I(!1);
 				return;
 			}
+			pe.current !== e.recordId && (I(!0), te(!1));
 			try {
-				let t = await n.findOne(e.objectName, e.recordId);
-				L(t || {});
+				let r = await t.findOne(e.objectName, e.recordId);
+				if (n) return;
+				pe.current = e.recordId, P(r || {});
 			} catch (e) {
-				V(e);
+				if (n) return;
+				ee(e);
 			} finally {
-				z(!1);
+				n || I(!1);
 			}
-		})();
+		})(), () => {
+			n = !0;
+		};
 	}, [
-		k,
+		_,
 		e.mode,
 		e.recordId,
 		e.initialData,
 		e.initialValues,
-		n,
+		t,
 		e.objectName
 	]);
-	let ge = t((t) => xe(t, {
-		objectSchema: k,
+	let me = n((t) => Se(t, {
+		objectSchema: _,
 		objectName: e.objectName,
 		readOnly: e.readOnly,
 		mode: e.mode,
-		fieldLabel: u
+		fieldLabel: l
 	}), [
-		k,
+		_,
 		e.readOnly,
 		e.mode,
 		e.objectName,
-		u
+		l
 	]);
-	r(() => {
-		if (!k && n) return;
+	i(() => {
+		if (!_ && t) return;
 		if (e.customFields?.length) {
-			M(e.customFields), z(!1);
+			S(e.customFields), I(!1);
 			return;
 		}
 		if (e.sections?.length) {
-			z(!1);
+			I(!1);
 			return;
 		}
-		if (!k) return;
-		let t = e.fields || Object.keys(k.fields || {}), r = [];
-		for (let n of t) {
-			let t = typeof n == "string" ? n : n.name;
-			if (!t) continue;
-			let i = k.fields?.[t];
+		if (!_) return;
+		let n = e.fields || Object.keys(_.fields || {}), r = [];
+		for (let t of n) {
+			let n = typeof t == "string" ? t : t.name;
+			if (!n) continue;
+			let i = _.fields?.[n];
 			i && r.push({
-				name: t,
-				label: u(e.objectName, t, i.label || t),
-				type: v(i.type),
+				name: n,
+				label: l(e.objectName, n, i.label || n),
+				type: C(i.type),
 				required: i.required || !1,
 				disabled: e.readOnly || e.mode === "view" || i.readonly,
 				placeholder: i.placeholder,
 				description: i.help || i.description,
-				validation: g(i),
+				validation: x(i),
 				field: i,
 				options: i.options,
 				multiple: i.multiple,
 				visibleWhen: i.visibleWhen,
 				readonlyWhen: i.readonlyWhen,
-				requiredWhen: i.requiredWhen ?? i.conditionalRequired,
+				requiredWhen: i.requiredWhen,
 				group: i.group
 			});
 		}
-		M(r), z(!1);
+		S(r), I(!1);
 	}, [
-		k,
+		_,
 		e.fields,
 		e.customFields,
 		e.sections,
 		e.readOnly,
 		e.mode,
-		n
+		t
 	]);
-	let _e = t(async (t) => {
-		ne(!0);
+	let he = n(async (n) => {
+		W(!0);
 		try {
-			if (!n) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
-			let r, i = Ge(t, k);
-			if (_?.isLoaded) {
+			if (!t) return e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
+			let r, i = $e(n, _);
+			if (p?.isLoaded) {
 				let t = {};
-				for (let n of Object.keys(i)) _.checkField(e.objectName, n, "write") && (t[n] = i[n]);
+				for (let n of Object.keys(i)) p.checkField(e.objectName, n, "write") && (t[n] = i[n]);
 				i = t;
 			}
-			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;
+			if (e.mode === "create") r = await t.create(e.objectName, i);
+			else if (e.mode === "edit" && e.recordId) {
+				let n = await re({
+					dataSource: t,
+					objectName: e.objectName,
+					recordId: e.recordId,
+					payload: i,
+					baseRecord: N
+				});
+				if (n.status === "cancelled") return;
+				r = n.result;
+			}
+			return e.onSuccess && await e.onSuccess(r), e.onOpenChange?.(!1), r;
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		} finally {
-			ne(!1);
+			W(!1);
 		}
 	}, [
 		e,
-		n,
-		k,
-		_
-	]), Q = t(() => {
-		le(!1), q.current && (q.current = !1, e.onCancel?.()), e.onOpenChange?.(!1);
-	}, [e]), ye = t((e) => {
-		q.current = e, ue && K ? le(!0) : Q();
+		t,
+		_,
+		p,
+		re,
+		N
+	]), $ = n(() => {
+		J(!1), ae.current && (ae.current = !1, e.onCancel?.()), e.onOpenChange?.(!1);
+	}, [e]), ge = n((e) => {
+		ae.current = e, oe && G ? J(!0) : $();
+	}, [
+		oe,
+		G,
+		$
+	]);
+	i(() => {
+		if (!se || !G || !oe) return;
+		let e = (e) => {
+			e.preventDefault(), e.returnValue = "";
+		};
+		return window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
 	}, [
-		ue,
-		K,
-		Q
-	]), be = t(() => {
-		q.current = !0, Q();
-	}, [Q]), Se = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", Ce = e.showSubmit !== !1 && e.mode !== "view", we = e.showCancel !== !1, Te = e.submitText || (e.mode === "create" ? "Create" : "Update"), Ee = e.cancelText || "Cancel", Oe = {
+		se,
+		G,
+		oe
+	]);
+	let _e = n(() => {
+		ae.current = !0, $();
+	}, [$]), ve = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", ye = e.showSubmit !== !1 && e.mode !== "view", be = e.showCancel !== !1, xe = e.submitText || (e.mode === "create" ? "Create" : "Update"), Ce = e.cancelText || "Cancel", we = {
 		type: "form",
 		objectName: e.objectName,
-		layout: Se,
-		defaultValues: te,
-		submitLabel: Te,
-		cancelLabel: Ee,
-		showSubmit: Ce,
-		showCancel: we,
-		onSubmit: _e,
-		onCancel: be,
-		onDirtyChange: oe,
+		layout: ve,
+		defaultValues: N,
+		submitLabel: xe,
+		cancelLabel: Ce,
+		showSubmit: ye,
+		showCancel: be,
+		onSubmit: he,
+		onCancel: _e,
+		onDirtyChange: te,
 		showActions: !1,
-		id: pe
-	}, ke = () => {
-		if (B) return /* @__PURE__ */ X("div", {
+		id: ce
+	}, Te = () => {
+		if (L) return /* @__PURE__ */ Q("div", {
 			className: "p-4 border border-red-300 bg-red-50 rounded-md",
-			children: [/* @__PURE__ */ Y("h3", {
+			children: [/* @__PURE__ */ Z("h3", {
 				className: "text-red-800 font-semibold",
 				children: "Error loading form"
-			}), /* @__PURE__ */ Y("p", {
+			}), /* @__PURE__ */ Z("p", {
 				className: "text-red-600 text-sm mt-1",
-				children: B.message
+				children: L.message
 			})]
 		});
-		if (R) return /* @__PURE__ */ Y("div", {
+		if (F) return /* @__PURE__ */ Z("div", {
 			className: "space-y-4",
 			"data-testid": "modal-form-skeleton",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ X("div", {
+			].map((e) => /* @__PURE__ */ Q("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ Y(U, { className: "h-4 w-24" }), /* @__PURE__ */ Y(U, { className: "h-10 w-full" })]
+				children: [/* @__PURE__ */ Z(ne, { className: "h-4 w-24" }), /* @__PURE__ */ Z(ne, { className: "h-10 w-full" })]
 			}, e))
 		});
 		if (e.sections?.length) {
-			let t = e.sections, n = (e, t) => e.name || e.label || String(t), r = (t) => t.name ? f(e.objectName, t.name, t.label || t.name) : t.label, i = (e) => /* @__PURE__ */ Y(l, { schema: {
-				...Oe,
-				...Le(O(ge(e)), e.columns || 1)
-			} });
-			return e.contentLayout === "tabbed" && t.length > 1 ? /* @__PURE__ */ X(W, {
-				defaultValue: n(t[0], 0),
-				className: "w-full",
-				children: [/* @__PURE__ */ Y(ie, {
-					className: "mb-4",
-					children: t.map((e, t) => /* @__PURE__ */ Y(ae, {
-						value: n(e, t),
-						children: r(e) || `Section ${t + 1}`
-					}, n(e, t)))
-				}), t.map((e, t) => /* @__PURE__ */ Y(re, {
-					value: n(e, t),
-					children: /* @__PURE__ */ Y(ve, {
-						description: e.description,
-						columns: 1,
-						className: e.className,
-						gridClassName: e.gridClassName,
-						children: i(e)
-					})
-				}, n(e, t)))]
-			}) : /* @__PURE__ */ Y("div", {
-				className: "space-y-6",
-				children: t.map((e, t) => /* @__PURE__ */ Y(ve, {
-					label: r(e),
+			let t = e.sections, n = (e, t) => e.name || e.label || String(t), r = (t) => t.name ? u(e.objectName, t.name, t.label || t.name) : t.label, i = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, a = t.map((e) => i(e.columns)).filter((e) => e != null), o = i(e.columns) ?? (a.length ? Math.max(...a) : 1), s = Ie[o], c = t.map((e, t) => {
+				let a = h(me(e));
+				return {
+					key: n(e, t),
+					title: r(e),
 					description: e.description,
-					columns: 1,
 					className: e.className,
 					gridClassName: e.gridClassName,
-					children: i(e)
-				}, n(e, t)))
-			});
+					fields: o > 1 ? je(a, o, i(e.columns)) : a
+				};
+			}).filter((e) => e.fields.length > 0), l = {
+				...we,
+				columns: o,
+				...s ? { fieldContainerClass: s } : {}
+			};
+			if (e.contentLayout === "tabbed" && c.length > 1) return /* @__PURE__ */ Z(m, { schema: {
+				...l,
+				fields: c.flatMap((e) => e.fields),
+				fieldTabs: c.map((e, t) => ({
+					key: e.key,
+					label: e.title || `Section ${t + 1}`,
+					description: e.description,
+					fields: e.fields.map((e) => e.name),
+					containerClass: e.gridClassName
+				}))
+			} });
+			let d = [];
+			return c.forEach((e) => {
+				(e.title || e.description) && d.push({
+					name: `__section_${e.key}`,
+					label: e.title,
+					description: e.description,
+					type: "section-divider",
+					colSpan: 4,
+					className: e.className
+				}), d.push(...e.fields);
+			}), /* @__PURE__ */ Z(m, { schema: {
+				...l,
+				fields: d
+			} });
 		}
-		if (me?.length) {
-			let t = Number(me[0]?.columns) || 1, n = [];
-			me.forEach((r, i) => {
-				let a = O(ge(r));
+		if (le?.length) {
+			let t = Number(le[0]?.columns) || 1, n = [];
+			le.forEach((r, i) => {
+				let a = h(me(r));
 				if (!a.length) return;
-				let o = r.name ? f(e.objectName, r.name, r.label || r.name) : r.label;
+				let o = r.name ? u(e.objectName, r.name, r.label || r.name) : r.label;
 				o && n.push({
 					name: `__section_${r.name || i}`,
 					label: o,
 					type: "section-divider"
-				}), n.push(...t > 1 ? Ae(a, t) : a);
+				}), n.push(...t > 1 ? je(a, t) : a);
 			});
-			let r = Fe[t];
-			return /* @__PURE__ */ Y(l, { schema: {
-				...Oe,
+			let r = Ie[t];
+			return /* @__PURE__ */ Z(m, { schema: {
+				...we,
 				fields: n,
 				columns: t,
 				...r ? { fieldContainerClass: r } : {}
 			} });
 		}
-		let t = Z ?? ze(j, k, e.columns, e.mode), n = Fe[t.columns || 1];
-		return /* @__PURE__ */ Y(l, { schema: {
-			...Oe,
-			fields: O(t.fields),
+		let t = de ?? ze(b, _, e.columns, e.mode), n = Ie[t.columns || 1];
+		return /* @__PURE__ */ Z(m, { schema: {
+			...we,
+			fields: h(t.fields),
 			columns: t.columns,
 			...n ? { fieldContainerClass: n } : {}
 		} });
-	}, je = e.subforms;
-	if (h) return /* @__PURE__ */ X("div", {
+	}, Ee = e.subforms;
+	if (f) return /* @__PURE__ */ Q("div", {
 		className: "@container rounded-md border bg-card p-4",
-		children: [(e.title || e.description) && /* @__PURE__ */ X("div", {
+		children: [(e.title || e.description) && /* @__PURE__ */ Q("div", {
 			className: "mb-3 space-y-0.5",
-			children: [e.title && /* @__PURE__ */ Y("div", {
+			children: [e.title && /* @__PURE__ */ Z("div", {
 				className: "text-sm font-semibold",
 				children: e.title
-			}), e.description && /* @__PURE__ */ Y("p", {
+			}), e.description && /* @__PURE__ */ Z("p", {
 				className: "text-xs text-muted-foreground",
 				children: e.description
 			})]
-		}), ke()]
+		}), Te()]
 	});
-	if (je?.length && e.mode !== "view") return /* @__PURE__ */ Y(N, {
-		open: de,
+	if (Ee?.length && e.mode !== "view") return /* @__PURE__ */ Z(R, {
+		open: se,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ X(I, {
-			className: G(he, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", c, e.className),
-			children: [(e.title || e.description) && /* @__PURE__ */ X(F, {
+		children: /* @__PURE__ */ Q(H, {
+			className: q(fe, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", r, e.className),
+			children: [(e.title || e.description) && /* @__PURE__ */ Q(B, {
 				className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-				children: [e.title && /* @__PURE__ */ Y(ee, { children: e.title }), e.description ? /* @__PURE__ */ Y(P, { children: e.description }) : /* @__PURE__ */ Y(P, {
+				children: [e.title && /* @__PURE__ */ Z(V, { children: e.title }), e.description ? /* @__PURE__ */ Z(z, { children: e.description }) : /* @__PURE__ */ Z(z, {
 					className: "sr-only",
 					children: "Enter the record and its line items, then save."
 				})]
-			}), /* @__PURE__ */ Y("div", {
+			}), /* @__PURE__ */ Z("div", {
 				className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-				children: /* @__PURE__ */ Y(Tt, {
+				children: /* @__PURE__ */ Z(Mt, {
 					schema: {
 						type: "object-master-detail-form",
 						objectName: e.objectName,
@@ -2262,109 +2439,119 @@ var At = Z({
 						sections: e.sections,
 						initialValues: e.initialValues,
 						initialData: e.initialData,
-						submitText: Te,
-						cancelText: Ee,
-						details: je,
+						submitText: xe,
+						cancelText: Ce,
+						details: Ee,
 						onSuccess: async (t) => {
 							await e.onSuccess?.(t), e.onOpenChange?.(!1);
 						},
 						onError: e.onError,
 						onCancel: () => e.onOpenChange?.(!1)
 					},
-					dataSource: n
+					dataSource: t
 				})
 			})]
 		})
 	});
-	let Ne = !R && !B && (Ce || we);
-	return /* @__PURE__ */ Y(N, {
-		open: de,
+	let De = !F && !L && (ye || be);
+	return /* @__PURE__ */ Z(R, {
+		open: se,
 		onOpenChange: (t) => {
 			if (t) {
 				e.onOpenChange?.(!0);
 				return;
 			}
-			ye(!1);
+			ge(!1);
 		},
-		children: /* @__PURE__ */ X(I, {
-			className: G(he, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", c, e.className),
+		children: /* @__PURE__ */ Q(H, {
+			className: q(fe, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", r, e.className),
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ X(F, {
+				(e.title || e.description) && /* @__PURE__ */ Q(B, {
 					className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-					children: [e.title && /* @__PURE__ */ Y(ee, { children: e.title }), e.description ? /* @__PURE__ */ Y(P, { children: e.description }) : /* @__PURE__ */ Y(P, {
+					children: [e.title && /* @__PURE__ */ Z(V, { children: e.title }), e.description ? /* @__PURE__ */ Z(z, { children: e.description }) : /* @__PURE__ */ Z(z, {
 						className: "sr-only",
 						children: "Complete the form fields, then submit or cancel."
 					})]
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-					children: ke()
+					children: Te()
 				}),
-				Ne && /* @__PURE__ */ Y("div", {
+				De && /* @__PURE__ */ Z("div", {
 					className: "shrink-0 border-t px-4 sm:px-6 py-3 bg-background",
 					"data-testid": "modal-form-footer",
-					children: /* @__PURE__ */ X("div", {
+					children: /* @__PURE__ */ Q("div", {
 						className: "flex flex-col sm:flex-row gap-2 sm:justify-end",
-						children: [we && /* @__PURE__ */ Y(D, {
+						children: [be && /* @__PURE__ */ Z(M, {
 							type: "button",
 							variant: "outline",
-							onClick: be,
-							disabled: H,
+							onClick: _e,
+							disabled: U,
 							className: "w-full sm:w-auto",
-							children: Ee
-						}), Ce && /* @__PURE__ */ X(D, {
+							children: Ce
+						}), ye && /* @__PURE__ */ Q(M, {
 							type: "submit",
-							form: pe,
-							disabled: H,
+							form: ce,
+							disabled: U,
 							className: "w-full sm:w-auto",
-							children: [H && /* @__PURE__ */ Y(fe, { className: "mr-2 h-4 w-4 animate-spin" }), Te]
+							children: [U && /* @__PURE__ */ Z(ue, { className: "mr-2 h-4 w-4 animate-spin" }), xe]
 						})]
 					})
 				}),
-				/* @__PURE__ */ Y(y, {
-					open: ce,
-					onOpenChange: le,
-					children: /* @__PURE__ */ X(S, { children: [/* @__PURE__ */ X(T, { children: [/* @__PURE__ */ Y(E, { children: m("form.discardTitle") }), /* @__PURE__ */ Y(C, { children: m("form.discardMessage") })] }), /* @__PURE__ */ X(w, { children: [/* @__PURE__ */ Y(x, {
+				/* @__PURE__ */ Z(w, {
+					open: K,
+					onOpenChange: J,
+					children: /* @__PURE__ */ Q(D, { children: [/* @__PURE__ */ Q(A, { children: [/* @__PURE__ */ Z(j, { children: d("form.discardTitle") }), /* @__PURE__ */ Z(O, { children: d("form.discardMessage") })] }), /* @__PURE__ */ Q(k, { children: [/* @__PURE__ */ Z(E, {
 						onClick: () => {
-							q.current = !1;
+							ae.current = !1;
 						},
-						children: m("form.keepEditing")
-					}), /* @__PURE__ */ Y(b, {
-						onClick: Q,
-						children: m("form.discard")
+						children: d("form.keepEditing")
+					}), /* @__PURE__ */ Z(T, {
+						onClick: $,
+						children: d("form.discard")
 					})] })] })
-				})
+				}),
+				ie
 			]
 		})
 	});
-}, Nt = ({ schema: e, dataSource: t }) => {
-	let n = se(), r = a(() => {
-		let t = e.groups, r = !e.sections?.length && Array.isArray(t) && t.length ? {
-			...e,
-			sections: t.map((e) => ({
+};
+//#endregion
+//#region src/ObjectForm.tsx
+function Bt(e) {
+	let t = e.buttons, n = e.defaults;
+	if (!t && !n) return e;
+	let r = e, i = { ...r };
+	return t?.submit?.show !== void 0 && r.showSubmit === void 0 && (i.showSubmit = t.submit.show), t?.submit?.label != null && r.submitText === void 0 && (i.submitText = t.submit.label), t?.cancel?.show !== void 0 && r.showCancel === void 0 && (i.showCancel = t.cancel.show), t?.cancel?.label != null && r.cancelText === void 0 && (i.cancelText = t.cancel.label), t?.reset?.show !== void 0 && r.showReset === void 0 && (i.showReset = t.reset.show), n && r.initialValues === void 0 && (i.initialValues = n), i;
+}
+var Vt = ({ schema: e, dataSource: t }) => {
+	let n = Y(), r = o(() => {
+		let t = Bt(e), r = t.groups, i = !t.sections?.length && Array.isArray(r) && r.length ? {
+			...t,
+			sections: r.map((e) => ({
 				label: e.title ?? e.label,
 				description: e.description,
 				collapsible: e.collapsible,
 				collapsed: e.defaultCollapsed ?? e.collapsed,
 				fields: e.fields ?? []
 			}))
-		} : e;
-		if (!n?.isLoaded) return r;
-		let i = (e) => e?.name ? n.checkField(r.objectName, e.name, "read") ? !n.checkField(r.objectName, e.name, "write") && r.mode !== "view" ? {
+		} : t;
+		if (!n?.isLoaded) return i;
+		let a = (e) => e?.name ? n.checkField(i.objectName, e.name, "read") ? !n.checkField(i.objectName, e.name, "write") && i.mode !== "view" ? {
 			...e,
 			readOnly: !0,
 			disabled: !0
-		} : e : null : e, a = (e) => Array.isArray(e) ? e.map(i).filter(Boolean) : e;
+		} : e : null : e, o = (e) => Array.isArray(e) ? e.map(a).filter(Boolean) : e;
 		return {
-			...r,
-			fields: a(r.fields),
-			sections: r.sections?.map((e) => ({
+			...i,
+			fields: o(i.fields),
+			sections: i.sections?.map((e) => ({
 				...e,
-				fields: a(e.fields)
+				fields: o(e.fields)
 			}))
 		};
-	}, [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__ */ Y(Tt, {
+	}, [e, n]), { sectionLabel: i } = v(), a = (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__ */ Z(Mt, {
 		schema: {
 			type: "object-master-detail-form",
 			objectName: r.objectName,
@@ -2387,13 +2574,13 @@ var At = Z({
 		},
 		dataSource: t
 	});
-	if (r.formType === "tabbed" && r.sections?.length) return /* @__PURE__ */ Y(Be, {
+	if (r.formType === "tabbed" && r.sections?.length) return /* @__PURE__ */ Z(Ge, {
 		schema: {
 			...r,
 			formType: "tabbed",
 			sections: r.sections.map((e) => ({
 				name: e.name,
-				label: o(e),
+				label: a(e),
 				description: e.description,
 				columns: e.columns,
 				fields: e.fields,
@@ -2406,13 +2593,13 @@ var At = Z({
 		dataSource: t,
 		className: r.className
 	});
-	if (r.formType === "wizard" && r.sections?.length) return /* @__PURE__ */ Y(Ve, {
+	if (r.formType === "wizard" && r.sections?.length) return /* @__PURE__ */ Z(Ye, {
 		schema: {
 			...r,
 			formType: "wizard",
 			sections: r.sections.map((e) => ({
 				name: e.name,
-				label: o(e),
+				label: a(e),
 				description: e.description,
 				columns: e.columns,
 				fields: e.fields,
@@ -2428,16 +2615,17 @@ var At = Z({
 		dataSource: t,
 		className: r.className
 	});
-	if (r.formType === "split" && r.sections?.length) return /* @__PURE__ */ Y(He, {
+	if (r.formType === "split" && r.sections?.length) return /* @__PURE__ */ Z(Xe, {
 		schema: {
 			...r,
 			formType: "split",
 			sections: r.sections.map((e) => ({
 				name: e.name,
-				label: o(e),
+				label: a(e),
 				description: e.description,
 				columns: e.columns,
 				fields: e.fields,
+				pane: e.pane,
 				className: e.className,
 				gridClassName: e.gridClassName
 			})),
@@ -2450,14 +2638,14 @@ var At = Z({
 	});
 	if (r.formType === "drawer") {
 		let { layout: e, ...n } = r, i = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : void 0;
-		return /* @__PURE__ */ Y(Ot, {
+		return /* @__PURE__ */ Z(Ft, {
 			schema: {
 				...n,
 				layout: i,
 				formType: "drawer",
 				sections: r.sections?.map((e) => ({
 					name: e.name,
-					label: o(e),
+					label: a(e),
 					description: e.description,
 					columns: e.columns,
 					fields: e.fields,
@@ -2476,14 +2664,14 @@ var At = Z({
 	}
 	if (r.formType === "modal") {
 		let { layout: e, ...n } = r, i = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : void 0;
-		return /* @__PURE__ */ Y(Mt, {
+		return /* @__PURE__ */ Z(zt, {
 			schema: {
 				...n,
 				layout: i,
 				formType: "modal",
 				sections: r.sections?.map((e) => ({
 					name: e.name,
-					label: o(e),
+					label: a(e),
 					description: e.description,
 					columns: e.columns,
 					fields: e.fields,
@@ -2499,184 +2687,195 @@ var At = Z({
 			className: r.className
 		});
 	}
-	return /* @__PURE__ */ Y(Pt, {
+	return /* @__PURE__ */ Z(Ht, {
 		schema: r,
 		dataSource: t
 	});
-}, Pt = ({ schema: n, dataSource: i }) => {
-	let { fieldLabel: a, sectionLabel: o } = p(), c = oe(), u = se(), d = t((e) => {
-		if (!u?.isLoaded) return e;
-		let t = [];
-		for (let r of e) u.checkField(n.objectName, r.name, "read") && (!u.checkField(n.objectName, r.name, "write") && n.mode !== "view" ? t.push({
+}, Ht = ({ schema: e, dataSource: r }) => {
+	let { fieldLabel: a, sectionLabel: o } = v(), s = re(), l = Y(), u = n((t) => {
+		if (!l?.isLoaded) return t;
+		let n = [];
+		for (let r of t) l.checkField(e.objectName, r.name, "read") && (!l.checkField(e.objectName, r.name, "write") && e.mode !== "view" ? n.push({
 			...r,
 			readOnly: !0,
 			disabled: !0,
 			description: r.description ?? "You do not have edit access to this field."
-		}) : t.push(r));
-		return t;
+		}) : n.push(r));
+		return n;
 	}, [
-		u,
-		n.objectName,
-		n.mode
-	]), [f, m] = s(null), [h, y] = s([]), [b, x] = s(null), [S, C] = s(!0), [w, T] = s(null), [E, D] = s(null), O = n.customFields && n.customFields.length > 0;
-	r(() => {
-		O && (x(n.initialData || n.initialValues || {}), C(!1));
+		l,
+		e.objectName,
+		e.mode
+	]), [f, p] = c(null), [h, g] = c([]), [_, y] = c(null), [b, w] = c(!0), [T, E] = c(null), [D, O] = c(null), { saveWithOcc: k, conflictDialog: A } = We(), j = e.customFields && e.customFields.length > 0;
+	i(() => {
+		j && (y(e.initialData || e.initialValues || {}), w(!1));
 	}, [
-		O,
-		n.initialData,
-		n.initialValues
-	]), r(() => {
-		O ? m({
-			name: n.objectName,
+		j,
+		e.initialData,
+		e.initialValues
+	]), i(() => {
+		j ? p({
+			name: e.objectName,
 			fields: {}
-		}) : n.objectName && i ? (async () => {
+		}) : e.objectName && r ? (async () => {
 			try {
-				if (!i) throw Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");
-				let e = await i.getObjectSchema(n.objectName);
-				if (!e) throw Error(`No schema found for object "${n.objectName}"`);
-				m(e);
+				if (!r) throw Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");
+				let t = await r.getObjectSchema(e.objectName);
+				if (!t) throw Error(`No schema found for object "${e.objectName}"`);
+				p(t);
 			} catch (e) {
-				T(e), C(!1);
+				E(e), w(!1);
 			}
-		})() : O || C(!1);
+		})() : j || w(!1);
 	}, [
-		n.objectName,
-		i,
-		O
-	]), r(() => {
-		f && !O && (async () => {
-			if (!n.recordId || n.mode === "create") {
-				x(n.initialData || n.initialValues || {}), C(!1);
+		e.objectName,
+		r,
+		j
+	]), i(() => {
+		f && !j && (async () => {
+			if (!e.recordId || e.mode === "create") {
+				y(e.initialData || e.initialValues || {}), w(!1);
 				return;
 			}
-			if (!O) {
-				if (!i) {
-					T(/* @__PURE__ */ Error("DataSource is required for fetching record data (inline data not provided)")), C(!1);
+			if (!j) {
+				if (!r) {
+					E(/* @__PURE__ */ Error("DataSource is required for fetching record data (inline data not provided)")), w(!1);
 					return;
 				}
-				C(!0);
+				w(!0);
 				try {
-					let e = await i.findOne(n.objectName, n.recordId);
-					x(e);
+					let t = await r.findOne(e.objectName, e.recordId);
+					y(t);
 				} catch (e) {
-					console.error("Failed to fetch record:", e), T(e);
+					console.error("Failed to fetch record:", e), E(e);
 				} finally {
-					C(!1);
+					w(!1);
 				}
 			}
 		})();
 	}, [
-		n.objectName,
-		n.recordId,
-		n.mode,
-		n.initialValues,
-		n.initialData,
-		i,
+		e.objectName,
+		e.recordId,
+		e.mode,
+		e.initialValues,
+		e.initialData,
+		r,
 		f,
-		O
+		j
 	]);
-	let k = t((e) => e, []);
-	r(() => {
-		if (O && n.customFields) {
-			y(n.customFields.map(k)), C(!1);
+	let M = n((e) => e, []);
+	i(() => {
+		if (j && e.customFields) {
+			g(e.customFields.map(M)), w(!1);
 			return;
 		}
 		if (!f) return;
-		let e = [], t = !!f?.managedBy && f.managedBy !== "platform", r = f?.userActions?.edit, o = r === !0 || typeof r == "object" && !!r && r.enabled === !0, s = n.mode === "edit" ? o : n.mode === "create" && f?.userActions?.create === !0, c = t && !s, l = n.fields || Object.keys(f.fields || {});
-		(Array.isArray(l) ? l : Object.keys(l)).forEach((t) => {
-			let r = typeof t == "string" ? t : t.name;
+		let t = [], n = d(f, l?.getObjectApiOperations?.(e.objectName)), i = !(e.mode === "edit" ? n.edit : e.mode !== "create" || n.create), o = e.fields || Object.keys(f.fields || {});
+		(Array.isArray(o) ? o : Object.keys(o)).forEach((n) => {
+			let r = typeof n == "string" ? n : n.name;
 			if (!r) return;
-			let i = f.fields?.[r];
-			if (!i && !O) return;
-			let o = !i?.permissions || i?.permissions.write !== !1;
-			if (n.mode !== "view" && !o) return;
-			let s = n.customFields?.find((e) => e.name === r);
-			if (s) e.push(k(s));
-			else if (i) {
-				let o = {
+			let o = f.fields?.[r];
+			if (!o && !j) return;
+			let s = e.customFields?.find((e) => e.name === r);
+			if (s) t.push(M(s));
+			else if (o) {
+				let s = {
 					name: r,
-					label: a(n.objectName, r, i.label || t),
-					type: v(i.type),
-					required: i.required || !1,
-					disabled: n.readOnly || n.mode === "view" || i.readonly || c,
-					placeholder: i.placeholder,
-					description: i.help || i.description,
-					validation: g(i),
-					visibleWhen: i.visibleWhen,
-					readonlyWhen: i.readonlyWhen,
-					requiredWhen: i.requiredWhen ?? i.conditionalRequired,
-					group: i.group,
-					field: i,
-					widget: i.widget
+					label: a(e.objectName, r, o.label || n),
+					type: C(o.type),
+					required: o.required || !1,
+					disabled: e.readOnly || e.mode === "view" || o.readonly || i,
+					placeholder: o.placeholder,
+					description: o.help || o.description,
+					validation: x(o),
+					visibleWhen: o.visibleWhen,
+					readonlyWhen: o.readonlyWhen,
+					requiredWhen: o.requiredWhen,
+					group: o.group,
+					field: o,
+					widget: o.widget
 				};
-				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: ${_(i.max_size)}`;
-					o.description = o.description ? `${o.description} (${e})` : e;
+				if ((o.type === "select" || o.type === "lookup" || o.type === "master_detail") && (s.options = o.options || [], s.multiple = o.multiple), (o.type === "number" || o.type === "currency" || o.type === "percent") && (s.inputType = "number", s.min = o.min, s.max = o.max, s.step = o.precision ? 10 ** -o.precision : void 0), o.type === "date" && (s.inputType = "date"), o.type === "datetime" && (s.inputType = "datetime-local"), (o.type === "text" || o.type === "textarea" || o.type === "markdown" || o.type === "html") && (s.maxLength = o.maxLength ?? o.max_length, s.minLength = o.minLength ?? o.min_length), (o.type === "file" || o.type === "image") && (s.inputType = "file", s.multiple = o.multiple, s.accept = o.accept ? o.accept.join(",") : void 0, o.max_size)) {
+					let e = `Max size: ${S(o.max_size)}`;
+					s.description = s.description ? `${s.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.visibleOn = i.visible_on), e.push(o);
+				o.type === "email" && (s.inputType = "email"), o.type === "phone" && (s.inputType = "tel"), o.type === "url" && (s.inputType = "url"), o.type === "password" && (s.inputType = "password"), o.type === "time" && (s.inputType = "time"), (o.type === "formula" || o.type === "summary" || o.type === "auto_number") && (s.disabled = !0), o.visible_on && (s.visibleOn = o.visible_on), t.push(s);
 			}
-		}), y(e), !O && n.recordId && n.mode !== "create" && i || C(!1);
+		}), g(t), !j && e.recordId && e.mode !== "create" && r || w(!1);
 	}, [
 		f,
-		n.fields,
-		n.customFields,
-		n.readOnly,
-		n.mode,
-		O,
-		n.recordId,
-		i
+		e.fields,
+		e.customFields,
+		e.readOnly,
+		e.mode,
+		e.objectName,
+		j,
+		e.recordId,
+		r,
+		l
 	]);
-	let A = 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 && (e = {})), O && !i) return n.onSuccess && await n.onSuccess(e), e;
-		if (!i) throw Error("DataSource is required for form submission (inline mode not configured)");
-		let r = Ge(e, O ? null : f);
-		if (u?.isLoaded && r && typeof r == "object") {
-			let e = {};
-			for (let t of Object.keys(r)) u.checkField(n.objectName, t, "write") && (e[t] = r[t]);
-			r = e;
+	let N = n(async (t, n) => {
+		if (t && (t.nativeEvent || t._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), n === void 0 && (t = {})), j && !r) return e.onSuccess && await e.onSuccess(t), t;
+		if (!r) throw Error("DataSource is required for form submission (inline mode not configured)");
+		let i = $e(t, j ? null : f);
+		if (l?.isLoaded && i && typeof i == "object") {
+			let t = {};
+			for (let n of Object.keys(i)) l.checkField(e.objectName, n, "write") && (t[n] = i[n]);
+			i = t;
 		}
 		try {
-			let e;
-			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");
-			if (n.onSuccess) await n.onSuccess(e);
-			else if (!n.submitHandler && n.submitBehavior) {
-				let e = n.submitBehavior;
-				switch (e.kind) {
+			let t;
+			if (e.submitHandler) t = await e.submitHandler(i);
+			else if (e.mode === "create") t = await r.create(e.objectName, i);
+			else if (e.mode === "edit" && e.recordId) {
+				let n = await k({
+					dataSource: r,
+					objectName: e.objectName,
+					recordId: e.recordId,
+					payload: i,
+					baseRecord: _
+				});
+				if (n.status === "cancelled") return;
+				t = n.result;
+			} else throw Error("Invalid form mode or missing record ID");
+			if (e.onSuccess) await e.onSuccess(t);
+			else if (!e.submitHandler && e.submitBehavior) {
+				let t = e.submitBehavior;
+				switch (t.kind) {
 					case "redirect":
-						ge(e.url) && setTimeout(() => window.location.assign(e.url), e.delayMs ?? 0);
+						$(t.url) && setTimeout(() => window.location.assign(t.url), t.delayMs ?? 0);
 						break;
 					case "continue": break;
 					default: {
-						let t = e.kind === "thank-you" && e.message ? e.message : n.successMessage || (n.mode === "create" ? "Created" : "Saved");
-						K.success(t), D({
-							title: e.kind === "thank-you" ? e.title : void 0,
-							message: t
+						let n = t.kind === "thank-you" && t.message ? t.message : e.successMessage || (e.mode === "create" ? "Created" : "Saved");
+						J.success(n), O({
+							title: t.kind === "thank-you" ? t.title : void 0,
+							message: n
 						});
 						break;
 					}
 				}
-			} else if (!n.submitHandler) {
-				let t = _e(n.navigateOnSuccess, e);
-				if (t) return window.location.assign(t), e;
-				K.success(n.successMessage || (n.mode === "create" ? "Created" : "Saved"));
+			} else if (!e.submitHandler) {
+				let n = ge(e.navigateOnSuccess, t);
+				if (n) return window.location.assign(n), t;
+				J.success(e.successMessage || (e.mode === "create" ? "Created" : "Saved"));
 			}
-			return e;
-		} catch (e) {
-			throw console.error("Failed to submit form:", e), n.onError && n.onError(e), e;
+			return t;
+		} catch (t) {
+			throw console.error("Failed to submit form:", t), e.onError && e.onError(t), t;
 		}
 	}, [
-		n,
-		i,
-		O,
-		u,
-		f
-	]), j = t(() => {
-		n.onCancel && n.onCancel();
-	}, [n]), M = {
-		...e.useMemo(() => {
+		e,
+		r,
+		j,
+		l,
+		f,
+		k,
+		_
+	]), P = n(() => {
+		e.onCancel && e.onCancel();
+	}, [e]), F = {
+		...t.useMemo(() => {
 			if (!f?.fields) return {};
 			let e = {};
 			return Object.keys(f.fields).forEach((t) => {
@@ -2684,58 +2883,58 @@ var At = Z({
 				n.defaultValue !== void 0 && (e[t] = n.defaultValue);
 			}), e;
 		}, [f]),
-		...b
-	}, N = e.useMemo(() => {
-		let e = Me(h, f);
-		return n.mode === "create" && (e = Pe(e, f)), e;
+		..._
+	}, I = t.useMemo(() => {
+		let t = Ne(h, f);
+		return e.mode === "create" && (t = Fe(t, f)), t;
 	}, [
 		h,
 		f,
-		n.mode
-	]), P = e.useMemo(() => n.sections?.length ? null : kt(N, f?.fieldGroups), [
-		n.sections,
-		N,
+		e.mode
+	]), L = t.useMemo(() => e.sections?.length ? null : It(I, f?.fieldGroups), [
+		e.sections,
+		I,
 		f
-	]), F = n.sections?.length ? n.sections : P, [ee, I] = s({});
-	if (w) return /* @__PURE__ */ X("div", {
+	]), R = e.sections?.length ? e.sections : L, [z, B] = c({});
+	if (T) return /* @__PURE__ */ Q("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ Y("h3", {
+		children: [/* @__PURE__ */ Z("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ Y("p", {
+		}), /* @__PURE__ */ Z("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: w.message
+			children: T.message
 		})]
 	});
-	if (S) return /* @__PURE__ */ X("div", {
+	if (b) return /* @__PURE__ */ Q("div", {
 		className: "p-4 sm:p-8 text-center",
-		children: [/* @__PURE__ */ Y("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Y("p", {
+		children: [/* @__PURE__ */ Z("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Z("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	if (E) return /* @__PURE__ */ X("div", {
+	if (D) return /* @__PURE__ */ Q("div", {
 		className: "rounded-md border bg-card p-6 sm:p-8 text-center",
-		children: [/* @__PURE__ */ Y("h3", {
+		children: [/* @__PURE__ */ Z("h3", {
 			className: "text-lg font-semibold",
-			children: E.title ?? "Thanks!"
-		}), E.message && /* @__PURE__ */ Y("p", {
+			children: D.title ?? "Thanks!"
+		}), D.message && /* @__PURE__ */ Z("p", {
 			className: "mt-2 text-sm text-muted-foreground",
-			children: E.message
+			children: D.message
 		})]
 	});
-	let te = n.layout === "vertical" || n.layout === "horizontal" ? n.layout : "vertical";
-	if (F?.length && (!n.formType || n.formType === "simple")) {
-		let e = P ? N : h, t = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, r = F.map((e) => t(e.columns)).filter((e) => e != null), i = F.reduce((e, t) => e + (Array.isArray(t.fields) ? t.fields.length : 0), 0), a = t(n.columns) ?? (r.length ? Math.max(...r) : De(i)), s = [];
-		F.forEach((r, i) => {
-			let c = new Map(r.fields.map((e) => [typeof e == "string" ? e : e.field ?? e.name, e])), l = Array.from(c.keys()), u = d(e.filter((e) => l.includes(e.name))).map((e) => {
+	let V = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical";
+	if (R?.length && (!e.formType || e.formType === "simple")) {
+		let t = L ? I : h, n = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, r = R.map((e) => n(e.columns)).filter((e) => e != null), i = R.reduce((e, t) => e + (Array.isArray(t.fields) ? t.fields.length : 0), 0), a = n(e.columns) ?? (r.length ? Math.max(...r) : Oe(i)), s = [];
+		R.forEach((r, i) => {
+			let c = new Map(r.fields.map((e) => [typeof e == "string" ? e : e.field ?? e.name, e])), l = Array.from(c.keys()), d = u(t.filter((e) => l.includes(e.name))).map((e) => {
 				let t = c.get(e.name);
 				if (!t || typeof t != "object") return e;
 				let n = t, r = { ...e };
 				return n.visibleOn != null && (r.visibleOn = n.visibleOn), n.colSpan != null && (r.colSpan = n.colSpan), n.span != null && (r.span = n.span), r;
 			});
-			if (u.length === 0) return;
-			let f = r.name || r.label || String(i), p = r.name ? o(n.objectName, r.name, r.label || r.name) : r.label, m = ee[f] ?? r.collapsed ?? !1;
+			if (d.length === 0) return;
+			let f = r.name || r.label || String(i), p = r.name ? o(e.objectName, r.name, r.label || r.name) : r.label, m = z[f] ?? r.collapsed ?? !1;
 			p && s.push({
 				name: `__section_${f}`,
 				label: p,
@@ -2743,92 +2942,92 @@ var At = Z({
 				colSpan: 4,
 				collapsible: r.collapsible,
 				collapsed: m,
-				onToggle: r.collapsible ? () => I((e) => ({
+				onToggle: r.collapsible ? () => B((e) => ({
 					...e,
 					[f]: !m
 				})) : void 0,
 				className: r.className
 			});
-			let h = t(r.columns), g = a > 1 ? Ae(u, a, h) : u;
+			let h = n(r.columns), g = a > 1 ? je(d, a, h) : d;
 			p && m ? s.push(...g.map((e) => ({
 				...e,
 				hidden: !0
 			}))) : s.push(...g);
 		});
-		let c = s, u = Ie(a);
-		return /* @__PURE__ */ Y("div", {
+		let c = s, l = Le(a);
+		return /* @__PURE__ */ Q("div", {
 			className: "w-full @container",
-			children: /* @__PURE__ */ Y(l, { schema: {
+			children: [/* @__PURE__ */ Z(m, { schema: {
 				type: "form",
-				objectName: n.objectName,
+				objectName: e.objectName,
 				fields: c,
-				layout: te,
+				layout: V,
 				columns: a,
-				...u ? { fieldContainerClass: u } : {},
-				defaultValues: M,
-				showSubmit: n.showSubmit !== !1 && n.mode !== "view",
-				showCancel: n.showCancel !== !1,
-				submitLabel: n.submitText || (n.mode === "create" ? "Create" : "Update"),
-				cancelLabel: n.cancelText,
-				onSubmit: A,
-				onCancel: j
-			} })
+				...l ? { fieldContainerClass: l } : {},
+				defaultValues: F,
+				showSubmit: e.showSubmit !== !1 && e.mode !== "view",
+				showCancel: e.showCancel !== !1,
+				submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+				cancelLabel: e.cancelText,
+				onSubmit: N,
+				onCancel: P
+			} }), A]
 		});
 	}
-	let L = n.sections?.length, R = d(h), z = L ? {
-		fields: R,
-		columns: n.columns
-	} : ze(R, f, n.columns, n.mode), B = n.mobile, V = B?.fullscreenLongText ? z.fields.map((e) => {
+	let H = e.sections?.length, ee = u(h), U = H ? {
+		fields: ee,
+		columns: e.columns
+	} : ze(ee, f, e.columns, e.mode), W = e.mobile, G = W?.fullscreenLongText ? U.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;
-	}) : z.fields, H = B?.stepper, ne = B?.stepperMinFields ?? 8, U = Math.max(1, B?.stepperFieldsPerStep ?? 1);
-	if (!n.formType && !L && V.length >= 2 && (H === !0 || H === "auto" && c && V.length >= ne)) {
-		let e = V, t = [];
-		for (let n = 0; n < e.length; n += U) {
-			let r = e.slice(n, n + U);
-			t.push({
-				name: `step-${Math.floor(n / U) + 1}`,
-				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / U) + 1}`,
+	}) : U.fields, te = W?.stepper, ne = W?.stepperMinFields ?? 8, K = Math.max(1, W?.stepperFieldsPerStep ?? 1);
+	if (!e.formType && !H && G.length >= 2 && (te === !0 || te === "auto" && s && G.length >= ne)) {
+		let t = G, n = [];
+		for (let e = 0; e < t.length; e += K) {
+			let r = t.slice(e, e + K);
+			n.push({
+				name: `step-${Math.floor(e / K) + 1}`,
+				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(e / K) + 1}`,
 				fields: r
 			});
 		}
-		return /* @__PURE__ */ Y(Ve, {
+		return /* @__PURE__ */ Z(Ye, {
 			schema: {
-				...n,
+				...e,
 				formType: "wizard",
-				sections: t,
+				sections: n,
 				showStepIndicator: !0
 			},
-			dataSource: i,
-			className: n.className
+			dataSource: r,
+			className: e.className
 		});
 	}
-	let W = {
+	let q = {
 		type: "form",
-		objectName: n.objectName,
-		fields: V,
-		layout: te,
-		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.submitBehavior?.kind === "continue" || !n.submitBehavior && n.resetOnSuccess && n.mode === "create",
-		defaultValues: M,
-		onSubmit: A,
-		onCancel: j,
-		className: n.className,
-		mobileStickyActions: !!B?.stickyActions
+		objectName: e.objectName,
+		fields: G,
+		layout: V,
+		columns: U.columns,
+		submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+		cancelLabel: e.cancelText,
+		showSubmit: e.showSubmit !== !1 && e.mode !== "view",
+		showCancel: e.showCancel !== !1,
+		resetOnSubmit: e.showReset || e.submitBehavior?.kind === "continue" || !e.submitBehavior && e.resetOnSuccess && e.mode === "create",
+		defaultValues: F,
+		onSubmit: N,
+		onCancel: P,
+		className: e.className,
+		mobileStickyActions: !!W?.stickyActions
 	};
-	return /* @__PURE__ */ Y("div", {
-		className: B?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
-		"data-mobile-form": B ? "true" : void 0,
-		children: /* @__PURE__ */ Y(l, { schema: W })
+	return /* @__PURE__ */ Q("div", {
+		className: W?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
+		"data-mobile-form": W ? "true" : void 0,
+		children: [/* @__PURE__ */ Z(m, { schema: q }), A]
 	});
-}, Ft = {
+}, Ut = {
 	text: 200,
 	email: 254,
 	url: 2048,
@@ -2836,8 +3035,8 @@ var At = Z({
 	textarea: 5e3,
 	markdown: 5e3,
 	html: 5e3
-}, It = "_company_website_2", Lt = 1500;
-function Rt(e, t = []) {
+}, Wt = "_company_website_2", Gt = 1500;
+function Kt(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) => {
@@ -2852,36 +3051,36 @@ function Rt(e, t = []) {
 		return !1;
 	}
 }
-function zt(e) {
+function qt(e) {
 	return e && e.map((e) => {
-		let t = Ft[String(e.type || "").toLowerCase()];
+		let t = Ut[String(e.type || "").toLowerCase()];
 		return !t || (e.maxLength ?? e.max_length) ? e : {
 			...e,
 			maxLength: t
 		};
 	});
 }
-var Bt = ({ 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), b = o(0);
-	r(() => {
+var Jt = ({ config: e, dataSource: t, prefillParams: r, className: a }) => {
+	let [l, u] = c(!1), [d, f] = c(!1), [p, m] = c(null), [h, g] = c(!(e.consent?.required ?? !!e.consent)), [_, v] = c(null), y = s(null), b = s(0);
+	i(() => {
 		l || (b.current = Date.now());
 	}, [l]);
-	let x = e.honeypot === !1 ? null : e.honeypot || It, S = e.minFillTime ?? Lt, C = a(() => zt(e.customFields), [e.customFields]), w = a(() => {
-		if (!n || C && C.length > 0 || !e.fields || e.fields.length === 0) return;
-		let t = async (e, t) => t;
+	let x = e.honeypot === !1 ? null : e.honeypot || Wt, S = e.minFillTime ?? Gt, C = o(() => qt(e.customFields), [e.customFields]), w = o(() => {
+		if (!t || C && C.length > 0 || !e.fields || e.fields.length === 0) return;
+		let n = async (e, t) => t;
 		return {
-			...n,
-			create: t,
+			...t,
+			create: n,
 			update: (e, t, n) => Promise.resolve(n),
 			delete: () => Promise.reject(/* @__PURE__ */ Error("Not permitted on public form"))
 		};
 	}, [
-		n,
+		t,
 		C,
 		e.fields
-	]), T = a(() => {
+	]), T = o(() => {
 		let t = {};
-		if (i) for (let [e, n] of Object.entries(i)) t[e] = n;
+		if (r) for (let [e, n] of Object.entries(r)) t[e] = n;
 		if (typeof window < "u" && e.allowedPrefillFields?.length) {
 			let n = new Set(e.allowedPrefillFields);
 			new URLSearchParams(window.location.search).forEach((e, r) => {
@@ -2889,7 +3088,7 @@ var Bt = ({ config: e, dataSource: n, prefillParams: i, className: c }) => {
 			});
 		}
 		return Object.keys(t).length > 0 ? t : void 0;
-	}, [i, e.allowedPrefillFields]), E = t(async (t) => {
+	}, [r, e.allowedPrefillFields]), E = n(async (n) => {
 		if (e.consent?.required && !h) {
 			v(e.texts?.consentRequired ?? "Please accept the privacy policy to continue.");
 			return;
@@ -2902,65 +3101,65 @@ var Bt = ({ config: e, dataSource: n, prefillParams: i, className: c }) => {
 			m(e.texts?.rateLimited ?? "Please take a moment to review your answers before submitting.");
 			return;
 		}
-		let r = { ...t };
+		let r = { ...n };
 		x && delete r[x], e.captchaToken && (r._captcha = e.captchaToken), f(!0), m(null);
 		try {
-			n && await n.create(e.objectName, r), u(!0);
-			let t = e.thankYouPage?.redirectUrl;
-			if (t) if (Rt(t, e.allowedRedirectHosts)) {
-				let n = e.thankYouPage?.redirectDelay ?? 3e3;
+			t && await t.create(e.objectName, r), u(!0);
+			let n = e.thankYouPage?.redirectUrl;
+			if (n) if (Kt(n, e.allowedRedirectHosts)) {
+				let t = e.thankYouPage?.redirectDelay ?? 3e3;
 				setTimeout(() => {
-					window.location.href = t;
-				}, n);
-			} else console.warn("[EmbeddableForm] Blocked unsafe redirect target:", t), m(e.texts?.redirectBlocked ?? null);
+					window.location.href = n;
+				}, t);
+			} else console.warn("[EmbeddableForm] Blocked unsafe redirect target:", n), m(e.texts?.redirectBlocked ?? null);
 		} catch (e) {
 			m(e instanceof Error ? e.message : "Failed to submit form. Please try again.");
 		} finally {
 			f(!1);
 		}
 	}, [
-		n,
+		t,
 		e,
 		h,
 		x,
 		S
-	]), O = t(() => {
+	]), D = n(() => {
 		u(!1), m(null);
-	}, []), k = a(() => {
+	}, []), O = o(() => {
 		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__ */ Y("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__ */ X("div", {
+		return /* @__PURE__ */ Z("div", {
+			className: `min-h-screen flex items-center justify-center p-4 bg-gradient-to-b from-muted/40 via-background to-background ${a || ""}`,
+			style: O,
+			children: /* @__PURE__ */ Q("div", {
 				className: "max-w-md w-full bg-card border rounded-xl shadow-sm p-8 text-center space-y-4",
 				children: [
-					/* @__PURE__ */ Y("div", {
+					/* @__PURE__ */ Z("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__ */ Y(le, {
+						children: /* @__PURE__ */ Z(se, {
 							className: "h-8 w-8",
 							"aria-hidden": "true"
 						})
 					}),
-					/* @__PURE__ */ Y("h2", {
+					/* @__PURE__ */ Z("h2", {
 						className: "text-xl font-semibold text-foreground",
 						children: t?.title || n.thankYouTitle || "Thank You!"
 					}),
-					/* @__PURE__ */ Y("p", {
+					/* @__PURE__ */ Z("p", {
 						className: "text-sm text-muted-foreground",
 						children: t?.message || n.thankYouMessage || "Your submission has been received successfully."
 					}),
-					e.allowMultiple && /* @__PURE__ */ Y(D, {
+					e.allowMultiple && /* @__PURE__ */ Z(M, {
 						variant: "outline",
 						size: "sm",
-						onClick: O,
+						onClick: D,
 						className: "mt-2",
 						children: n.submitAnother ?? "Submit Another Response"
 					}),
-					t?.redirectUrl && /* @__PURE__ */ Y("p", {
+					t?.redirectUrl && /* @__PURE__ */ Z("p", {
 						className: "text-xs text-muted-foreground",
 						children: i
 					})
@@ -2968,52 +3167,52 @@ var Bt = ({ config: e, dataSource: n, prefillParams: i, className: c }) => {
 			})
 		});
 	}
-	let A = e.texts ?? {}, j = !!e.consent?.required, M = `${e.formId}-consent`;
-	return /* @__PURE__ */ Y("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__ */ X("div", {
+	let k = e.texts ?? {}, A = !!e.consent?.required, j = `${e.formId}-consent`;
+	return /* @__PURE__ */ Z("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 ${a || ""}`,
+		style: O,
+		children: /* @__PURE__ */ Q("div", {
 			className: "max-w-2xl w-full bg-card border rounded-xl shadow-sm overflow-hidden",
 			children: [
-				e.branding?.coverImage && /* @__PURE__ */ Y("div", {
+				e.branding?.coverImage && /* @__PURE__ */ Z("div", {
 					className: "h-28 sm:h-32 w-full bg-cover bg-center",
 					style: { backgroundImage: `url(${JSON.stringify(e.branding.coverImage)})` },
 					role: "presentation"
 				}),
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Q("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__ */ Y("img", {
+						e.branding?.logo && /* @__PURE__ */ Z("img", {
 							src: e.branding.logo,
 							alt: "",
 							className: "h-8 mb-4"
 						}),
-						e.title && /* @__PURE__ */ Y("h1", {
+						e.title && /* @__PURE__ */ Z("h1", {
 							className: "text-2xl font-semibold tracking-tight text-foreground",
 							children: e.title
 						}),
-						e.description && /* @__PURE__ */ Y("p", {
+						e.description && /* @__PURE__ */ Z("p", {
 							className: "text-sm text-muted-foreground mt-2 leading-relaxed",
 							children: e.description
 						}),
-						/* @__PURE__ */ Y("p", {
+						/* @__PURE__ */ Z("p", {
 							className: "text-[11px] text-muted-foreground/70 mt-3",
 							"aria-hidden": "true",
-							children: A.requiredHint ?? "* Required field"
+							children: k.requiredHint ?? "* Required field"
 						})
 					]
 				}),
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Q("div", {
 					className: "relative px-6 sm:px-8 py-6",
 					children: [
-						p && /* @__PURE__ */ Y("div", {
+						p && /* @__PURE__ */ Z("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__ */ Y(Nt, {
+						/* @__PURE__ */ Z(Vt, {
 							schema: {
 								type: "object-form",
 								objectName: e.objectName,
@@ -3022,17 +3221,17 @@ var Bt = ({ config: e, dataSource: n, prefillParams: i, className: c }) => {
 								customFields: C,
 								initialData: T,
 								onSuccess: E,
-								submitText: d ? A.submitting ?? "Submitting..." : A.submit ?? "Submit"
+								submitText: d ? k.submitting ?? "Submitting..." : k.submit ?? "Submit"
 							},
 							dataSource: w
 						}),
-						x && /* @__PURE__ */ X("div", {
+						x && /* @__PURE__ */ Q("div", {
 							"aria-hidden": "true",
 							className: "absolute left-[-10000px] top-auto h-px w-px overflow-hidden",
-							children: [/* @__PURE__ */ Y("label", {
+							children: [/* @__PURE__ */ Z("label", {
 								htmlFor: `${e.formId}-${x}`,
 								children: "Do not fill this field"
-							}), /* @__PURE__ */ Y("input", {
+							}), /* @__PURE__ */ Z("input", {
 								ref: y,
 								id: `${e.formId}-${x}`,
 								type: "text",
@@ -3042,75 +3241,75 @@ var Bt = ({ config: e, dataSource: n, prefillParams: i, className: c }) => {
 								defaultValue: ""
 							})]
 						}),
-						e.consent && /* @__PURE__ */ X("div", {
+						e.consent && /* @__PURE__ */ Q("div", {
 							className: "mt-4",
-							children: [/* @__PURE__ */ X("label", {
+							children: [/* @__PURE__ */ Q("label", {
 								className: "flex items-start gap-2 text-sm text-foreground cursor-pointer select-none",
-								children: [/* @__PURE__ */ Y("input", {
+								children: [/* @__PURE__ */ Z("input", {
 									type: "checkbox",
-									id: M,
+									id: j,
 									checked: h,
 									onChange: (e) => {
 										g(e.target.checked), e.target.checked && v(null);
 									},
-									"aria-required": j || void 0,
+									"aria-required": A || void 0,
 									"aria-invalid": _ ? "true" : void 0,
-									"aria-describedby": _ ? `${M}-error` : void 0,
+									"aria-describedby": _ ? `${j}-error` : void 0,
 									className: "mt-0.5 h-4 w-4 rounded border-input accent-primary"
-								}), /* @__PURE__ */ X("span", {
+								}), /* @__PURE__ */ Q("span", {
 									className: "leading-relaxed",
 									children: [
-										e.consent.label ?? A.consentLabelDefault ?? "I agree to the privacy policy.",
-										j && /* @__PURE__ */ Y("span", {
+										e.consent.label ?? k.consentLabelDefault ?? "I agree to the privacy policy.",
+										A && /* @__PURE__ */ Z("span", {
 											"aria-hidden": "true",
 											className: "text-destructive ml-0.5",
 											children: "*"
 										}),
-										e.consent.privacyUrl && /* @__PURE__ */ X(J, { children: [" ", /* @__PURE__ */ Y("a", {
+										e.consent.privacyUrl && /* @__PURE__ */ Q(me, { children: [" ", /* @__PURE__ */ Z("a", {
 											href: e.consent.privacyUrl,
 											target: "_blank",
 											rel: "noopener noreferrer",
 											className: "underline text-primary hover:opacity-80",
-											children: A.consentLink ?? "Privacy policy"
+											children: k.consentLink ?? "Privacy policy"
 										})] })
 									]
 								})]
-							}), _ && /* @__PURE__ */ Y("p", {
-								id: `${M}-error`,
+							}), _ && /* @__PURE__ */ Z("p", {
+								id: `${j}-error`,
 								role: "alert",
 								className: "mt-1.5 text-xs text-destructive",
 								children: _
 							})]
 						}),
-						d && /* @__PURE__ */ X("div", {
+						d && /* @__PURE__ */ Q("div", {
 							className: "mt-3 flex items-center gap-2 text-xs text-muted-foreground",
-							children: [/* @__PURE__ */ Y(fe, {
+							children: [/* @__PURE__ */ Z(ue, {
 								className: "h-3.5 w-3.5 animate-spin",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ Y("span", { children: A.submitting ?? "Submitting…" })]
+							}), /* @__PURE__ */ Z("span", { children: k.submitting ?? "Submitting…" })]
 						})
 					]
 				}),
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Q("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__ */ X("p", {
+					children: [/* @__PURE__ */ Q("p", {
 						className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground",
-						children: [/* @__PURE__ */ Y(pe, {
+						children: [/* @__PURE__ */ Z(de, {
 							className: "h-3 w-3",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ Y("span", { children: A.secureNotice ?? "Your information is transmitted securely and only used to respond to your request." })]
-					}), /* @__PURE__ */ X("div", {
+						}), /* @__PURE__ */ Z("span", { children: k.secureNotice ?? "Your information is transmitted securely and only used to respond to your request." })]
+					}), /* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-3 text-xs text-muted-foreground/80",
-						children: [e.privacyPolicyUrl && /* @__PURE__ */ X("a", {
+						children: [e.privacyPolicyUrl && /* @__PURE__ */ Q("a", {
 							href: e.privacyPolicyUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "inline-flex items-center gap-1 underline hover:text-foreground",
-							children: [/* @__PURE__ */ Y(me, {
+							children: [/* @__PURE__ */ Z(fe, {
 								className: "h-3 w-3",
 								"aria-hidden": "true"
-							}), A.consentLink ?? "Privacy policy"]
-						}), /* @__PURE__ */ Y("span", { children: A.poweredBy ?? "Powered by ObjectStack" })]
+							}), k.consentLink ?? "Privacy policy"]
+						}), /* @__PURE__ */ Z("span", { children: k.poweredBy ?? "Powered by ObjectStack" })]
 					})]
 				})
 			]
@@ -3119,96 +3318,96 @@ var Bt = ({ config: e, dataSource: n, prefillParams: i, className: c }) => {
 };
 //#endregion
 //#region src/FormAnalytics.tsx
-function Vt(e) {
+function Yt(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 Ht = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
-	let i = a(() => {
+var Xt = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
+	let i = o(() => {
 		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 = a(() => n.dailySubmissions?.length ? Math.max(...n.dailySubmissions.map((e) => e.count), 1) : 1, [n.dailySubmissions]);
-	return /* @__PURE__ */ X("div", {
+	}, [n.totalSubmissions, n.abandonedSubmissions]), a = o(() => n.dailySubmissions?.length ? Math.max(...n.dailySubmissions.map((e) => e.count), 1) : 1, [n.dailySubmissions]);
+	return /* @__PURE__ */ Q("div", {
 		className: `space-y-4 ${r || ""}`,
 		children: [
-			/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("h2", {
+			/* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Z("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: t || "Form Analytics"
-			}), /* @__PURE__ */ X("p", {
+			}), /* @__PURE__ */ Q("p", {
 				className: "text-sm text-muted-foreground",
 				children: ["Form ID: ", e]
 			})] }),
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Q("div", {
 				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ Y(O, { children: /* @__PURE__ */ X(j, {
+					/* @__PURE__ */ Z(N, { children: /* @__PURE__ */ Q(I, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ Y(A, { children: "Total Submissions" }), /* @__PURE__ */ Y(M, {
+						children: [/* @__PURE__ */ Z(F, { children: "Total Submissions" }), /* @__PURE__ */ Z(L, {
 							className: "text-2xl",
 							children: n.totalSubmissions.toLocaleString()
 						})]
 					}) }),
-					/* @__PURE__ */ X(O, { children: [/* @__PURE__ */ X(j, {
+					/* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Q(I, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ Y(A, { children: "Fill Rate" }), /* @__PURE__ */ X(M, {
+						children: [/* @__PURE__ */ Z(F, { children: "Fill Rate" }), /* @__PURE__ */ Q(L, {
 							className: "text-2xl",
 							children: [i, "%"]
 						})]
-					}), /* @__PURE__ */ Y(k, { children: /* @__PURE__ */ Y("div", {
+					}), /* @__PURE__ */ Z(P, { children: /* @__PURE__ */ Z("div", {
 						className: "w-full bg-muted rounded-full h-2",
-						children: /* @__PURE__ */ Y("div", {
+						children: /* @__PURE__ */ Z("div", {
 							className: "bg-primary rounded-full h-2 transition-all",
 							style: { width: `${i}%` }
 						})
 					}) })] }),
-					/* @__PURE__ */ Y(O, { children: /* @__PURE__ */ X(j, {
+					/* @__PURE__ */ Z(N, { children: /* @__PURE__ */ Q(I, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ Y(A, { children: "Avg. Completion Time" }), /* @__PURE__ */ Y(M, {
+						children: [/* @__PURE__ */ Z(F, { children: "Avg. Completion Time" }), /* @__PURE__ */ Z(L, {
 							className: "text-2xl",
-							children: n.avgCompletionTime ? Vt(n.avgCompletionTime) : "—"
+							children: n.avgCompletionTime ? Yt(n.avgCompletionTime) : "—"
 						})]
 					}) })
 				]
 			}),
-			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ X(O, { children: [/* @__PURE__ */ Y(j, { children: /* @__PURE__ */ Y(M, {
+			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, { children: /* @__PURE__ */ Z(L, {
 				className: "text-sm font-medium",
 				children: "Daily Submissions"
-			}) }), /* @__PURE__ */ Y(k, { children: /* @__PURE__ */ Y("div", {
+			}) }), /* @__PURE__ */ Z(P, { children: /* @__PURE__ */ Z("div", {
 				className: "flex items-end gap-1 h-32",
-				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ X("div", {
+				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ Q("div", {
 					className: "flex-1 flex flex-col items-center gap-1",
-					children: [/* @__PURE__ */ Y("div", {
+					children: [/* @__PURE__ */ Z("div", {
 						className: "w-full bg-primary/80 rounded-t transition-all hover:bg-primary",
 						style: {
-							height: `${e.count / o * 100}%`,
+							height: `${e.count / a * 100}%`,
 							minHeight: e.count > 0 ? "4px" : "0"
 						},
 						title: `${e.date}: ${e.count} submissions`
-					}), /* @__PURE__ */ Y("span", {
+					}), /* @__PURE__ */ Z("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__ */ X(O, { children: [/* @__PURE__ */ X(j, { children: [/* @__PURE__ */ Y(M, {
+			n.fieldDropOff && n.fieldDropOff.length > 0 && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Q(I, { children: [/* @__PURE__ */ Z(L, {
 				className: "text-sm font-medium",
 				children: "Field Completion Rates"
-			}), /* @__PURE__ */ Y(A, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ Y(k, { children: /* @__PURE__ */ Y("div", {
+			}), /* @__PURE__ */ Z(F, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ Z(P, { children: /* @__PURE__ */ Z("div", {
 				className: "space-y-3",
-				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ X("div", {
+				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ Q("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ X("div", {
+					children: [/* @__PURE__ */ Q("div", {
 						className: "flex justify-between text-sm",
-						children: [/* @__PURE__ */ Y("span", {
+						children: [/* @__PURE__ */ Z("span", {
 							className: "text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ X("span", {
+						}), /* @__PURE__ */ Q("span", {
 							className: "text-muted-foreground",
 							children: [e.completionRate, "%"]
 						})]
-					}), /* @__PURE__ */ Y("div", {
+					}), /* @__PURE__ */ Z("div", {
 						className: "w-full bg-muted rounded-full h-1.5",
-						children: /* @__PURE__ */ Y("div", {
+						children: /* @__PURE__ */ Z("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}%` }
 						})
@@ -3217,77 +3416,76 @@ var Ht = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 			}) })] })
 		]
 	});
-}, Ut = ({ schema: e }) => {
-	let n = m()?.dataSource, i = f(), 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), [b, x] = s(!1), [S, C] = s(null), [w, T] = s(null);
-	r(() => {
-		let t = n;
-		if (!t || typeof t.getObjectSchema != "function") return;
+}, Zt = ({ schema: e }) => {
+	let t = y()?.dataSource, r = _(), a = e.parentObject || r?.objectName, s = e.parentId || e.recordId || r?.recordId, [l, u] = c([]), [d, f] = c([]), [m, h] = c(!0), [g, v] = c(!1), [x, S] = c(!1), [C, w] = c(null), [T, E] = c(null);
+	i(() => {
+		let n = t;
+		if (!n || typeof n.getObjectSchema != "function") return;
 		let r = !1;
-		return t.getObjectSchema(e.childObject).then((e) => {
-			r || T(e ?? null);
+		return n.getObjectSchema(e.childObject).then((e) => {
+			r || E(e ?? null);
 		}).catch(() => {
-			r || T(null);
+			r || E(null);
 		}), () => {
 			r = !0;
 		};
-	}, [n, e.childObject]);
-	let E = t(async () => {
-		if (!n || !c) {
-			_(!1);
+	}, [t, e.childObject]);
+	let D = n(async () => {
+		if (!t || !s) {
+			h(!1);
 			return;
 		}
-		_(!0);
+		h(!0);
 		try {
-			let t = (await n.find(e.childObject, {
-				$filter: { [e.relationshipField]: c },
+			let n = (await t.find(e.childObject, {
+				$filter: { [e.relationshipField]: s },
 				$top: 500
 			}))?.data ?? [];
-			u(t.map((e) => ({ ...e }))), p(t.map((e) => ({ ...e }))), x(!1);
+			u(n.map((e) => ({ ...e }))), f(n.map((e) => ({ ...e }))), S(!1);
 		} catch (e) {
-			C(e?.message || "Failed to load line items");
+			w(e?.message || "Failed to load line items");
 		} finally {
-			_(!1);
+			h(!1);
 		}
 	}, [
-		n,
-		c,
+		t,
+		s,
 		e.childObject,
 		e.relationshipField
 	]);
-	r(() => {
-		E();
-	}, [E]);
-	let A = t((e) => {
-		u(e), x(!0);
-	}, []), N = t(async () => {
-		if (!(!n || !c)) {
-			y(!0), C(null);
+	i(() => {
+		D();
+	}, [D]);
+	let O = n((e) => {
+		u(e), S(!0);
+	}, []), k = n(async () => {
+		if (!(!t || !s)) {
+			v(!0), w(null);
 			try {
-				await tt(n, o || e.childObject, c, {
+				let n = !!(a && e.totalField), r = n ? { [e.totalField]: st(l, e.amountField || "amount") } : {}, i = at(a ?? "", s, r, [{
 					childObject: e.childObject,
 					relationshipField: e.relationshipField,
 					rows: l,
 					original: d,
-					amountField: e.amountField,
-					totalField: o ? e.totalField : void 0,
-					childSchema: w
-				}), await E();
+					childSchema: T
+				}]);
+				n || (i = i.slice(1)), i.length && await p(t, i), await D();
 			} catch (e) {
-				C(e?.message || "Failed to save line items");
+				w(e?.message || "Failed to save line items");
 			} finally {
-				y(!1);
+				v(!1);
 			}
 		}
 	}, [
-		n,
-		c,
+		t,
+		s,
 		l,
 		d,
 		e,
-		o,
-		E,
-		w
-	]), P = a(() => ({
+		a,
+		D,
+		T
+	]), A = o(() => ({
 		columns: e.columns,
 		total_field: e.totalField ? e.amountField || "amount" : void 0,
 		min_rows: e.minRows,
@@ -3295,41 +3493,41 @@ var Ht = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 		allow_add: !e.readonly,
 		allow_delete: !e.readonly
 	}), [e]);
-	return /* @__PURE__ */ X(O, {
-		className: G("shadow-none"),
-		children: [/* @__PURE__ */ X(j, {
+	return /* @__PURE__ */ Q(N, {
+		className: q("shadow-none"),
+		children: [/* @__PURE__ */ Q(I, {
 			className: "flex-row items-center justify-between gap-2 pb-2",
-			children: [/* @__PURE__ */ Y(M, {
+			children: [/* @__PURE__ */ Z(L, {
 				className: "text-sm font-medium",
 				children: e.title || "Line Items"
-			}), !e.readonly && /* @__PURE__ */ Y(D, {
+			}), !e.readonly && /* @__PURE__ */ Z(M, {
 				type: "button",
 				size: "sm",
-				onClick: N,
-				disabled: v || g || !b || !c,
-				children: v ? "Saving…" : "Save"
+				onClick: k,
+				disabled: g || m || !x || !s,
+				children: g ? "Saving…" : "Save"
 			})]
-		}), /* @__PURE__ */ X(k, { children: [S && /* @__PURE__ */ Y("p", {
+		}), /* @__PURE__ */ Q(P, { children: [C && /* @__PURE__ */ Z("p", {
 			className: "mb-2 text-sm text-destructive",
-			children: S
-		}), g ? /* @__PURE__ */ Y("p", {
+			children: C
+		}), m ? /* @__PURE__ */ Z("p", {
 			className: "py-6 text-center text-sm text-muted-foreground",
 			children: "Loading…"
-		}) : c ? /* @__PURE__ */ Y(h, {
+		}) : s ? /* @__PURE__ */ Z(b, {
 			value: l,
-			onChange: A,
-			field: P,
+			onChange: O,
+			field: A,
 			readonly: e.readonly
-		}) : /* @__PURE__ */ Y("p", {
+		}) : /* @__PURE__ */ Z("p", {
 			className: "py-6 text-center text-sm text-muted-foreground",
 			children: "Save the record first to add line items."
 		})] })]
 	});
-}, Wt = ({ schema: e }) => /* @__PURE__ */ Y(Nt, {
+}, Qt = ({ schema: e }) => /* @__PURE__ */ Z(Vt, {
 	schema: e,
-	dataSource: n(u)?.dataSource ?? void 0
+	dataSource: r(h)?.dataSource ?? void 0
 });
-c.register("object-form", Wt, {
+l.register("object-form", Qt, {
 	namespace: "plugin-form",
 	label: "Object Form",
 	category: "plugin",
@@ -3470,7 +3668,7 @@ c.register("object-form", Wt, {
 			]
 		}
 	]
-}), c.register("form", Wt, {
+}), l.register("form", Qt, {
 	namespace: "view",
 	skipFallback: !0,
 	label: "Data Form View",
@@ -3498,7 +3696,7 @@ c.register("object-form", Wt, {
 			]
 		}
 	]
-}), c.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ Y(Bt, { config: e }), {
+}), l.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ Z(Jt, { config: e }), {
 	namespace: "plugin-form",
 	label: "Embeddable Form",
 	category: "plugin",
@@ -3536,7 +3734,7 @@ c.register("object-form", Wt, {
 			label: "Allow Multiple Submissions"
 		}
 	]
-}), c.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ Y(Ht, {
+}), l.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ Z(Xt, {
 	formId: e.formId,
 	formTitle: e.formTitle,
 	metrics: e.metrics || { totalSubmissions: 0 }
@@ -3562,9 +3760,9 @@ c.register("object-form", Wt, {
 			label: "Submission Metrics"
 		}
 	]
-}), c.register("object-master-detail-form", ({ schema: e }) => /* @__PURE__ */ Y(Tt, {
+}), l.register("object-master-detail-form", ({ schema: e }) => /* @__PURE__ */ Z(Mt, {
 	schema: e,
-	dataSource: n(u)?.dataSource ?? void 0
+	dataSource: r(h)?.dataSource ?? void 0
 }), {
 	namespace: "plugin-form",
 	label: "Master-Detail Form",
@@ -3594,7 +3792,7 @@ c.register("object-form", Wt, {
 			required: !0
 		}
 	]
-}), c.register("line_items", ({ schema: e }) => /* @__PURE__ */ Y(Ut, { schema: e }), {
+}), l.register("line_items", ({ schema: e }) => /* @__PURE__ */ Z(Zt, { schema: e }), {
 	namespace: "record",
 	skipFallback: !0,
 	label: "Line Items",
@@ -3631,4 +3829,4 @@ c.register("object-form", Wt, {
 	]
 });
 //#endregion
-export { Ot as DrawerForm, Bt as EmbeddableForm, Ht as FormAnalytics, ve as FormSection, Ut as LineItemsPanel, Tt as MasterDetailForm, Mt as ModalForm, Nt as ObjectForm, He as SplitForm, Be as TabbedForm, Ve as WizardForm, Ae as applyAutoColSpan, ze as applyAutoLayout, Ie as containerGridColsFor, pt as deriveColumns, St as deriveDetail, gt as deriveFormFields, Pe as filterAutoGeneratedFields, Ne as filterCreateModeFields, Me as filterSystemFields, lt as findRelationshipField, De as inferColumns, Re as inferModalSize, Ee as isAutoGeneratedFieldType, Te as isWideFieldType, yt as resolveInlineMode };
+export { Ft as DrawerForm, Jt as EmbeddableForm, Xt as FormAnalytics, Ke as FormSection, Zt as LineItemsPanel, Mt as MasterDetailForm, zt as ModalForm, Vt as ObjectForm, Xe as SplitForm, Ge as TabbedForm, Ye as WizardForm, je as applyAutoColSpan, ze as applyAutoLayout, Le as containerGridColsFor, bt as deriveColumns, kt as deriveDetail, Ct as deriveFormFields, Fe as filterAutoGeneratedFields, Pe as filterCreateModeFields, Ne as filterSystemFields, ht as findRelationshipField, Oe as inferColumns, Re as inferModalSize, De as isAutoGeneratedFieldType, Ee as isWideFieldType, Et as resolveInlineMode };