@questpie/admin 3.2.4 → 3.2.5

package/dist/client/views/globals/global-form-view.mjs

@@ -24,7 +24,6 @@ import { detectManyToManyRelations, hasManyToManyRelations } from "../../utils/d
 import { shouldHandleAdminShortcut } from "../../utils/keyboard-shortcuts.mjs";
 import { AdminViewHeader } from "../layout/admin-view-layout.mjs";
 import { useGlobalAuditHistory } from "../../hooks/use-audit-history.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -50,1350 +49,527 @@ function extractReactiveConfigs(schema) {
 	return configs;
 }
 function GlobalFormViewSkeleton() {
-	const $ = c(5);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "Loading global form"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx(AdminViewHeader, {
-			title: /* @__PURE__ */ jsx(Skeleton, {
-				variant: "text",
-				className: "h-7 w-48"
+	return /* @__PURE__ */ jsxs("div", {
+		className: "qa-global-form w-full space-y-4",
+		"aria-busy": "true",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Loading global form"
 			}),
-			meta: /* @__PURE__ */ jsx(Skeleton, {
-				variant: "text",
-				className: "h-3 w-36"
+			/* @__PURE__ */ jsx(AdminViewHeader, {
+				title: /* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					className: "h-7 w-48"
+				}),
+				meta: /* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					className: "h-3 w-36"
+				}),
+				actions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" })] })
 			}),
-			actions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" })] })
-		});
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
-			children: [/* @__PURE__ */ jsx(Skeleton, {
-				variant: "text",
-				className: "h-4 w-24"
-			}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
-		});
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
-			children: [/* @__PURE__ */ jsx(Skeleton, {
-				variant: "text",
-				className: "h-4 w-32"
-			}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
-		});
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsxs("div", {
-			className: "qa-global-form w-full space-y-4",
-			"aria-busy": "true",
-			children: [
-				t0,
-				t1,
-				/* @__PURE__ */ jsxs("div", {
-					className: "space-y-4",
-					children: [
-						t2,
-						t3,
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ jsx(Skeleton, {
-								variant: "text",
-								className: "h-4 w-28"
-							}), /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" })]
-						})
-					]
-				})
-			]
-		});
-		$[4] = t4;
-	} else t4 = $[4];
-	return t4;
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							className: "h-4 w-24"
+						}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							className: "h-4 w-32"
+						}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							className: "h-4 w-28"
+						}), /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" })]
+					})
+				]
+			})
+		]
+	});
 }
 /**
 * GlobalFormView - Default form-based edit view for globals
 */
-function GlobalFormView(t0) {
-	const $ = c(312);
-	const { global: globalName, config, viewConfig, registry, showMeta: t1, headerActions, onSuccess, onError } = t0;
-	const showMeta = t1 === void 0 ? true : t1;
+function GlobalFormView({ global: globalName, config, viewConfig, registry, showMeta = true, headerActions, onSuccess, onError }) {
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
 	const { fields: schemaFields, schema: globalSchema } = useGlobalFields(globalName);
-	config?.fields;
-	const t2 = config?.fields;
-	const t3 = globalSchema;
-	let t4;
-	if ($[0] !== t2 || $[1] !== t3) {
-		t4 = detectManyToManyRelations({
-			fields: t2,
-			schema: t3
-		});
-		$[0] = t2;
-		$[1] = t3;
-		$[2] = t4;
-	} else t4 = $[2];
-	const withRelations = t4;
-	let t5;
-	if ($[3] !== withRelations) {
-		t5 = hasManyToManyRelations(withRelations) ? { with: withRelations } : void 0;
-		$[3] = withRelations;
-		$[4] = t5;
-	} else t5 = $[4];
-	const { data: globalDataRaw, isLoading: dataLoading, error: dataError } = useGlobal(globalName, t5);
-	let t6;
-	bb0: {
-		if (!globalDataRaw || !hasManyToManyRelations(withRelations)) {
-			t6 = globalDataRaw;
-			break bb0;
+	const withRelations = React.useMemo(() => detectManyToManyRelations({
+		fields: config?.fields,
+		schema: globalSchema
+	}), [config?.fields, globalSchema]);
+	const { data: globalDataRaw, isLoading: dataLoading, error: dataError } = useGlobal(globalName, hasManyToManyRelations(withRelations) ? { with: withRelations } : void 0);
+	const globalData = React.useMemo(() => {
+		if (!globalDataRaw || !hasManyToManyRelations(withRelations)) return globalDataRaw;
+		const result = { ...globalDataRaw };
+		for (const key of Object.keys(withRelations)) {
+			const value = result[key];
+			if (Array.isArray(value) && value.length > 0 && typeof value[0] === "object" && value[0]?.id) result[key] = value.map((v) => v.id);
 		}
-		const t7$1 = globalDataRaw;
-		let result;
-		if ($[5] !== t7$1 || $[6] !== withRelations) {
-			result = { ...t7$1 };
-			for (const key of Object.keys(withRelations)) {
-				const value = result[key];
-				if (Array.isArray(value) && value.length > 0 && typeof value[0] === "object" && value[0]?.id) result[key] = value.map(_temp);
-			}
-			$[5] = t7$1;
-			$[6] = withRelations;
-			$[7] = result;
-		} else result = $[7];
-		t6 = result;
-	}
-	const globalData = t6;
+		return result;
+	}, [globalDataRaw, withRelations]);
 	const { locale: contentLocale, setLocale: setContentLocale } = useScopedLocale();
-	const contentLocales = useSafeContentLocales();
-	let t7;
-	if ($[8] !== contentLocales?.locales) {
-		t7 = contentLocales?.locales ?? [];
-		$[8] = contentLocales?.locales;
-		$[9] = t7;
-	} else t7 = $[9];
-	const localeOptions = t7;
-	let t8;
-	if ($[10] !== onSuccess || $[11] !== t) {
-		t8 = (data) => {
+	const localeOptions = useSafeContentLocales()?.locales ?? [];
+	const updateMutation = useGlobalUpdate(globalName, {
+		onSuccess: (data) => {
 			toast.success(t("toast.saveSuccess"));
 			onSuccess?.(data);
-		};
-		$[10] = onSuccess;
-		$[11] = t;
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== onError) {
-		t9 = (error) => {
+		},
+		onError: (error) => {
 			onError?.(error);
-		};
-		$[13] = onError;
-		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] !== t8 || $[16] !== t9) {
-		t10 = {
-			onSuccess: t8,
-			onError: t9
-		};
-		$[15] = t8;
-		$[16] = t9;
-		$[17] = t10;
-	} else t10 = $[17];
-	const updateMutation = useGlobalUpdate(globalName, t10);
+		}
+	});
 	const revertVersionMutation = useGlobalRevertVersion(globalName);
-	let t11;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = { legacyKey: "history" };
-		$[18] = t11;
-	} else t11 = $[18];
-	const [isHistoryOpen, setIsHistoryOpen] = useSidebarSearchParam("history", t11);
+	const [isHistoryOpen, setIsHistoryOpen] = useSidebarSearchParam("history", { legacyKey: "history" });
 	const [pendingRevertVersion, setPendingRevertVersion] = React.useState(null);
-	const t12 = globalData?.id;
-	let t13;
-	if ($[19] !== t12) {
-		t13 = {
-			id: t12,
-			limit: 50
-		};
-		$[19] = t12;
-		$[20] = t13;
-	} else t13 = $[20];
-	const t14 = isHistoryOpen && !!globalSchema?.options?.versioning;
-	let t15;
-	if ($[21] !== t14) {
-		t15 = { enabled: t14 };
-		$[21] = t14;
-		$[22] = t15;
-	} else t15 = $[22];
-	const { data: versionsData, isLoading: versionsLoading } = useGlobalVersions(globalName, t13, t15);
-	let t16;
-	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = { limit: 50 };
-		$[23] = t16;
-	} else t16 = $[23];
-	let t17;
-	if ($[24] !== isHistoryOpen) {
-		t17 = { enabled: isHistoryOpen };
-		$[24] = isHistoryOpen;
-		$[25] = t17;
-	} else t17 = $[25];
-	const { data: auditData, isLoading: auditLoading } = useGlobalAuditHistory(globalName, t16, t17);
+	const { data: versionsData, isLoading: versionsLoading } = useGlobalVersions(globalName, {
+		id: globalData?.id,
+		limit: 50
+	}, { enabled: isHistoryOpen && !!globalSchema?.options?.versioning });
+	const { data: auditData, isLoading: auditLoading } = useGlobalAuditHistory(globalName, { limit: 50 }, { enabled: isHistoryOpen });
 	const workflowConfig = globalSchema?.options?.workflow;
 	const workflowEnabled = !!workflowConfig?.enabled;
