@questpie/admin 3.2.3 → 3.2.5

package/dist/client/views/collection/form-view.mjs

@@ -31,11 +31,12 @@ import { getLockUser, useLock } from "../../hooks/use-locks.mjs";
 import { useReactiveFields } from "../../hooks/use-reactive-fields.mjs";
 import { useServerActions } from "../../hooks/use-server-actions.mjs";
 import { useTransitionStage } from "../../hooks/use-transition-stage.mjs";
+import { applyPatchBatchImmutable, cloneSnapshot } from "../../preview/patch.mjs";
+import { diffSnapshot, diffSnapshotAtPath } from "../../preview/diff.mjs";
 import { detectManyToManyRelations, hasManyToManyRelations } from "../../utils/detect-relations.mjs";
 import { shouldHandleAdminShortcut } from "../../utils/keyboard-shortcuts.mjs";
 import { AdminViewHeader } from "../layout/admin-view-layout.mjs";
 import { FormViewSkeleton } from "./view-skeletons.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
@@ -64,74 +65,6 @@ function extractReactiveConfigs(schema) {
 	for (const [fieldName, fieldDef] of Object.entries(schema.fields)) if (fieldDef.reactive) configs[fieldName] = fieldDef.reactive;
 	return configs;
 }
-function isPlainObject(value) {
-	if (!value || typeof value !== "object") return false;
-	const prototype = Object.getPrototypeOf(value);
-	return prototype === Object.prototype || prototype === null;
-}
-function clonePreviewSnapshot(value) {
-	if (typeof structuredClone === "function") try {
-		return structuredClone(value);
-	} catch {}
-	const json = JSON.stringify(value);
-	return json === void 0 ? value : JSON.parse(json);
-}
-function arePreviewValuesEqual(a, b) {
-	if (Object.is(a, b)) return true;
-	if (Array.isArray(a) || Array.isArray(b)) {
-		if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;
-		return a.every((value, index) => arePreviewValuesEqual(value, b[index]));
-	}
-	if (isPlainObject(a) || isPlainObject(b)) {
-		if (!isPlainObject(a) || !isPlainObject(b)) return false;
-		const aKeys = Object.keys(a);
-		const bKeys = Object.keys(b);
-		if (aKeys.length !== bKeys.length) return false;
-		return aKeys.every((key) => Object.prototype.hasOwnProperty.call(b, key) && arePreviewValuesEqual(a[key], b[key]));
-	}
-	return false;
-}
-function joinPreviewPath(basePath, key) {
-	return basePath ? `${basePath}.${key}` : key;
-}
-function diffPreviewSnapshots(previous, current, basePath = "") {
-	if (arePreviewValuesEqual(previous, current)) return [];
-	if (isPlainObject(previous) && isPlainObject(current)) {
-		const ops = [];
-		const keys = new Set([...Object.keys(previous), ...Object.keys(current)]);
-		for (const key of keys) {
-			const path = joinPreviewPath(basePath, key);
-			const previousHasKey = Object.prototype.hasOwnProperty.call(previous, key);
-			if (!Object.prototype.hasOwnProperty.call(current, key)) {
-				ops.push({
-					op: "remove",
-					path
-				});
-				continue;
-			}
-			if (!previousHasKey) {
-				ops.push({
-					op: "set",
-					path,
-					value: current[key]
-				});
-				continue;
-			}
-			ops.push(...diffPreviewSnapshots(previous[key], current[key], path));
-		}
-		return ops;
-	}
-	if (!basePath) return [{
-		op: "set",
-		path: "",
-		value: current
-	}];
-	return [{
-		op: "set",
-		path: basePath,
-		value: current
-	}];
-}
 function isSafePreviewEditPath(path) {
 	if (!path || path.length > 512) return false;
 	return path.split(".").every((segment) => segment.length > 0 && segment !== "__proto__" && segment !== "prototype" && segment !== "constructor");
@@ -201,419 +134,220 @@ function normalizeInlineEditValue(message) {
 * Component that manages reactive field states.
 * Must be rendered inside FormProvider to access form context.
 */
-function ReactiveFieldsManager(t0) {
-	const $ = c(8);
-	const { collection, mode: t1, reactiveConfigs, enabled } = t0;
-	const mode = t1 === void 0 ? "collection" : t1;
-	let t2;
-	if ($[0] !== enabled || $[1] !== reactiveConfigs) {
-		t2 = enabled && Object.keys(reactiveConfigs).length > 0;
-		$[0] = enabled;
-		$[1] = reactiveConfigs;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== collection || $[4] !== mode || $[5] !== reactiveConfigs || $[6] !== t2) {
-		t3 = {
-			collection,
-			mode,
-			reactiveConfigs,
-			enabled: t2,
-			debounce: 300
-		};
-		$[3] = collection;
-		$[4] = mode;
-		$[5] = reactiveConfigs;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	useReactiveFields(t3);
+function ReactiveFieldsManager({ collection, mode = "collection", reactiveConfigs, enabled }) {
+	useReactiveFields({
+		collection,
+		mode,
+		reactiveConfigs,
+		enabled: enabled && Object.keys(reactiveConfigs).length > 0,
+		debounce: 300
+	});
 	return null;
 }
-const FormFieldsContent = React.memo(function FormFieldsContent$1(t0) {
-	const $ = c(8);
-	const { collection, config, registry, allCollectionsConfig } = t0;
-	const t1 = `form.fields.${collection}`;
-	const t2 = collection;
-	const t3 = config;
-	const t4 = allCollectionsConfig;
-	let t5;
-	if ($[0] !== registry || $[1] !== t2 || $[2] !== t3 || $[3] !== t4) {
-		t5 = /* @__PURE__ */ jsx(AutoFormFields, {
-			collection: t2,
-			config: t3,
+const FormFieldsContent = React.memo(function FormFieldsContent$1({ collection, config, registry, allCollectionsConfig }) {
+	return /* @__PURE__ */ jsx(RenderProfiler, {
+		id: `form.fields.${collection}`,
+		minDurationMs: 10,
+		children: /* @__PURE__ */ jsx(AutoFormFields, {
+			collection,
+			config,
 			registry,
-			allCollectionsConfig: t4
-		});
-		$[0] = registry;
-		$[1] = t2;
-		$[2] = t3;
-		$[3] = t4;
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== t1 || $[6] !== t5) {
-		t6 = /* @__PURE__ */ jsx(RenderProfiler, {
-			id: t1,
-			minDurationMs: 10,
-			children: t5
-		});
-		$[5] = t1;
-		$[6] = t5;
-		$[7] = t6;
-	} else t6 = $[7];
-	return t6;
+			allCollectionsConfig
+		})
+	});
 });
-const FormStateRefBridge = React.memo(function FormStateRefBridge$1(t0) {
-	const $ = c(10);
-	const { control, onDirtyChange, onSubmittingChange } = t0;
-	let t1;
-	if ($[0] !== control) {
-		t1 = { control };
-		$[0] = control;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { isDirty, isSubmitting } = useFormState(t1);
-	let t2;
-	let t3;
-	if ($[2] !== isDirty || $[3] !== onDirtyChange) {
-		t2 = () => {
-			onDirtyChange(isDirty);
-		};
-		t3 = [isDirty, onDirtyChange];
-		$[2] = isDirty;
-		$[3] = onDirtyChange;
-		$[4] = t2;
-		$[5] = t3;
-	} else {
-		t2 = $[4];
-		t3 = $[5];
-	}
-	React.useEffect(t2, t3);
-	let t4;
-	let t5;
-	if ($[6] !== isSubmitting || $[7] !== onSubmittingChange) {
-		t4 = () => {
-			onSubmittingChange(isSubmitting);
-		};
-		t5 = [isSubmitting, onSubmittingChange];
-		$[6] = isSubmitting;
-		$[7] = onSubmittingChange;
-		$[8] = t4;
-		$[9] = t5;
-	} else {
-		t4 = $[8];
-		t5 = $[9];
-	}
-	React.useEffect(t4, t5);
+const FormStateRefBridge = React.memo(function FormStateRefBridge$1({ control, onDirtyChange, onSubmittingChange }) {
+	const { isDirty, isSubmitting } = useFormState({ control });
+	React.useEffect(() => {
+		onDirtyChange(isDirty);
+	}, [isDirty, onDirtyChange]);
+	React.useEffect(() => {
+		onSubmittingChange(isSubmitting);
+	}, [isSubmitting, onSubmittingChange]);
 	return null;
 });
-const PreviewPatchBridge = React.memo(function PreviewPatchBridge$1(t0) {
-	const $ = c(5);
-	const { form, previewRef, enabled } = t0;
+const PreviewPatchBridge = React.memo(function PreviewPatchBridge$1({ form, previewRef, enabled }) {
 	const previousSnapshotRef = React.useRef(null);
 	const snapshotVersionRef = React.useRef(void 0);
-	let t1;
-	let t2;
-	if ($[0] !== enabled || $[1] !== form || $[2] !== previewRef) {
-		t1 = () => {
-			if (!enabled) {
-				previousSnapshotRef.current = null;
-				snapshotVersionRef.current = void 0;
+	React.useEffect(() => {
+		if (!enabled) {
+			previousSnapshotRef.current = null;
+			snapshotVersionRef.current = void 0;
+			return;
+		}
+		const initialSnapshot = cloneSnapshot(form.getValues());
+		previousSnapshotRef.current = initialSnapshot;
+		snapshotVersionRef.current = previewRef.current?.sendInitSnapshot(initialSnapshot);
+		let animationFrame = null;
+		const pendingOps = /* @__PURE__ */ new Map();
+		const flushPendingOps = () => {
+			animationFrame = null;
+			if (pendingOps.size === 0) return;
+			const ops = [...pendingOps.values()];
+			pendingOps.clear();
+			previewRef.current?.sendPatchBatch(ops, snapshotVersionRef.current);
+		};
+		const queuePatchOps = (ops) => {
+			for (const op of ops) if (op.path) pendingOps.set(op.path, op);
+			if (pendingOps.size === 0 || animationFrame !== null) return;
+			animationFrame = window.requestAnimationFrame(flushPendingOps);
+		};
+		const subscription = form.watch((values, info) => {
+			const previousSnapshot = previousSnapshotRef.current;
+			const nextValues = values;
+			if (!previousSnapshot) {
+				const nextSnapshot = cloneSnapshot(nextValues);
+				previousSnapshotRef.current = nextSnapshot;
+				snapshotVersionRef.current = previewRef.current?.sendInitSnapshot(nextSnapshot);
 				return;
 			}
-			const initialSnapshot = clonePreviewSnapshot(form.getValues());
-			previousSnapshotRef.current = initialSnapshot;
-			snapshotVersionRef.current = previewRef.current?.sendInitSnapshot(initialSnapshot);
-			const subscription = form.watch((values) => {
-				const previousSnapshot = previousSnapshotRef.current;
-				const nextSnapshot = clonePreviewSnapshot(values);
-				if (!previousSnapshot) {
-					previousSnapshotRef.current = nextSnapshot;
-					snapshotVersionRef.current = previewRef.current?.sendInitSnapshot(nextSnapshot);
-					return;
-				}
-				const ops = diffPreviewSnapshots(previousSnapshot, nextSnapshot).filter(_temp);
+			const changedPath = info?.name;
+			let ops = changedPath && isSafePreviewEditPath(changedPath) ? diffSnapshotAtPath(previousSnapshot, nextValues, changedPath) : diffSnapshot(previousSnapshot, nextValues);
+			if (ops.some((op) => !op.path)) {
+				const nextSnapshot = cloneSnapshot(nextValues);
 				previousSnapshotRef.current = nextSnapshot;
-				if (ops.length === 0) return;
-				previewRef.current?.sendPatchBatch(ops, snapshotVersionRef.current);
-			});
-			return () => {
-				subscription.unsubscribe();
-			};
+				snapshotVersionRef.current = previewRef.current?.sendInitSnapshot(nextSnapshot);
+				pendingOps.clear();
+				return;
+			}
+			ops = ops.filter((op) => op.path);
+			if (ops.length === 0) return;
+			previousSnapshotRef.current = applyPatchBatchImmutable(previousSnapshot, ops);
+			queuePatchOps(ops);
+		});
+		return () => {
+			if (animationFrame !== null) window.cancelAnimationFrame(animationFrame);
+			subscription.unsubscribe();
 		};
-		t2 = [
-			enabled,
-			form,
-			previewRef
-		];
-		$[0] = enabled;
-		$[1] = form;
-		$[2] = previewRef;
-		$[3] = t1;
-		$[4] = t2;
-	} else {
-		t1 = $[3];
-		t2 = $[4];
-	}
-	React.useEffect(t1, t2);
+	}, [
+		enabled,
+		form,
+		previewRef
+	]);
 	return null;
 });
-const AutosaveManager = React.memo(function AutosaveManager$1(t0) {
-	const $ = c(19);
-	const { form, formElementRef, isEditMode, id, enabled, debounce, isDirtyRef, isSubmittingRef, updateMutation, onPreviewRefresh, onPreviewCommit, onSavingChange, onSaved } = t0;
+const AutosaveManager = React.memo(function AutosaveManager$1({ form, formElementRef, isEditMode, id, enabled, debounce, isDirtyRef, isSubmittingRef, updateMutation, onPreviewRefresh, onPreviewCommit, onSavingChange, onSaved }) {
 	const { t } = useTranslation();
 	const timerRef = React.useRef(null);
-	let t1;
-	if ($[0] !== form || $[1] !== id || $[2] !== isDirtyRef || $[3] !== isSubmittingRef || $[4] !== onPreviewCommit || $[5] !== onPreviewRefresh || $[6] !== onSaved || $[7] !== onSavingChange || $[8] !== t || $[9] !== updateMutation) {
-		t1 = async () => {
-			if (!id || !isDirtyRef.current || isSubmittingRef.current) return;
-			try {
-				onSavingChange(true);
-				await form.handleSubmit(async (data) => {
-					const result = await updateMutation.mutateAsync({
-						id,
-						data
-					});
-					form.reset(result, { keepTouched: true });
-					onPreviewCommit?.(result);
-					onPreviewRefresh?.();
-					onSaved(/* @__PURE__ */ new Date());
-					onSavingChange(false);
-				}, () => {
-					onSavingChange(false);
-				})();
-			} catch (t2$1) {
-				const error = t2$1;
+	const runAutosave = React.useCallback(async () => {
+		if (!id || !isDirtyRef.current || isSubmittingRef.current) return;
+		try {
+			onSavingChange(true);
+			await form.handleSubmit(async (data) => {
+				const result = await updateMutation.mutateAsync({
+					id,
+					data
+				});
+				form.reset(result, { keepTouched: true });
+				onPreviewCommit?.(result);
+				onPreviewRefresh?.();
+				onSaved(/* @__PURE__ */ new Date());
 				onSavingChange(false);
-				console.error("Autosave failed:", error);
-				toast.error(t("error.autosaveFailed"), { description: error instanceof Error ? error.message : void 0 });
-			}
+			}, () => {
+				onSavingChange(false);
+			})();
+		} catch (error) {
+			onSavingChange(false);
+			console.error("Autosave failed:", error);
+			toast.error(t("error.autosaveFailed"), { description: error instanceof Error ? error.message : void 0 });
+		}
+	}, [
+		form,
+		id,
+		isDirtyRef,
+		isSubmittingRef,
+		onSaved,
+		onSavingChange,
+		onPreviewCommit,
+		onPreviewRefresh,
+		t,
+		updateMutation
+	]);
+	React.useEffect(() => {
+		if (timerRef.current) clearTimeout(timerRef.current);
+		if (!enabled || !isEditMode || !id) return;
+		const target = formElementRef.current;
+		if (!target) return;
+		const scheduleAutosave = () => {
+			if (timerRef.current) clearTimeout(timerRef.current);
+			timerRef.current = setTimeout(() => {
+				runAutosave();
+			}, debounce);
 		};
-		$[0] = form;
-		$[1] = id;
-		$[2] = isDirtyRef;
-		$[3] = isSubmittingRef;
-		$[4] = onPreviewCommit;
-		$[5] = onPreviewRefresh;
-		$[6] = onSaved;
-		$[7] = onSavingChange;
-		$[8] = t;
-		$[9] = updateMutation;
-		$[10] = t1;
-	} else t1 = $[10];
-	const runAutosave = t1;
-	let t2;
-	let t3;
-	if ($[11] !== debounce || $[12] !== enabled || $[13] !== formElementRef || $[14] !== id || $[15] !== isEditMode || $[16] !== runAutosave) {
-		t2 = () => {
+		target.addEventListener("input", scheduleAutosave, { capture: true });
+		target.addEventListener("change", scheduleAutosave, { capture: true });
+		return () => {
+			target.removeEventListener("input", scheduleAutosave, { capture: true });
+			target.removeEventListener("change", scheduleAutosave, { capture: true });
 			if (timerRef.current) clearTimeout(timerRef.current);
-			if (!enabled || !isEditMode || !id) return;
-			const target = formElementRef.current;
-			if (!target) return;
-			const scheduleAutosave = () => {
-				if (timerRef.current) clearTimeout(timerRef.current);
-				timerRef.current = setTimeout(() => {
-					runAutosave();
-				}, debounce);
-			};
-			target.addEventListener("input", scheduleAutosave, { capture: true });
-			target.addEventListener("change", scheduleAutosave, { capture: true });
-			return () => {
-				target.removeEventListener("input", scheduleAutosave, { capture: true });
-				target.removeEventListener("change", scheduleAutosave, { capture: true });
-				if (timerRef.current) clearTimeout(timerRef.current);
-			};
 		};
-		t3 = [
-			debounce,
-			enabled,
-			formElementRef,
-			id,
-			isEditMode,
-			runAutosave
-		];
-		$[11] = debounce;
-		$[12] = enabled;
-		$[13] = formElementRef;
-		$[14] = id;
-		$[15] = isEditMode;
-		$[16] = runAutosave;
-		$[17] = t2;
-		$[18] = t3;
-	} else {
-		t2 = $[17];
-		t3 = $[18];
-	}
-	React.useEffect(t2, t3);
+	}, [
+		debounce,
+		enabled,
+		formElementRef,
+		id,
+		isEditMode,
+		runAutosave
+	]);
 	return null;
 });
-const AutosaveIndicator = React.memo(function AutosaveIndicator$1(t0) {
-	const $ = c(26);
-	const { control, enabled, indicator, isEditMode, isSaving, lastSaved, formatTimeAgo, t } = t0;
-	let t1;
-	if ($[0] !== control) {
-		t1 = { control };
-		$[0] = control;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { isDirty } = useFormState(t1);
-	const [, forceUpdate] = React.useReducer(_temp2, 0);
-	let t2;
-	if ($[2] !== forceUpdate || $[3] !== lastSaved) {
-		t2 = () => {
-			if (!lastSaved) return;
-			const interval = setInterval(forceUpdate, 1e4);
-			return () => clearInterval(interval);
-		};
-		$[2] = forceUpdate;
-		$[3] = lastSaved;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== lastSaved) {
-		t3 = [lastSaved];
-		$[5] = lastSaved;
-		$[6] = t3;
-	} else t3 = $[6];
-	React.useEffect(t2, t3);
+const AutosaveIndicator = React.memo(function AutosaveIndicator$1({ control, enabled, indicator, isEditMode, isSaving, lastSaved, formatTimeAgo, t }) {
+	const { isDirty } = useFormState({ control });
+	const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
+	React.useEffect(() => {
+		if (!lastSaved) return;
+		const interval = setInterval(forceUpdate, 1e4);
+		return () => clearInterval(interval);
+	}, [lastSaved]);
 	if (!enabled || !indicator || !isEditMode) return null;
-	if (isSaving) {
-		let t4;
-		if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-			t4 = /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:spinner-gap",
-				className: "size-3 animate-spin"
-			});
-			$[7] = t4;
-		} else t4 = $[7];
-		let t5;
-		if ($[8] !== t) {
-			t5 = t("autosave.saving");
-			$[8] = t;
-			$[9] = t5;
-		} else t5 = $[9];
-		let t6;
-		if ($[10] !== t5) {
-			t6 = /* @__PURE__ */ jsxs(Badge, {
-				variant: "secondary",
-				className: "gap-1.5",
-				children: [t4, t5]
-			});
-			$[10] = t5;
-			$[11] = t6;
-		} else t6 = $[11];
-		return t6;
-	}
-	if (isDirty) {
-		let t4;
-		if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-			t4 = /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:clock-counter-clockwise",
-				className: "size-3"
-			});
-			$[12] = t4;
-		} else t4 = $[12];
-		let t5;
-		if ($[13] !== t) {
-			t5 = t("autosave.unsavedChanges");
-			$[13] = t;
-			$[14] = t5;
-		} else t5 = $[14];
-		let t6;
-		if ($[15] !== t5) {
-			t6 = /* @__PURE__ */ jsxs(Badge, {
-				variant: "outline",
-				className: "gap-1.5",
-				children: [t4, t5]
-			});
-			$[15] = t5;
-			$[16] = t6;
-		} else t6 = $[16];
-		return t6;
-	}
-	if (lastSaved) {
-		let t4;
-		if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-			t4 = /* @__PURE__ */ jsx(Icon, {
+	if (isSaving) return /* @__PURE__ */ jsxs(Badge, {
+		variant: "secondary",
+		className: "gap-1.5",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			icon: "ph:spinner-gap",
+			className: "size-3 animate-spin"
+		}), t("autosave.saving")]
+	});
+	if (isDirty) return /* @__PURE__ */ jsxs(Badge, {
+		variant: "outline",
+		className: "gap-1.5",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			icon: "ph:clock-counter-clockwise",
+			className: "size-3"
+		}), t("autosave.unsavedChanges")]
+	});
+	if (lastSaved) return /* @__PURE__ */ jsxs(Badge, {
+		variant: "secondary",
+		className: "text-muted-foreground gap-1.5",
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
 				icon: "ph:check",
 				className: "size-3"
-			});
-			$[17] = t4;
-		} else t4 = $[17];
-		let t5;
-		if ($[18] !== t) {
-			t5 = t("autosave.saved");
-			$[18] = t;
-			$[19] = t5;
-		} else t5 = $[19];
-		let t6;
-		if ($[20] !== formatTimeAgo || $[21] !== lastSaved) {
-			t6 = formatTimeAgo(lastSaved);
-			$[20] = formatTimeAgo;
-			$[21] = lastSaved;
-			$[22] = t6;
-		} else t6 = $[22];
-		let t7;
-		if ($[23] !== t5 || $[24] !== t6) {
-			t7 = /* @__PURE__ */ jsxs(Badge, {
-				variant: "secondary",
-				className: "text-muted-foreground gap-1.5",
-				children: [
-					t4,
-					t5,
-					" ",
-					t6
-				]
-			});
-			$[23] = t5;
-			$[24] = t6;
-			$[25] = t7;
-		} else t7 = $[25];
-		return t7;
-	}
+			}),
+			t("autosave.saved"),
+			" ",
+			formatTimeAgo(lastSaved)
+		]
+	});
 	return null;
 });
-const SaveSubmitButton = React.memo(function SaveSubmitButton$1(t0) {
-	const $ = c(8);
-	const { control, isMutationPending, t } = t0;
-	let t1;
-	if ($[0] !== control) {
-		t1 = { control };
-		$[0] = control;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { isDirty, isSubmitting } = useFormState(t1);
+const SaveSubmitButton = React.memo(function SaveSubmitButton$1({ control, isMutationPending, t }) {
+	const { isDirty, isSubmitting } = useFormState({ control });
 	const isSubmittingNow = isMutationPending || isSubmitting;
-	const t2 = isSubmittingNow || !isDirty;
-	let t3;
-	if ($[2] !== isSubmittingNow || $[3] !== t) {
-		t3 = isSubmittingNow ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+	return /* @__PURE__ */ jsx(Button, {
+		type: "submit",
+		size: "sm",
+		disabled: isSubmittingNow || !isDirty,
+		className: "gap-2",
+		children: isSubmittingNow ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
 			icon: "ph:spinner-gap",
 			className: "size-4 animate-spin"
 		}), t("common.loading")] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
 			icon: "ph:check",
 			width: 16,
 			height: 16
-		}), t("common.save")] });
-		$[2] = isSubmittingNow;
-		$[3] = t;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] !== t2 || $[6] !== t3) {
-		t4 = /* @__PURE__ */ jsx(Button, {
-			type: "submit",
-			size: "sm",
-			disabled: t2,
-			className: "gap-2",
-			children: t3
-		});
-		$[5] = t2;
-		$[6] = t3;
-		$[7] = t4;
-	} else t4 = $[7];
-	return t4;
+		}), t("common.save")] })
+	});
 });
 /**
 * FormView - Default form-based edit/create view for collections
@@ -735,8 +469,8 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 	const allowedTransitions = React.useMemo(() => {
 		if (!workflowConfig?.stages || !currentStage) return [];
 		const stageNames = currentStageConfig?.transitions;
-		if (stageNames && stageNames.length > 0) return stageNames.map((name) => workflowConfig.stages.find((s_0) => s_0.name === name)).filter(Boolean);
-		return workflowConfig.stages.filter((s_1) => s_1.name !== currentStage);
+		if (stageNames && stageNames.length > 0) return stageNames.map((name) => workflowConfig.stages.find((s) => s.name === name)).filter(Boolean);
+		return workflowConfig.stages.filter((s) => s.name !== currentStage);
 	}, [
 		workflowConfig,
 		currentStage,
@@ -760,7 +494,7 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 	});
 	const commitPreviewSnapshot = React.useCallback((data) => {
 		if (!isLivePreviewOpen) return;
-		previewRef.current?.sendCommit(clonePreviewSnapshot(data));
+		previewRef.current?.sendCommit(cloneSnapshot(data));
 	}, [isLivePreviewOpen]);
 	const triggerPreviewFullResync = React.useCallback((reason) => {
 		if (!isLivePreviewOpen) return;
@@ -780,10 +514,10 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 			shouldTouch: true,
 			shouldValidate: true
 		});
-		setTimeout(() => scrollFieldIntoView(message.path), 0);
+		setTimeout(() => scrollFieldIntoView(message.path, { focus: false }), 0);
 	}, [form, schema]);
-	const handlePreviewResyncRequest = React.useCallback((reason_0) => {
-		triggerPreviewFullResync(reason_0 ?? "preview-request");
+	const handlePreviewResyncRequest = React.useCallback((reason) => {
+		triggerPreviewFullResync(reason ?? "preview-request");
 	}, [triggerPreviewFullResync]);
 	/**
 	* Execute the confirmed workflow transition (immediate or scheduled).
@@ -803,10 +537,10 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 			setTransitionSchedule(false);
 			setTransitionScheduledAt(null);
 		};
-		transitionMutation.mutateAsync(params).then((result_0) => {
-			if (result_0) {
-				if (typeof result_0 === "object") {
-					if ("id" in result_0) form.reset(result_0);
+		transitionMutation.mutateAsync(params).then((result) => {
+			if (result) {
+				if (typeof result === "object") {
+					if ("id" in result) form.reset(result);
 				}
 			}
 			triggerPreviewFullResync("workflow-transition");
@@ -933,23 +667,23 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 	const handleLocaleDialogOpenChange = React.useCallback((open) => {
 		if (!open) handleLocaleChangeCancel();
 	}, [handleLocaleChangeCancel]);
-	const onSubmit = React.useEffectEvent(async (data_0) => {
+	const onSubmit = React.useEffectEvent(async (data) => {
 		const savePromise = async () => {
 			if (isEditMode && id) return await updateMutation.mutateAsync({
 				id,
-				data: data_0
+				data
 			});
-			else return await createMutation.mutateAsync(data_0);
+			else return await createMutation.mutateAsync(data);
 		};
 		toast.promise(savePromise(), {
 			loading: isEditMode ? t("toast.saving") : t("toast.creating"),
-			success: (result_1) => {
-				if (onSuccess) onSuccess(result_1);
+			success: (result) => {
+				if (onSuccess) onSuccess(result);
 				else if (isEditMode) {
-					form.reset(result_1);
-					commitPreviewSnapshot(result_1);
+					form.reset(result);
+					commitPreviewSnapshot(result);
 					triggerPreviewRefresh();
-				} else if (result_1?.id) navigate(`${basePath}/collections/${collection}/${result_1.id}`);
+				} else if (result?.id) navigate(`${basePath}/collections/${collection}/${result.id}`);
 				else navigate(`${basePath}/collections/${collection}`);
 				return isEditMode ? t("toast.saveSuccess") : t("toast.createSuccess");
 			},
@@ -961,9 +695,9 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 					});
 					return t("toast.validationFailed");
 				}
-				const message_0 = error instanceof Error ? error.message : t("error.unknown");
-				onError?.(error instanceof Error ? error : new Error(message_0));
-				return `${t("toast.saveFailed")}: ${message_0}`;
+				const message = error instanceof Error ? error.message : t("error.unknown");
+				onError?.(error instanceof Error ? error : new Error(message));
+				return `${t("toast.saveFailed")}: ${message}`;
 			}
 		});
 	});
@@ -983,13 +717,13 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 		onSubmitRef.current = onSubmit;
 	});
 	React.useEffect(() => {
-		const handleKeyDown = (e_0) => {
-			if (shouldHandleAdminShortcut(e_0, {
+		const handleKeyDown = (e) => {
+			if (shouldHandleAdminShortcut(e, {
 				allowEditableTarget: true,
 				key: "s"
 			})) {
-				e_0.preventDefault();
-				e_0.stopPropagation();
+				e.preventDefault();
+				e.stopPropagation();
 				form.handleSubmit(onSubmitRef.current, (errors) => {
 					console.warn("[FormView] Validation errors:", errors);
 					toast.error(t("toast.validationFailed"));
@@ -1017,10 +751,10 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 		const primary = [...base.primary ?? []];
 		const secondary = [...base.secondary ?? []];
 		const existingIds = new Set([...primary, ...secondary].map((a) => a.id));
-		for (const action_0 of scopedServerFormActions) {
-			if (existingIds.has(action_0.id)) continue;
-			secondary.push(action_0);
-			existingIds.add(action_0.id);
+		for (const action of scopedServerFormActions) {
+			if (existingIds.has(action.id)) continue;
+			secondary.push(action);
+			existingIds.add(action.id);
 		}
 		return {
 			primary,
@@ -1044,8 +778,8 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 	}), [client, contentLocale]);
 	const actionQueryClient = React.useMemo(() => ({
 		invalidateQueries: (filters) => queryClient.invalidateQueries(filters),
-		refetchQueries: (filters_0) => queryClient.refetchQueries(filters_0),
-		resetQueries: (filters_1) => queryClient.resetQueries(filters_1)
+		refetchQueries: (filters) => queryClient.refetchQueries(filters),
+		resetQueries: (filters) => queryClient.resetQueries(filters)
 	}), [queryClient]);
 	const actionHelpers = React.useMemo(() => ({
 		navigate: storeNavigate,
@@ -1071,18 +805,18 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 				contentLocale
 			]) });
 		},
-		invalidateItem: async (itemId, targetCollection_0) => {
-			const col_0 = targetCollection_0 || collection;
+		invalidateItem: async (itemId, targetCollection) => {
+			const col = targetCollection || collection;
 			await queryClient.invalidateQueries({ queryKey: queryOpts.key([
 				"collections",
-				col_0,
+				col,
 				"findOne",
 				contentLocale,
 				{ id: itemId }
 			]) });
 			await queryClient.invalidateQueries({ queryKey: queryOpts.key([
 				"collections",
-				col_0,
+				col,
 				"find",
 				contentLocale
 			]) });
@@ -1135,48 +869,48 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 	]);
 	const filterVisibleActions = React.useCallback((actions) => {
 		if (!actions) return [];
-		return actions.filter((action_1) => {
-			if (action_1.visible === void 0) return true;
-			if (typeof action_1.visible === "function") return action_1.visible(actionContext);
-			return action_1.visible;
+		return actions.filter((action) => {
+			if (action.visible === void 0) return true;
+			if (typeof action.visible === "function") return action.visible(actionContext);
+			return action.visible;
 		});
 	}, [actionContext]);
 	const visiblePrimaryActions = React.useMemo(() => filterVisibleActions(formActions.primary), [formActions.primary, filterVisibleActions]);
 	const visibleSecondaryActions = React.useMemo(() => filterVisibleActions(formActions.secondary), [formActions.secondary, filterVisibleActions]);
-	const regularSecondary = visibleSecondaryActions.filter((a_0) => a_0.variant !== "destructive");
-	const destructiveSecondary = visibleSecondaryActions.filter((a_1) => a_1.variant === "destructive");
-	const executeAction = async (action_2) => {
-		const { handler } = action_2;
-		const actionLabel = resolveText(action_2.label, action_2.id);
+	const regularSecondary = visibleSecondaryActions.filter((a) => a.variant !== "destructive");
+	const destructiveSecondary = visibleSecondaryActions.filter((a) => a.variant === "destructive");
+	const executeAction = async (action) => {
+		const { handler } = action;
+		const actionLabel = resolveText(action.label, action.id);
 		switch (handler.type) {
 			case "navigate":
 				storeNavigate(typeof handler.path === "function" ? handler.path(transformedItem) : handler.path);
 				break;
 			case "api":
 				if (handler.method === "POST" && handler.endpoint === "{id}/restore") {
-					const itemId_0 = transformedItem?.id || id;
-					if (!itemId_0) {
+					const itemId = transformedItem?.id || id;
+					if (!itemId) {
 						toast.error(t("collection.restoreError"));
 						break;
 					}
 					setActionLoading(true);
-					toast.promise(restoreMutation.mutateAsync({ id: itemId_0 }).finally(() => {
+					toast.promise(restoreMutation.mutateAsync({ id: itemId }).finally(() => {
 						setActionLoading(false);
 					}), {
 						loading: t("collection.restoring"),
 						success: t("collection.restoreSuccess"),
-						error: (err_1) => err_1.message || t("collection.restoreError")
+						error: (err) => err.message || t("collection.restoreError")
 					});
 					break;
 				}
 				if (handler.method === "DELETE") {
-					const itemId_1 = transformedItem?.id || id;
-					if (!itemId_1) {
+					const itemId = transformedItem?.id || id;
+					if (!itemId) {
 						toast.error(t("toast.deleteFailed"));
 						break;
 					}
 					setActionLoading(true);
-					toast.promise(deleteMutation.mutateAsync({ id: itemId_1 }).finally(() => {
+					toast.promise(deleteMutation.mutateAsync({ id: itemId }).finally(() => {
 						setActionLoading(false);
 					}), {
 						loading: t("toast.deleting"),
@@ -1184,7 +918,7 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 							storeNavigate(`${storeBasePath || basePath}/collections/${collection}`);
 							return t("toast.deleteSuccess");
 						},
-						error: (err_2) => err_2.message || t("toast.deleteFailed")
+						error: (err) => err.message || t("toast.deleteFailed")
 					});
 				} else {
 					let itemId_;
@@ -1197,15 +931,15 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 					setActionLoading(true);
 					const apiPromise = async () => {
 						const url = `${storeBasePath}/${collection}/${endpoint}`;
-						const response_0 = await fetch(url, {
+						const response = await fetch(url, {
 							method,
 							headers: { "Content-Type": "application/json" },
 							body
 						});
-						if (!response_0.ok) {
+						if (!response.ok) {
 							let errorBody = {};
 							try {
-								errorBody = await response_0.json();
+								errorBody = await response.json();
 							} catch {}
 							let errorMessage;
 							if (errorBody.message) if (typeof errorBody.message === "string") errorMessage = errorBody.message;
@@ -1213,15 +947,15 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 							else errorMessage = t("toast.actionFailed");
 							throw new Error(errorMessage);
 						}
-						return response_0.json();
+						return response.json();
 					};
 					const p = apiPromise();
 					p.then(() => setActionLoading(false), () => setActionLoading(false));
 					toast.promise(p, {
 						loading: `${actionLabel}...`,
 						success: t("toast.actionSuccess"),
-						error: (err_3) => {
-							if (err_3.message) return err_3.message;
+						error: (err) => {
+							if (err.message) return err.message;
 							return t("toast.actionFailed");
 						}
 					});
@@ -1234,7 +968,7 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 					toast.promise(customPromise.finally(() => setActionLoading(false)), {
 						loading: `${actionLabel}...`,
 						success: t("toast.actionSuccess"),
-						error: (err_0) => err_0.message || t("toast.actionFailed")
+						error: (err) => err.message || t("toast.actionFailed")
 					});
 				}
 				break;
@@ -1251,17 +985,17 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 						itemId: transformedItem?.id || id
 					});
 					if (!response?.success || response.result?.type === "error") throw new Error(response?.error ?? response?.result?.toast?.message ?? t("error.serverActionFailed"));
-					const result_2 = response.result;
-					if (result_2?.toast?.message) toast.success(result_2.toast.message);
+					const result = response.result;
+					if (result?.toast?.message) toast.success(result.toast.message);
 					else toast.success(t("toast.actionSuccess"));
-					if (result_2?.effects?.invalidate === true) await actionHelpers.invalidateAll();
-					else if (Array.isArray(result_2?.effects?.invalidate)) for (const col_1 of result_2.effects.invalidate) await actionHelpers.invalidateCollection(col_1);
-					if (result_2?.effects?.redirect) storeNavigate(result_2.effects.redirect);
-					if (result_2?.type === "redirect" && result_2.url) if (result_2.external) window.open(result_2.url, "_blank");
-					else storeNavigate(result_2.url);
-					if (result_2?.effects?.closeModal) actionHelpers.closeDialog();
-				} catch (error_0) {
-					toast.error(error_0 instanceof Error ? error_0.message : t("error.actionFailed"));
+					if (result?.effects?.invalidate === true) await actionHelpers.invalidateAll();
+					else if (Array.isArray(result?.effects?.invalidate)) for (const col of result.effects.invalidate) await actionHelpers.invalidateCollection(col);
+					if (result?.effects?.redirect) storeNavigate(result.effects.redirect);
+					if (result?.type === "redirect" && result.url) if (result.external) window.open(result.url, "_blank");
+					else storeNavigate(result.url);
+					if (result?.effects?.closeModal) actionHelpers.closeDialog();
+				} catch (error) {
+					toast.error(error instanceof Error ? error.message : t("error.actionFailed"));
 				} finally {
 					setActionLoading(false);
 				}
@@ -1278,31 +1012,31 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 		const payload = { id };
 		if (typeof pendingRevertVersion.versionId === "string") payload.versionId = pendingRevertVersion.versionId;
 		else if (typeof pendingRevertVersion.versionNumber === "number") payload.version = pendingRevertVersion.versionNumber;
-		const result_3 = await revertVersionMutation.mutateAsync(payload);
-		form.reset(result_3);
+		const result = await revertVersionMutation.mutateAsync(payload);
+		form.reset(result);
 		triggerPreviewFullResync("version-revert");
 		toast.success(t("version.revertSuccess"));
 		setPendingRevertVersion(null);
 	};
-	const handleActionClick = (action_3) => {
-		if (action_3.confirmation) setConfirmAction(action_3);
-		else if (action_3.handler.type === "dialog" || action_3.handler.type === "form") setDialogAction(action_3);
-		else executeAction(action_3);
+	const handleActionClick = (action) => {
+		if (action.confirmation) setConfirmAction(action);
+		else if (action.handler.type === "dialog" || action.handler.type === "form") setDialogAction(action);
+		else executeAction(action);
 	};
 	const handleConfirm = async () => {
 		if (confirmAction) await executeAction(confirmAction);
 	};
-	const handleConfirmActionOpenChange = React.useCallback((open_0) => {
-		if (!open_0) setConfirmAction(null);
+	const handleConfirmActionOpenChange = React.useCallback((open) => {
+		if (!open) setConfirmAction(null);
 	}, []);
-	const handleActionDialogOpenChange = React.useCallback((open_1) => {
-		if (!open_1) setDialogAction(null);
+	const handleActionDialogOpenChange = React.useCallback((open) => {
+		if (!open) setDialogAction(null);
 	}, []);
-	const handleRevertDialogOpenChange = React.useCallback((open_2) => {
-		if (!open_2) setPendingRevertVersion(null);
+	const handleRevertDialogOpenChange = React.useCallback((open) => {
+		if (!open) setPendingRevertVersion(null);
 	}, []);
-	const handleWorkflowDialogOpenChange = React.useCallback((open_3) => {
-		if (!open_3) {
+	const handleWorkflowDialogOpenChange = React.useCallback((open) => {
+		if (!open) {
 			setTransitionTarget(null);
 			setTransitionSchedule(false);
 			setTransitionScheduledAt(null);
@@ -1327,8 +1061,8 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 			minute: "2-digit"
 		});
 	};
-	const formatTimeAgo = (date_0) => {
-		const seconds = Math.floor((Date.now() - date_0.getTime()) / 1e3);
+	const formatTimeAgo = (date) => {
+		const seconds = Math.floor((Date.now() - date.getTime()) / 1e3);
 		if (seconds < 10) return t("autosave.justNow");
 		if (seconds < 60) return t("autosave.secondsAgo", { count: seconds });
 		const minutes = Math.floor(seconds / 60);
@@ -1350,7 +1084,7 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 		for (const event of events) target.addEventListener(event, scheduleLockRefresh, { capture: true });
 		scheduleLockRefresh();
 		return () => {
-			for (const event_0 of events) target.removeEventListener(event_0, scheduleLockRefresh, { capture: true });
+			for (const event of events) target.removeEventListener(event, scheduleLockRefresh, { capture: true });
 			if (lockRefreshTimerRef.current) clearTimeout(lockRefreshTimerRef.current);
 		};
 	}, [
@@ -1490,17 +1224,17 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 						minDurationMs: 12,
 						children: /* @__PURE__ */ jsxs("form", {
 							ref: formElementRef,
-							onSubmit: (e_1) => {
-								e_1.stopPropagation();
+							onSubmit: (e) => {
+								e.stopPropagation();
 								if (isBlocked) {
-									e_1.preventDefault();
+									e.preventDefault();
 									toast.error(t("lock.cannotSave"));
 									return;
 								}
-								form.handleSubmit(onSubmit, (errors_0) => {
-									console.warn("[FormView] Validation errors:", errors_0);
+								form.handleSubmit(onSubmit, (errors) => {
+									console.warn("[FormView] Validation errors:", errors);
 									toast.error(t("toast.validationFailed"), { description: t("toast.validationDescription") });
-								})(e_1);
+								})(e);
 							},
 							className: "qa-form-view__form space-y-4",
 							children: [
@@ -1610,13 +1344,13 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 												}), stage.label || stage.name]
 											}, stage.name))
 										})] }),