-	const t18 = globalData?.id;
-	let t19;
-	if ($[26] !== t18) {
-		t19 = {
-			id: t18,
-			limit: 1
-		};
-		$[26] = t18;
-		$[27] = t19;
-	} else t19 = $[27];
-	const t20 = workflowEnabled && !!globalData?.id;
-	let t21;
-	if ($[28] !== t20) {
-		t21 = { enabled: t20 };
-		$[28] = t20;
-		$[29] = t21;
-	} else t21 = $[29];
-	const { data: latestVersionData } = useGlobalVersions(globalName, t19, t21);
+	/** Lightweight versions query (limit: 1) to read the current stage. */
+	const { data: latestVersionData } = useGlobalVersions(globalName, {
+		id: globalData?.id,
+		limit: 1
+	}, { enabled: workflowEnabled && !!globalData?.id });
 	const currentStage = latestVersionData?.[0]?.versionStage ?? workflowConfig?.initialStage ?? null;
-	workflowConfig?.stages;
-	let t22;
-	if ($[30] !== currentStage || $[31] !== workflowConfig?.stages) {
-		t22 = workflowConfig?.stages?.find((s) => s.name === currentStage) ?? null;
-		$[30] = currentStage;
-		$[31] = workflowConfig?.stages;
-		$[32] = t22;
-	} else t22 = $[32];
-	const currentStageConfig = t22;
+	const currentStageConfig = React.useMemo(() => workflowConfig?.stages?.find((s) => s.name === currentStage) ?? null, [workflowConfig?.stages, currentStage]);
 	const currentStageLabel = currentStageConfig?.label ?? currentStage ?? "";
-	let t23;
-	bb1: {
-		if (!workflowConfig?.stages || !currentStage) {
-			let t24$2;
-			if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-				t24$2 = [];
-				$[33] = t24$2;
-			} else t24$2 = $[33];
-			t23 = t24$2;
-			break bb1;
-		}
+	/** Allowed transitions from the current stage. */
+	const allowedTransitions = React.useMemo(() => {
+		if (!workflowConfig?.stages || !currentStage) return [];
 		const stageNames = currentStageConfig?.transitions;
-		if (stageNames && stageNames.length > 0) {
-			let t24$2;
-			if ($[34] !== stageNames || $[35] !== workflowConfig) {
-				let t25$1;
-				if ($[37] !== workflowConfig) {
-					t25$1 = (name) => workflowConfig.stages.find((s_0) => s_0.name === name);
-					$[37] = workflowConfig;
-					$[38] = t25$1;
-				} else t25$1 = $[38];
-				t24$2 = stageNames.map(t25$1).filter(Boolean);
-				$[34] = stageNames;
-				$[35] = workflowConfig;
-				$[36] = t24$2;
-			} else t24$2 = $[36];
-			t23 = t24$2;
-			break bb1;
-		}
-		let t24$1;
-		if ($[39] !== currentStage || $[40] !== workflowConfig.stages) {
-			let t25$1;
-			if ($[42] !== currentStage) {
-				t25$1 = (s_1) => s_1.name !== currentStage;
-				$[42] = currentStage;
-				$[43] = t25$1;
-			} else t25$1 = $[43];
-			t24$1 = workflowConfig.stages.filter(t25$1);
-			$[39] = currentStage;
-			$[40] = workflowConfig.stages;
-			$[41] = t24$1;
-		} else t24$1 = $[41];
-		t23 = t24$1;
-	}
-	const allowedTransitions = t23;
-	let t24;
-	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
-		t24 = { mode: "global" };
-		$[44] = t24;
-	} else t24 = $[44];
-	const transitionMutation = useTransitionStage(globalName, t24);
+		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,
+		currentStageConfig
+	]);
+	const transitionMutation = useTransitionStage(globalName, { mode: "global" });
 	const [transitionTarget, setTransitionTarget] = React.useState(null);
 	const [transitionSchedule, setTransitionSchedule] = React.useState(false);
 	const [transitionScheduledAt, setTransitionScheduledAt] = React.useState(null);
 	const { resolver } = useGlobalServerValidation(globalName);
-	let t25;
-	if ($[45] !== globalData) {
-		t25 = globalData ?? {};
-		$[45] = globalData;
-		$[46] = t25;
-	} else t25 = $[46];
-	const t26 = t25;
-	let t27;
-	if ($[47] !== resolver || $[48] !== t26) {
-		t27 = {
-			defaultValues: t26,
-			resolver
+	const form = useForm({
+		defaultValues: globalData ?? {},
+		resolver
+	});
+	/** Execute the confirmed workflow transition (immediate or scheduled). */
+	const confirmTransition = React.useCallback(() => {
+		if (!transitionTarget) return;
+		const params = { stage: transitionTarget.name };
+		if (transitionSchedule) {
+			if (transitionScheduledAt) params.scheduledAt = transitionScheduledAt;
+		}
+		const stageLabel = transitionTarget.label ? transitionTarget.label : transitionTarget.name;
+		const resetTransitionState = () => {
+			setTransitionTarget(null);
+			setTransitionSchedule(false);
+			setTransitionScheduledAt(null);
 		};
-		$[47] = resolver;
-		$[48] = t26;
-		$[49] = t27;
-	} else t27 = $[49];
-	const form = useForm(t27);
-	let t28;
-	if ($[50] !== form || $[51] !== t || $[52] !== transitionMutation || $[53] !== transitionSchedule || $[54] !== transitionScheduledAt || $[55] !== transitionTarget) {
-		t28 = () => {
-			if (!transitionTarget) return;
-			const params = { stage: transitionTarget.name };
-			if (transitionSchedule) {
-				if (transitionScheduledAt) params.scheduledAt = transitionScheduledAt;
+		transitionMutation.mutateAsync(params).then((result) => {
+			if (result) {
+				if (typeof result === "object") form.reset(result);
 			}
-			const stageLabel = transitionTarget.label ? transitionTarget.label : transitionTarget.name;
-			const resetTransitionState = () => {
-				setTransitionTarget(null);
-				setTransitionSchedule(false);
-				setTransitionScheduledAt(null);
-			};
-			transitionMutation.mutateAsync(params).then((result_0) => {
-				if (result_0) {
-					if (typeof result_0 === "object") form.reset(result_0);
-				}
-				if (transitionSchedule) if (transitionScheduledAt) toast.success(t("workflow.scheduledSuccess", {
-					stage: stageLabel,
-					date: transitionScheduledAt.toLocaleString()
-				}));
-				else toast.success(t("workflow.transitionSuccess", { stage: stageLabel }));
-				else toast.success(t("workflow.transitionSuccess", { stage: stageLabel }));
-				resetTransitionState();
-			}, (err) => {
-				let description;
-				if (err instanceof Error) description = err.message;
-				else description = t("error.unknown");
-				toast.error(t("workflow.transitionFailed"), { description });
-				resetTransitionState();
-			});
-		};
-		$[50] = form;
-		$[51] = t;
-		$[52] = transitionMutation;
-		$[53] = transitionSchedule;
-		$[54] = transitionScheduledAt;
-		$[55] = transitionTarget;
-		$[56] = t28;
-	} else t28 = $[56];
-	const confirmTransition = t28;
+			if (transitionSchedule) if (transitionScheduledAt) toast.success(t("workflow.scheduledSuccess", {
+				stage: stageLabel,
+				date: transitionScheduledAt.toLocaleString()
+			}));
+			else toast.success(t("workflow.transitionSuccess", { stage: stageLabel }));
+			else toast.success(t("workflow.transitionSuccess", { stage: stageLabel }));
+			resetTransitionState();
+		}, (err) => {
+			let description;
+			if (err instanceof Error) description = err.message;
+			else description = t("error.unknown");
+			toast.error(t("workflow.transitionFailed"), { description });
+			resetTransitionState();
+		});
+	}, [
+		transitionTarget,
+		transitionSchedule,
+		transitionScheduledAt,
+		transitionMutation,
+		form,
+		t
+	]);
 	const prevLocaleRef = React.useRef(contentLocale);
 	const skipResetRef = React.useRef(false);
 	const localeSnapshotRef = React.useRef(null);
-	let t29;
-	if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
-		t29 = {
+	const [localeChangeDialog, setLocaleChangeDialog] = React.useState({
+		open: false,
+		pendingLocale: null
+	});
+	const handleContentLocaleChange = React.useCallback((nextLocale) => {
+		if (nextLocale === prevLocaleRef.current) return;
+		if (form.formState.isDirty && !localeChangeDialog.open) {
+			skipResetRef.current = true;
+			localeSnapshotRef.current = form.getValues();
+			setLocaleChangeDialog({
+				open: true,
+				pendingLocale: nextLocale
+			});
+			return;
+		}
+		prevLocaleRef.current = nextLocale;
+		skipResetRef.current = false;
+		setContentLocale(nextLocale);
+	}, [
+		form,
+		form.formState.isDirty,
+		localeChangeDialog.open,
+		setContentLocale
+	]);
+	const handleLocaleChangeConfirm = React.useCallback(() => {
+		skipResetRef.current = false;
+		localeSnapshotRef.current = null;
+		if (localeChangeDialog.pendingLocale) {
+			prevLocaleRef.current = localeChangeDialog.pendingLocale;
+			setContentLocale(localeChangeDialog.pendingLocale);
+		}
+		setLocaleChangeDialog({
+			open: false,
+			pendingLocale: null
+		});
+	}, [localeChangeDialog.pendingLocale, setContentLocale]);
+	React.useEffect(() => {
+		if (!localeChangeDialog.open) prevLocaleRef.current = contentLocale;
+	}, [contentLocale, localeChangeDialog.open]);
+	const handleLocaleChangeCancel = React.useCallback(() => {
+		skipResetRef.current = false;
+		if (localeSnapshotRef.current) form.reset(localeSnapshotRef.current, {
+			keepDirty: true,
+			keepDirtyValues: true,
+			keepErrors: true,
+			keepTouched: true
+		});
+		localeSnapshotRef.current = null;
+		setLocaleChangeDialog({
 			open: false,
 			pendingLocale: null
+		});
+	}, [form]);
+	React.useEffect(() => {
+		if (skipResetRef.current) return;
+		if (globalData) form.reset(globalData);
+	}, [form, globalData]);
+	const reactiveConfigs = React.useMemo(() => extractReactiveConfigs(globalSchema), [globalSchema]);
+	useReactiveFields({
+		collection: globalName,
+		mode: "global",
+		reactiveConfigs,
+		enabled: !dataLoading && Object.keys(reactiveConfigs).length > 0,
+		debounce: 300,
+		form
+	});
+	const resolvedConfig = React.useMemo(() => {
+		if (!viewConfig) return config;
+		return {
+			...config ?? {},
+			form: viewConfig
 		};
-		$[57] = t29;
-	} else t29 = $[57];
-	const [localeChangeDialog, setLocaleChangeDialog] = React.useState(t29);
-	let t30;
-	if ($[58] !== form || $[59] !== localeChangeDialog.open || $[60] !== setContentLocale) {
-		t30 = (nextLocale) => {
-			if (nextLocale === prevLocaleRef.current) return;
-			if (form.formState.isDirty && !localeChangeDialog.open) {
-				skipResetRef.current = true;
-				localeSnapshotRef.current = form.getValues();
-				setLocaleChangeDialog({
-					open: true,
-					pendingLocale: nextLocale
+	}, [config, viewConfig]);
+	const onSubmit = React.useCallback(async (data) => {
+		try {
+			const result = await updateMutation.mutateAsync({ data });
+			if (result) form.reset(result);
+		} catch (error) {
+			if (error instanceof QuestpieClientError && error.fieldErrors && error.fieldErrors.length > 0) {
+				for (const fieldError of error.fieldErrors) form.setError(fieldError.path, {
+					type: "server",
+					message: fieldError.message
 				});
+				toast.error(t("toast.validationFailed"), { description: t("toast.validationDescription") });
 				return;
 			}
-			prevLocaleRef.current = nextLocale;
-			skipResetRef.current = false;
-			setContentLocale(nextLocale);
-		};
-		$[58] = form;
-		$[59] = localeChangeDialog.open;
-		$[60] = setContentLocale;
-		$[61] = t30;
-	} else t30 = $[61];
-	const handleContentLocaleChange = t30;
-	let t31;
-	if ($[62] !== localeChangeDialog.pendingLocale || $[63] !== setContentLocale) {
-		t31 = () => {
-			skipResetRef.current = false;
-			localeSnapshotRef.current = null;
-			if (localeChangeDialog.pendingLocale) {
-				prevLocaleRef.current = localeChangeDialog.pendingLocale;
-				setContentLocale(localeChangeDialog.pendingLocale);
-			}
-			setLocaleChangeDialog({
-				open: false,
-				pendingLocale: null
-			});
-		};
-		$[62] = localeChangeDialog.pendingLocale;
-		$[63] = setContentLocale;
-		$[64] = t31;
-	} else t31 = $[64];
-	const handleLocaleChangeConfirm = t31;
-	let t32;
-	let t33;
-	if ($[65] !== contentLocale || $[66] !== localeChangeDialog.open) {
-		t32 = () => {
-			if (!localeChangeDialog.open) prevLocaleRef.current = contentLocale;
-		};
-		t33 = [contentLocale, localeChangeDialog.open];
-		$[65] = contentLocale;
-		$[66] = localeChangeDialog.open;
-		$[67] = t32;
-		$[68] = t33;
-	} else {
-		t32 = $[67];
-		t33 = $[68];
-	}
-	React.useEffect(t32, t33);
-	let t34;
-	if ($[69] !== form) {
-		t34 = () => {
-			skipResetRef.current = false;
-			if (localeSnapshotRef.current) form.reset(localeSnapshotRef.current, {
-				keepDirty: true,
-				keepDirtyValues: true,
-				keepErrors: true,
-				keepTouched: true
-			});
-			localeSnapshotRef.current = null;
-			setLocaleChangeDialog({
-				open: false,
-				pendingLocale: null
-			});
-		};
-		$[69] = form;
-		$[70] = t34;
-	} else t34 = $[70];
-	const handleLocaleChangeCancel = t34;
-	let t35;
-	let t36;
-	if ($[71] !== form || $[72] !== globalData) {
-		t35 = () => {
-			if (skipResetRef.current) return;
-			if (globalData) form.reset(globalData);
-		};
-		t36 = [form, globalData];
-		$[71] = form;
-		$[72] = globalData;
-		$[73] = t35;
-		$[74] = t36;
-	} else {
-		t35 = $[73];
-		t36 = $[74];
-	}
-	React.useEffect(t35, t36);
-	let t37;
-	if ($[75] !== globalSchema) {
-		t37 = extractReactiveConfigs(globalSchema);
-		$[75] = globalSchema;
-		$[76] = t37;
-	} else t37 = $[76];
-	const reactiveConfigs = t37;
-	let t38;
-	if ($[77] !== dataLoading || $[78] !== reactiveConfigs) {
-		t38 = !dataLoading && Object.keys(reactiveConfigs).length > 0;
-		$[77] = dataLoading;
-		$[78] = reactiveConfigs;
-		$[79] = t38;
-	} else t38 = $[79];
-	let t39;
-	if ($[80] !== form || $[81] !== globalName || $[82] !== reactiveConfigs || $[83] !== t38) {
-		t39 = {
-			collection: globalName,
-			mode: "global",
-			reactiveConfigs,
-			enabled: t38,
-			debounce: 300,
-			form
-		};
-		$[80] = form;
-		$[81] = globalName;
-		$[82] = reactiveConfigs;
-		$[83] = t38;
-		$[84] = t39;
-	} else t39 = $[84];
-	useReactiveFields(t39);
-	let t40;
-	bb2: {
-		if (!viewConfig) {
-			t40 = config;
-			break bb2;
+			const message = error instanceof Error ? error.message : t("error.unknown");
+			toast.error(t("toast.settingsSaveFailed") || "Failed to save settings", { description: message });
 		}
-		let t41$1;
-		if ($[85] !== config) {
-			t41$1 = config ?? {};
-			$[85] = config;
-			$[86] = t41$1;
-		} else t41$1 = $[86];
-		let t42$1;
-		if ($[87] !== t41$1 || $[88] !== viewConfig) {
-			t42$1 = {
-				...t41$1,
-				form: viewConfig
-			};
-			$[87] = t41$1;
-			$[88] = viewConfig;
-			$[89] = t42$1;
-		} else t42$1 = $[89];
-		t40 = t42$1;
-	}
-	const resolvedConfig = t40;
-	let t41;
-	if ($[90] !== form || $[91] !== t || $[92] !== updateMutation) {
-		t41 = async (data_0) => {
-			try {
-				const result_1 = await updateMutation.mutateAsync({ data: data_0 });
-				if (result_1) form.reset(result_1);
-			} catch (t42$1) {
-				const error_0 = t42$1;
-				if (error_0 instanceof QuestpieClientError && error_0.fieldErrors && error_0.fieldErrors.length > 0) {
-					for (const fieldError of error_0.fieldErrors) form.setError(fieldError.path, {
-						type: "server",
-						message: fieldError.message
-					});
-					toast.error(t("toast.validationFailed"), { description: t("toast.validationDescription") });
-					return;
-				}
-				const message = error_0 instanceof Error ? error_0.message : t("error.unknown");
-				toast.error(t("toast.settingsSaveFailed") || "Failed to save settings", { description: message });
+	}, [
+		updateMutation,
+		form,
+		t
+	]);
+	React.useEffect(() => {
+		const handleKeyDown = (e) => {
+			if (shouldHandleAdminShortcut(e, {
+				allowEditableTarget: true,
+				key: "s"
+			})) {
+				e.preventDefault();
+				form.handleSubmit(onSubmit)();
 			}
 		};
-		$[90] = form;
-		$[91] = t;
-		$[92] = updateMutation;
-		$[93] = t41;
-	} else t41 = $[93];
-	const onSubmit = t41;
-	let t42;
-	let t43;
-	if ($[94] !== form || $[95] !== onSubmit) {
-		t42 = () => {
-			const handleKeyDown = (e) => {
-				if (shouldHandleAdminShortcut(e, {
-					allowEditableTarget: true,
-					key: "s"
-				})) {
-					e.preventDefault();
-					form.handleSubmit(onSubmit)();
-				}
-			};
-			document.addEventListener("keydown", handleKeyDown);
-			return () => document.removeEventListener("keydown", handleKeyDown);
-		};
-		t43 = [form, onSubmit];
-		$[94] = form;
-		$[95] = onSubmit;
-		$[96] = t42;
-		$[97] = t43;
-	} else {
-		t42 = $[96];
-		t43 = $[97];
-	}
-	React.useEffect(t42, t43);
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [form, onSubmit]);
 	const isSubmitting = updateMutation.isPending || form.formState.isSubmitting;
-	let t44;
-	if ($[98] !== form || $[99] !== globalData || $[100] !== pendingRevertVersion || $[101] !== revertVersionMutation || $[102] !== t) {
-		t44 = async () => {
-			if (!pendingRevertVersion) return;
-			const payload = {};
-			if (typeof globalData?.id === "string") payload.id = globalData.id;
-			if (typeof pendingRevertVersion.versionId === "string") payload.versionId = pendingRevertVersion.versionId;
-			else if (typeof pendingRevertVersion.versionNumber === "number") payload.version = pendingRevertVersion.versionNumber;
-			const result_2 = await revertVersionMutation.mutateAsync(payload);
-			form.reset(result_2);
-			toast.success(t("version.revertSuccess"));
-			setPendingRevertVersion(null);
-		};
-		$[98] = form;
-		$[99] = globalData;
-		$[100] = pendingRevertVersion;
-		$[101] = revertVersionMutation;
-		$[102] = t;
-		$[103] = t44;
-	} else t44 = $[103];
-	const confirmRevertVersion = t44;
-	const formatDate = _temp2;
-	if (dataError) {
-		let t45$1;
-		if ($[104] !== t) {
-			t45$1 = t("error.failedToLoad");
-			$[104] = t;
-			$[105] = t45$1;
-		} else t45$1 = $[105];
-		const t46$1 = dataError instanceof Error ? dataError.message : void 0;
-		let t47$1;
-		if ($[106] === Symbol.for("react.memo_cache_sentinel")) {
-			t47$1 = /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:arrow-clockwise",
-				className: "size-3.5"
-			});
-			$[106] = t47$1;
-		} else t47$1 = $[106];
-		let t48$1;
-		if ($[107] !== t) {
-			t48$1 = t("common.retry");
-			$[107] = t;
-			$[108] = t48$1;
-		} else t48$1 = $[108];
-		let t49$1;
-		if ($[109] !== t48$1) {
-			t49$1 = /* @__PURE__ */ jsxs(Button, {
-				variant: "outline",
-				size: "sm",
-				className: "gap-2",
-				onClick: _temp3,
-				children: [t47$1, t48$1]
-			});
-			$[109] = t48$1;
-			$[110] = t49$1;
-		} else t49$1 = $[110];
-		let t50$1;
-		if ($[111] !== t45$1 || $[112] !== t46$1 || $[113] !== t49$1) {
-			t50$1 = /* @__PURE__ */ jsx(EmptyState, {
-				variant: "error",
-				iconName: "ph:warning-circle",
-				title: t45$1,
-				description: t46$1,
-				height: "h-64",
-				action: t49$1
-			});
-			$[111] = t45$1;
-			$[112] = t46$1;
-			$[113] = t49$1;
-			$[114] = t50$1;
-		} else t50$1 = $[114];
-		return t50$1;
-	}
-	if (dataLoading) {
-		let t45$1;
-		if ($[115] === Symbol.for("react.memo_cache_sentinel")) {
-			t45$1 = /* @__PURE__ */ jsx(GlobalFormViewSkeleton, {});
-			$[115] = t45$1;
-		} else t45$1 = $[115];
-		return t45$1;
-	}
-	const t45 = resolvedConfig?.label ?? schemaFields?._globalLabel;
-	let t46;
-	if ($[116] !== globalName || $[117] !== resolveText || $[118] !== t45) {
-		t46 = resolveText(t45, globalName);
-		$[116] = globalName;
-		$[117] = resolveText;
-		$[118] = t45;
-		$[119] = t46;
-	} else t46 = $[119];
-	const globalLabel = t46;
-	let t47;
-	if ($[120] !== form || $[121] !== onSubmit) {
-		t47 = form.handleSubmit(onSubmit);
-		$[120] = form;
-		$[121] = onSubmit;
-		$[122] = t47;
-	} else t47 = $[122];
-	let t48;
-	if ($[123] !== contentLocale || $[124] !== handleContentLocaleChange || $[125] !== localeOptions) {
-		t48 = localeOptions.length > 0 && /* @__PURE__ */ jsx(LocaleSwitcher, {
-			locales: localeOptions,
-			value: contentLocale,
-			onChange: handleContentLocaleChange
-		});
-		$[123] = contentLocale;
-		$[124] = handleContentLocaleChange;
-		$[125] = localeOptions;
-		$[126] = t48;
-	} else t48 = $[126];
-	let t49;
-	if ($[127] !== currentStage || $[128] !== currentStageLabel || $[129] !== workflowEnabled) {
-		t49 = workflowEnabled && currentStage && /* @__PURE__ */ jsxs(Badge, {
-			variant: "outline",
-			className: "gap-1.5",
-			children: [/* @__PURE__ */ jsx(Icon, {
-				icon: "ph:git-branch",
-				className: "size-3"
-			}), currentStageLabel]
-		});
-		$[127] = currentStage;
-		$[128] = currentStageLabel;
-		$[129] = workflowEnabled;
-		$[130] = t49;
-	} else t49 = $[130];
-	let t50;
-	if ($[131] !== t48 || $[132] !== t49) {
-		t50 = /* @__PURE__ */ jsxs(Fragment, { children: [t48, t49] });
-		$[131] = t48;
-		$[132] = t49;
-		$[133] = t50;
-	} else t50 = $[133];
-	let t51;
-	if ($[134] !== globalData || $[135] !== showMeta || $[136] !== t) {
-		t51 = showMeta && globalData?.updatedAt ? /* @__PURE__ */ jsxs("span", { children: [
-			t("form.lastUpdated"),
-			": ",
-			formatDate(globalData.updatedAt)
-		] }) : void 0;
-		$[134] = globalData;
-		$[135] = showMeta;
-		$[136] = t;
-		$[137] = t51;
-	} else t51 = $[137];
-	let t52;
-	if ($[138] !== allowedTransitions || $[139] !== t || $[140] !== workflowEnabled) {
-		t52 = workflowEnabled && allowedTransitions.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
-			render: /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "outline",
-				size: "sm",
-				className: "gap-2"
-			}),
-			children: [/* @__PURE__ */ jsx(Icon, {
-				icon: "ph:arrows-left-right",
-				className: "size-3.5"
-			}), t("workflow.transition")]
-		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-			align: "end",
-			children: allowedTransitions.map((stage) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-				onClick: () => setTransitionTarget({
-					name: stage.name,
-					label: stage.label
-				}),
-				children: [/* @__PURE__ */ jsx(Icon, {
-					icon: "ph:arrow-right",
-					className: "mr-2 size-4"
-				}), stage.label || stage.name]
-			}, stage.name))
-		})] });
-		$[138] = allowedTransitions;
-		$[139] = t;
-		$[140] = workflowEnabled;
-		$[141] = t52;
-	} else t52 = $[141];
-	let t53;
-	if ($[142] !== setIsHistoryOpen) {
-		t53 = () => setIsHistoryOpen(true);
-		$[142] = setIsHistoryOpen;
-		$[143] = t53;
-	} else t53 = $[143];
-	let t54;
-	if ($[144] !== t) {
-		t54 = t("history.title");
-		$[144] = t;
-		$[145] = t54;
-	} else t54 = $[145];
-	let t55;
-	if ($[146] === Symbol.for("react.memo_cache_sentinel")) {
-		t55 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:clock-counter-clockwise",
-			className: "size-3.5"
-		});
-		$[146] = t55;
-	} else t55 = $[146];
-	let t56;
-	if ($[147] !== t) {
-		t56 = t("history.title");
-		$[147] = t;
-		$[148] = t56;
-	} else t56 = $[148];
-	let t57;
-	if ($[149] !== t56) {
-		t57 = /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: t56
-		});
-		$[149] = t56;
-		$[150] = t57;
-	} else t57 = $[150];
-	let t58;
-	if ($[151] !== t53 || $[152] !== t54 || $[153] !== t57) {
-		t58 = /* @__PURE__ */ jsxs(Button, {
-			type: "button",
+	const confirmRevertVersion = React.useCallback(async () => {
+		if (!pendingRevertVersion) return;
+		const payload = {};
+		if (typeof globalData?.id === "string") payload.id = globalData.id;
+		if (typeof pendingRevertVersion.versionId === "string") payload.versionId = pendingRevertVersion.versionId;
+		else if (typeof pendingRevertVersion.versionNumber === "number") payload.version = pendingRevertVersion.versionNumber;
+		const result = await revertVersionMutation.mutateAsync(payload);
+		form.reset(result);
+		toast.success(t("version.revertSuccess"));
+		setPendingRevertVersion(null);
+	}, [
+		pendingRevertVersion,
+		globalData,
+		revertVersionMutation,
+		form,
+		t
+	]);
+	const formatDate = (date) => {
+		return new Date(date).toLocaleDateString(void 0, {
+			year: "numeric",
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+	};
+	if (dataError) return /* @__PURE__ */ jsx(EmptyState, {
+		variant: "error",
+		iconName: "ph:warning-circle",
+		title: t("error.failedToLoad"),
+		description: dataError instanceof Error ? dataError.message : void 0,
+		height: "h-64",
+		action: /* @__PURE__ */ jsxs(Button, {
 			variant: "outline",
-			size: "icon-sm",
-			onClick: t53,
-			title: t54,
-			children: [t55, t57]
-		});
-		$[151] = t53;
-		$[152] = t54;
-		$[153] = t57;
-		$[154] = t58;
-	} else t58 = $[154];
-	let t59;
-	if ($[155] !== isSubmitting || $[156] !== t) {
-		t59 = isSubmitting ? /* @__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")] });
-		$[155] = isSubmitting;
-		$[156] = t;
-		$[157] = t59;
-	} else t59 = $[157];
-	let t60;
-	if ($[158] !== isSubmitting || $[159] !== t59) {
-		t60 = /* @__PURE__ */ jsx(Button, {
-			type: "submit",
 			size: "sm",
-			disabled: isSubmitting,
-			className: "gap-2",
-			children: t59
-		});
-		$[158] = isSubmitting;
-		$[159] = t59;
-		$[160] = t60;
-	} else t60 = $[160];
-	let t61;
-	if ($[161] !== headerActions || $[162] !== t52 || $[163] !== t58 || $[164] !== t60) {
-		t61 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			headerActions,
-			t52,
-			t58,
-			t60
-		] });
-		$[161] = headerActions;
-		$[162] = t52;
-		$[163] = t58;
-		$[164] = t60;
-		$[165] = t61;
-	} else t61 = $[165];
-	let t62;
-	if ($[166] !== globalLabel || $[167] !== t50 || $[168] !== t51 || $[169] !== t61) {
-		t62 = /* @__PURE__ */ jsx(AdminViewHeader, {
-			className: "qa-global-form__header",
-			title: globalLabel,
-			titleAccessory: t50,
-			meta: t51,
-			actions: t61
-		});
-		$[166] = globalLabel;
-		$[167] = t50;
-		$[168] = t51;
-		$[169] = t61;
-		$[170] = t62;
-	} else t62 = $[170];
-	let t63;
-	if ($[171] !== globalName || $[172] !== registry || $[173] !== resolvedConfig) {
-		t63 = /* @__PURE__ */ jsx(AutoFormFields, {
-			collection: globalName,
-			mode: "global",
-			config: resolvedConfig,
-			registry
-		});
-		$[171] = globalName;
-		$[172] = registry;
-		$[173] = resolvedConfig;
-		$[174] = t63;
-	} else t63 = $[174];
-	let t64;
-	if ($[175] !== t47 || $[176] !== t62 || $[177] !== t63) {
-		t64 = /* @__PURE__ */ jsxs("form", {
-			onSubmit: t47,
-			className: "qa-global-form w-full space-y-4",
-			children: [t62, t63]
-		});
-		$[175] = t47;
-		$[176] = t62;
-		$[177] = t63;
-		$[178] = t64;
-	} else t64 = $[178];
-	let t65;
-	if ($[179] !== auditData) {
-		t65 = auditData ?? [];
-		$[179] = auditData;
-		$[180] = t65;
-	} else t65 = $[180];
-	let t66;
-	if ($[181] !== versionsData) {
-		t66 = versionsData ?? [];
-		$[181] = versionsData;
-		$[182] = t66;
-	} else t66 = $[182];
-	const t67 = t66;
-	const t68 = globalSchema?.fields;
-	let t69;
-	if ($[183] === Symbol.for("react.memo_cache_sentinel")) {
-		t69 = async (version) => {
-			setPendingRevertVersion(version);
-		};
-		$[183] = t69;
-	} else t69 = $[183];
-	const t70 = !!globalSchema?.options?.versioning;
-	let t71;
-	if ($[184] !== auditLoading || $[185] !== isHistoryOpen || $[186] !== revertVersionMutation.isPending || $[187] !== setIsHistoryOpen || $[188] !== t65 || $[189] !== t67 || $[190] !== t68 || $[191] !== t70 || $[192] !== versionsLoading) {
-		t71 = /* @__PURE__ */ jsx(HistorySidebar, {
-			open: isHistoryOpen,
-			onOpenChange: setIsHistoryOpen,
-			auditEntries: t65,
-			isLoadingAudit: auditLoading,
-			versions: t67,
-			fields: t68,
-			isLoadingVersions: versionsLoading,
-			isReverting: revertVersionMutation.isPending,
-			onRevert: t69,
-			showVersionsTab: t70
-		});
-		$[184] = auditLoading;
-		$[185] = isHistoryOpen;
-		$[186] = revertVersionMutation.isPending;
-		$[187] = setIsHistoryOpen;
-		$[188] = t65;
-		$[189] = t67;
-		$[190] = t68;
-		$[191] = t70;
-		$[192] = versionsLoading;
-		$[193] = t71;
-	} else t71 = $[193];
-	const t72 = !!pendingRevertVersion;
-	let t73;
-	if ($[194] === Symbol.for("react.memo_cache_sentinel")) {
-		t73 = (open) => {
-			if (!open) setPendingRevertVersion(null);
-		};
-		$[194] = t73;
-	} else t73 = $[194];
-	let t74;
-	if ($[195] !== t) {
-		t74 = t("version.revertConfirmTitle");
-		$[195] = t;
-		$[196] = t74;
-	} else t74 = $[196];
-	const t75 = pendingRevertVersion?.versionNumber ?? pendingRevertVersion?.versionId ?? "-";
-	let t76;
-	if ($[197] !== t || $[198] !== t75) {
-		t76 = t("version.revertConfirmDescription", { number: t75 });
-		$[197] = t;
-		$[198] = t75;
-		$[199] = t76;
-	} else t76 = $[199];
-	let t77;
-	if ($[200] !== t) {
-		t77 = t("version.revert");
-		$[200] = t;
-		$[201] = t77;
-	} else t77 = $[201];
-	let t78;
-	if ($[202] !== t) {
-		t78 = t("common.cancel");
-		$[202] = t;
-		$[203] = t78;
-	} else t78 = $[203];
-	let t79;
-	if ($[204] !== t74 || $[205] !== t76 || $[206] !== t77 || $[207] !== t78) {
-		t79 = {
-			title: t74,
-			description: t76,
-			confirmLabel: t77,
-			cancelLabel: t78,
-			destructive: false
-		};
-		$[204] = t74;
-		$[205] = t76;
-		$[206] = t77;
-		$[207] = t78;
-		$[208] = t79;
-	} else t79 = $[208];
-	let t80;
-	if ($[209] !== confirmRevertVersion || $[210] !== revertVersionMutation.isPending || $[211] !== t72 || $[212] !== t79) {
-		t80 = /* @__PURE__ */ jsx(ConfirmationDialog, {
-			open: t72,
-			onOpenChange: t73,
-			config: t79,
-			onConfirm: confirmRevertVersion,
-			loading: revertVersionMutation.isPending
-		});
-		$[209] = confirmRevertVersion;
-		$[210] = revertVersionMutation.isPending;
-		$[211] = t72;
-		$[212] = t79;
-		$[213] = t80;
-	} else t80 = $[213];
-	const t81 = !!transitionTarget;
-	let t82;
-	if ($[214] === Symbol.for("react.memo_cache_sentinel")) {
-		t82 = (open_0) => {
-			if (!open_0) {
-				setTransitionTarget(null);
-				setTransitionSchedule(false);
-				setTransitionScheduledAt(null);
-			}
-		};
-		$[214] = t82;
-	} else t82 = $[214];
-	let t83;
-	if ($[215] === Symbol.for("react.memo_cache_sentinel")) {
-		t83 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:arrows-left-right",
-			className: "size-5"
-		});
-		$[215] = t83;
-	} else t83 = $[215];
-	const t84 = transitionTarget?.label ?? transitionTarget?.name ?? "";
-	let t85;
-	if ($[216] !== t || $[217] !== t84) {
-		t85 = t("workflow.transitionTo", { stage: t84 });
-		$[216] = t;
-		$[217] = t84;
-		$[218] = t85;
-	} else t85 = $[218];
-	let t86;
-	if ($[219] !== t85) {
-		t86 = /* @__PURE__ */ jsxs(DialogTitle, {
-			className: "flex items-center gap-2",
-			children: [t83, t85]
-		});
-		$[219] = t85;
-		$[220] = t86;
-	} else t86 = $[220];
-	const t87 = transitionTarget?.label ?? transitionTarget?.name ?? "";
-	let t88;
-	if ($[221] !== currentStageLabel || $[222] !== t || $[223] !== t87) {
-		t88 = t("workflow.transitionDescription", {
-			from: currentStageLabel,
-			to: t87
-		});
-		$[221] = currentStageLabel;
-		$[222] = t;
-		$[223] = t87;
-		$[224] = t88;
-	} else t88 = $[224];
-	let t89;
-	if ($[225] !== t88) {
-		t89 = /* @__PURE__ */ jsx(DialogDescription, { children: t88 });
-		$[225] = t88;
-		$[226] = t89;
-	} else t89 = $[226];
-	let t90;
-	if ($[227] !== t86 || $[228] !== t89) {
-		t90 = /* @__PURE__ */ jsxs(DialogHeader, { children: [t86, t89] });
-		$[227] = t86;
-		$[228] = t89;
-		$[229] = t90;
-	} else t90 = $[229];
-	let t91;
-	if ($[230] === Symbol.for("react.memo_cache_sentinel")) {
-		t91 = (val) => {
-			setTransitionSchedule(!!val);
-			if (!val) setTransitionScheduledAt(null);
-		};
-		$[230] = t91;
-	} else t91 = $[230];
-	let t92;
-	if ($[231] !== transitionSchedule) {
-		t92 = /* @__PURE__ */ jsx(Checkbox, {
-			checked: transitionSchedule,
-			onCheckedChange: t91,
-			id: "global-transition-schedule"
-		});
-		$[231] = transitionSchedule;
-		$[232] = t92;
-	} else t92 = $[232];
-	let t93;
-	if ($[233] !== t) {
-		t93 = t("workflow.scheduleLabel");
-		$[233] = t;
-		$[234] = t93;
-	} else t93 = $[234];
-	let t94;
-	if ($[235] !== t93) {
-		t94 = /* @__PURE__ */ jsx(Label, {
-			htmlFor: "global-transition-schedule",
-			className: "cursor-pointer text-sm",
-			children: t93
-		});
-		$[235] = t93;
-		$[236] = t94;
-	} else t94 = $[236];
-	let t95;
-	if ($[237] !== t92 || $[238] !== t94) {
-		t95 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [t92, t94]
-		});
-		$[237] = t92;
-		$[238] = t94;
-		$[239] = t95;
-	} else t95 = $[239];
-	let t96;
-	if ($[240] !== t || $[241] !== transitionSchedule || $[242] !== transitionScheduledAt) {
-		t96 = transitionSchedule && /* @__PURE__ */ jsxs("div", {
-			className: "space-y-1.5 pl-6",
-			children: [
-				/* @__PURE__ */ jsx(Label, {
-					className: "text-muted-foreground text-xs",
-					children: t("workflow.scheduledAt")
-				}),
-				/* @__PURE__ */ jsx(DateTimeInput, {
-					value: transitionScheduledAt,
-					onChange: setTransitionScheduledAt,
-					minDate: /* @__PURE__ */ new Date()
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground text-xs",
-					children: t("workflow.scheduledDescription")
-				})
-			]
-		});
-		$[240] = t;
-		$[241] = transitionSchedule;
-		$[242] = transitionScheduledAt;
-		$[243] = t96;
-	} else t96 = $[243];
-	let t97;
-	if ($[244] !== t95 || $[245] !== t96) {
-		t97 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-3 py-2",
-			children: [t95, t96]
-		});
-		$[244] = t95;
-		$[245] = t96;
-		$[246] = t97;
-	} else t97 = $[246];
-	let t98;
-	if ($[247] === Symbol.for("react.memo_cache_sentinel")) {
-		t98 = () => {
-			setTransitionTarget(null);
-			setTransitionSchedule(false);
-			setTransitionScheduledAt(null);
-		};
-		$[247] = t98;
-	} else t98 = $[247];
-	let t99;
-	if ($[248] !== t) {
-		t99 = t("common.cancel");
-		$[248] = t;
-		$[249] = t99;
-	} else t99 = $[249];
-	let t100;
-	if ($[250] !== t99) {
-		t100 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "outline",
-			onClick: t98,
-			children: t99
-		});
-		$[250] = t99;
-		$[251] = t100;
-	} else t100 = $[251];
-	const t101 = transitionMutation.isPending || transitionSchedule && !transitionScheduledAt;
-	let t102;
-	if ($[252] !== transitionMutation.isPending) {
-		t102 = transitionMutation.isPending && /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:spinner-gap",
-			className: "size-4 animate-spin"
-		});
-		$[252] = transitionMutation.isPending;
-		$[253] = t102;
-	} else t102 = $[253];
-	let t103;
-	if ($[254] !== t || $[255] !== transitionSchedule) {
-		t103 = transitionSchedule ? t("workflow.scheduleLabel") : t("workflow.transition");
-		$[254] = t;
-		$[255] = transitionSchedule;
-		$[256] = t103;
-	} else t103 = $[256];
-	let t104;
-	if ($[257] !== confirmTransition || $[258] !== t101 || $[259] !== t102 || $[260] !== t103) {
-		t104 = /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			onClick: confirmTransition,
-			disabled: t101,
 			className: "gap-2",
-			children: [t102, t103]
-		});
-		$[257] = confirmTransition;
-		$[258] = t101;
-		$[259] = t102;
-		$[260] = t103;
-		$[261] = t104;
-	} else t104 = $[261];
-	let t105;
-	if ($[262] !== t100 || $[263] !== t104) {
-		t105 = /* @__PURE__ */ jsxs(DialogFooter, { children: [t100, t104] });
-		$[262] = t100;
-		$[263] = t104;
-		$[264] = t105;
-	} else t105 = $[264];
-	let t106;
-	if ($[265] !== t105 || $[266] !== t90 || $[267] !== t97) {
-		t106 = /* @__PURE__ */ jsxs(DialogContent, { children: [
-			t90,
-			t97,
-			t105
-		] });
-		$[265] = t105;
-		$[266] = t90;
-		$[267] = t97;
-		$[268] = t106;
-	} else t106 = $[268];
-	let t107;
-	if ($[269] !== t106 || $[270] !== t81) {
-		t107 = /* @__PURE__ */ jsx(Dialog, {
-			open: t81,
-			onOpenChange: t82,
-			children: t106
-		});
-		$[269] = t106;
-		$[270] = t81;
-		$[271] = t107;
-	} else t107 = $[271];
-	const t108 = localeChangeDialog.open;
-	let t109;
-	if ($[272] !== handleLocaleChangeCancel) {
-		t109 = (open_1) => !open_1 && handleLocaleChangeCancel();
-		$[272] = handleLocaleChangeCancel;
-		$[273] = t109;
-	} else t109 = $[273];
-	let t110;
-	if ($[274] !== t) {
-		t110 = t("locale.unsavedChanges");
-		$[274] = t;
-		$[275] = t110;
-	} else t110 = $[275];
-	let t111;
-	if ($[276] !== t110) {
-		t111 = /* @__PURE__ */ jsx(DialogTitle, { children: t110 });
-		$[276] = t110;
-		$[277] = t111;
-	} else t111 = $[277];
-	let t112;
-	if ($[278] !== t) {
-		t112 = t("locale.unsavedChangesDescription");
-		$[278] = t;
-		$[279] = t112;
-	} else t112 = $[279];
-	let t113;
-	if ($[280] !== t112) {
-		t113 = /* @__PURE__ */ jsx(DialogDescription, { children: t112 });
-		$[280] = t112;
-		$[281] = t113;
-	} else t113 = $[281];
-	let t114;
-	if ($[282] !== t111 || $[283] !== t113) {
-		t114 = /* @__PURE__ */ jsxs(DialogHeader, { children: [t111, t113] });
-		$[282] = t111;
-		$[283] = t113;
-		$[284] = t114;
-	} else t114 = $[284];
-	let t115;
-	if ($[285] !== t) {
-		t115 = t("common.cancel");
-		$[285] = t;
-		$[286] = t115;
-	} else t115 = $[286];
-	let t116;
-	if ($[287] !== handleLocaleChangeCancel || $[288] !== t115) {
-		t116 = /* @__PURE__ */ jsx(Button, {
-			variant: "outline",
-			onClick: handleLocaleChangeCancel,
-			children: t115
-		});
-		$[287] = handleLocaleChangeCancel;
-		$[288] = t115;
-		$[289] = t116;
-	} else t116 = $[289];
-	let t117;
-	if ($[290] !== t) {
-		t117 = t("locale.discardChanges");
-		$[290] = t;
-		$[291] = t117;
-	} else t117 = $[291];
-	let t118;
-	if ($[292] !== handleLocaleChangeConfirm || $[293] !== t117) {
-		t118 = /* @__PURE__ */ jsx(Button, {
-			variant: "default",
-			onClick: handleLocaleChangeConfirm,
-			children: t117
-		});
-		$[292] = handleLocaleChangeConfirm;
-		$[293] = t117;
-		$[294] = t118;
-	} else t118 = $[294];
-	let t119;
-	if ($[295] !== t116 || $[296] !== t118) {
-		t119 = /* @__PURE__ */ jsxs(DialogFooter, { children: [t116, t118] });
-		$[295] = t116;
-		$[296] = t118;
-		$[297] = t119;
-	} else t119 = $[297];
-	let t120;
-	if ($[298] !== t114 || $[299] !== t119) {
-		t120 = /* @__PURE__ */ jsxs(DialogContent, { children: [t114, t119] });
-		$[298] = t114;
-		$[299] = t119;
-		$[300] = t120;
-	} else t120 = $[300];
-	let t121;
-	if ($[301] !== localeChangeDialog.open || $[302] !== t109 || $[303] !== t120) {
-		t121 = /* @__PURE__ */ jsx(Dialog, {
-			open: t108,
-			onOpenChange: t109,
-			children: t120
-		});
-		$[301] = localeChangeDialog.open;
-		$[302] = t109;
-		$[303] = t120;
-		$[304] = t121;
-	} else t121 = $[304];
-	let t122;
-	if ($[305] !== form || $[306] !== t107 || $[307] !== t121 || $[308] !== t64 || $[309] !== t71 || $[310] !== t80) {
-		t122 = /* @__PURE__ */ jsxs(FormProvider, {
-			...form,
-			children: [
-				t64,
-				t71,
-				t80,
-				t107,
-				t121
-			]
-		});
-		$[305] = form;
-		$[306] = t107;
-		$[307] = t121;
-		$[308] = t64;
-		$[309] = t71;
-		$[310] = t80;
-		$[311] = t122;
-	} else t122 = $[311];
-	return t122;
-}
-function _temp3() {
-	return window.location.reload();
-}
-function _temp2(date) {
-	return new Date(date).toLocaleDateString(void 0, {
-		year: "numeric",
-		month: "short",
-		day: "numeric",
-		hour: "2-digit",
-		minute: "2-digit"
+			onClick: () => window.location.reload(),
+			children: [/* @__PURE__ */ jsx(Icon, {
+				icon: "ph:arrow-clockwise",
+				className: "size-3.5"
+			}), t("common.retry")]
+		})
+	});
+	if (dataLoading) return /* @__PURE__ */ jsx(GlobalFormViewSkeleton, {});
+	const globalLabel = resolveText(resolvedConfig?.label ?? schemaFields?._globalLabel, globalName);
+	return /* @__PURE__ */ jsxs(FormProvider, {
+		...form,
+		children: [
+			/* @__PURE__ */ jsxs("form", {
+				onSubmit: form.handleSubmit(onSubmit),
+				className: "qa-global-form w-full space-y-4",
+				children: [/* @__PURE__ */ jsx(AdminViewHeader, {
+					className: "qa-global-form__header",
+					title: globalLabel,
+					titleAccessory: /* @__PURE__ */ jsxs(Fragment, { children: [localeOptions.length > 0 && /* @__PURE__ */ jsx(LocaleSwitcher, {
+						locales: localeOptions,
+						value: contentLocale,
+						onChange: handleContentLocaleChange
+					}), workflowEnabled && currentStage && /* @__PURE__ */ jsxs(Badge, {
+						variant: "outline",
+						className: "gap-1.5",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:git-branch",
+							className: "size-3"
+						}), currentStageLabel]
+					})] }),
+					meta: showMeta && globalData?.updatedAt ? /* @__PURE__ */ jsxs("span", { children: [
+						t("form.lastUpdated"),
+						": ",
+						formatDate(globalData.updatedAt)
+					] }) : void 0,
+					actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+						headerActions,
+						workflowEnabled && allowedTransitions.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+							render: /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								className: "gap-2"
+							}),
+							children: [/* @__PURE__ */ jsx(Icon, {
+								icon: "ph:arrows-left-right",
+								className: "size-3.5"
+							}), t("workflow.transition")]
+						}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+							align: "end",
+							children: allowedTransitions.map((stage) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+								onClick: () => setTransitionTarget({
+									name: stage.name,
+									label: stage.label
+								}),
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "ph:arrow-right",
+									className: "mr-2 size-4"
+								}), stage.label || stage.name]
+							}, stage.name))
+						})] }),
+						/* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "outline",
+							size: "icon-sm",
+							onClick: () => setIsHistoryOpen(true),
+							title: t("history.title"),
+							children: [/* @__PURE__ */ jsx(Icon, {
+								icon: "ph:clock-counter-clockwise",
+								className: "size-3.5"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: t("history.title")
+							})]
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							size: "sm",
+							disabled: isSubmitting,
+							className: "gap-2",
+							children: isSubmitting ? /* @__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")] })
+						})
+					] })
+				}), /* @__PURE__ */ jsx(AutoFormFields, {
+					collection: globalName,
+					mode: "global",
+					config: resolvedConfig,
+					registry
+				})]
+			}),
+			/* @__PURE__ */ jsx(HistorySidebar, {
+				open: isHistoryOpen,
+				onOpenChange: setIsHistoryOpen,
+				auditEntries: auditData ?? [],
+				isLoadingAudit: auditLoading,
+				versions: versionsData ?? [],
+				fields: globalSchema?.fields,
+				isLoadingVersions: versionsLoading,
+				isReverting: revertVersionMutation.isPending,
+				onRevert: async (version) => {
+					setPendingRevertVersion(version);
+				},
+				showVersionsTab: !!globalSchema?.options?.versioning
+			}),
+			/* @__PURE__ */ jsx(ConfirmationDialog, {
+				open: !!pendingRevertVersion,
+				onOpenChange: (open) => {
+					if (!open) setPendingRevertVersion(null);
+				},
+				config: {
+					title: t("version.revertConfirmTitle"),
+					description: t("version.revertConfirmDescription", { number: pendingRevertVersion?.versionNumber ?? pendingRevertVersion?.versionId ?? "-" }),
+					confirmLabel: t("version.revert"),
+					cancelLabel: t("common.cancel"),
+					destructive: false
+				},
+				onConfirm: confirmRevertVersion,
+				loading: revertVersionMutation.isPending
+			}),
+			/* @__PURE__ */ jsx(Dialog, {
+				open: !!transitionTarget,
+				onOpenChange: (open) => {
+					if (!open) {
+						setTransitionTarget(null);
+						setTransitionSchedule(false);
+						setTransitionScheduledAt(null);
+					}
+				},
+				children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+					/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsxs(DialogTitle, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:arrows-left-right",
+							className: "size-5"
+						}), t("workflow.transitionTo", { stage: transitionTarget?.label ?? transitionTarget?.name ?? "" })]
+					}), /* @__PURE__ */ jsx(DialogDescription, { children: t("workflow.transitionDescription", {
+						from: currentStageLabel,
+						to: transitionTarget?.label ?? transitionTarget?.name ?? ""
+					}) })] }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-3 py-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx(Checkbox, {
+								checked: transitionSchedule,
+								onCheckedChange: (val) => {
+									setTransitionSchedule(!!val);
+									if (!val) setTransitionScheduledAt(null);
+								},
+								id: "global-transition-schedule"
+							}), /* @__PURE__ */ jsx(Label, {
+								htmlFor: "global-transition-schedule",
+								className: "cursor-pointer text-sm",
+								children: t("workflow.scheduleLabel")
+							})]
+						}), transitionSchedule && /* @__PURE__ */ jsxs("div", {
+							className: "space-y-1.5 pl-6",
+							children: [
+								/* @__PURE__ */ jsx(Label, {
+									className: "text-muted-foreground text-xs",
+									children: t("workflow.scheduledAt")
+								}),
+								/* @__PURE__ */ jsx(DateTimeInput, {
+									value: transitionScheduledAt,
+									onChange: setTransitionScheduledAt,
+									minDate: /* @__PURE__ */ new Date()
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-muted-foreground text-xs",
+									children: t("workflow.scheduledDescription")
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "outline",
+						onClick: () => {
+							setTransitionTarget(null);
+							setTransitionSchedule(false);
+							setTransitionScheduledAt(null);
+						},
+						children: t("common.cancel")
+					}), /* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						onClick: confirmTransition,
+						disabled: transitionMutation.isPending || transitionSchedule && !transitionScheduledAt,
+						className: "gap-2",
+						children: [transitionMutation.isPending && /* @__PURE__ */ jsx(Icon, {
+							icon: "ph:spinner-gap",
+							className: "size-4 animate-spin"
+						}), transitionSchedule ? t("workflow.scheduleLabel") : t("workflow.transition")]
+					})] })
+				] })
+			}),
+			/* @__PURE__ */ jsx(Dialog, {
+				open: localeChangeDialog.open,
+				onOpenChange: (open) => !open && handleLocaleChangeCancel(),
+				children: /* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: t("locale.unsavedChanges") }), /* @__PURE__ */ jsx(DialogDescription, { children: t("locale.unsavedChangesDescription") })] }), /* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					onClick: handleLocaleChangeCancel,
+					children: t("common.cancel")
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "default",
+					onClick: handleLocaleChangeConfirm,
+					children: t("locale.discardChanges")
+				})] })] })
+			})
+		]
 	});
-}
-function _temp(v) {
-	return v.id;
 }
 
 //#endregion