-										visiblePrimaryActions.map((action_4) => /* @__PURE__ */ jsx(ActionButton, {
-											action: action_4,
+										visiblePrimaryActions.map((action) => /* @__PURE__ */ jsx(ActionButton, {
+											action,
 											collection,
 											helpers: actionHelpers,
 											size: "sm",
-											onOpenDialog: (a_2) => setDialogAction(a_2)
-										}, action_4.id)),
+											onOpenDialog: (a) => setDialogAction(a)
+										}, action.id)),
 										/* @__PURE__ */ jsx(SaveSubmitButton, {
 											control: form.control,
 											isMutationPending,
@@ -1634,21 +1368,21 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 										}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
 											align: "end",
 											children: [
-												regularSecondary.map((action_5) => {
+												regularSecondary.map((action) => {
 													return /* @__PURE__ */ jsxs(DropdownMenuItem, {
-														onClick: () => handleActionClick(action_5),
+														onClick: () => handleActionClick(action),
 														disabled: actionLoading,
-														children: [resolveIconElement(action_5.icon, { className: "mr-2 size-4" }), resolveText(action_5.label)]
-													}, action_5.id);
+														children: [resolveIconElement(action.icon, { className: "mr-2 size-4" }), resolveText(action.label)]
+													}, action.id);
 												}),
 												regularSecondary.length > 0 && destructiveSecondary.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-												destructiveSecondary.map((action_6) => {
+												destructiveSecondary.map((action) => {
 													return /* @__PURE__ */ jsxs(DropdownMenuItem, {
 														variant: "destructive",
-														onClick: () => handleActionClick(action_6),
+														onClick: () => handleActionClick(action),
 														disabled: actionLoading,
-														children: [resolveIconElement(action_6.icon, { className: "mr-2 size-4" }), resolveText(action_6.label)]
-													}, action_6.id);
+														children: [resolveIconElement(action.icon, { className: "mr-2 size-4" }), resolveText(action.label)]
+													}, action.id);
 												})
 											]
 										})] })
@@ -1719,8 +1453,8 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 				fields: schema?.fields,
 				isLoadingVersions: versionsLoading,
 				isReverting: revertVersionMutation.isPending,
-				onRevert: async (version_0) => {
-					handleRevertVersion(version_0);
+				onRevert: async (version) => {
+					handleRevertVersion(version);
 				},
 				showVersionsTab: !!schema?.options?.versioning
 			}),
@@ -1822,12 +1556,6 @@ function FormView({ collection, id, config, viewConfig, navigate, basePath = "/a
 		children: formShell
 	});
 }
-function _temp(op) {
-	return op.path;
-}
-function _temp2(x) {
-	return x + 1;
-}
 
 //#endregion
 export { FormView as default };