@questpie/admin 3.2.3 → 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,1346 +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(310);
-	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;
-	let t31;
-	if ($[58] !== contentLocale || $[59] !== form || $[60] !== localeChangeDialog.open || $[61] !== setContentLocale) {
-		t30 = () => {
-			if (prevLocaleRef.current !== contentLocale) if (form.formState.isDirty && !localeChangeDialog.open) {
-				skipResetRef.current = true;
-				localeSnapshotRef.current = form.getValues();
-				setLocaleChangeDialog({
-					open: true,
-					pendingLocale: contentLocale
+	}, [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
 				});
-				setContentLocale(prevLocaleRef.current);
-			} else {
-				prevLocaleRef.current = contentLocale;
-				skipResetRef.current = false;
+				toast.error(t("toast.validationFailed"), { description: t("toast.validationDescription") });
+				return;
 			}
-		};
-		t31 = [
-			contentLocale,
-			form.formState.isDirty,
-			localeChangeDialog.open,
-			setContentLocale,
-			form
-		];
-		$[58] = contentLocale;
-		$[59] = form;
-		$[60] = localeChangeDialog.open;
-		$[61] = setContentLocale;
-		$[62] = t30;
-		$[63] = t31;
-	} else {
-		t30 = $[62];
-		t31 = $[63];
-	}
-	React.useEffect(t30, t31);
-	let t32;
-	if ($[64] !== localeChangeDialog.pendingLocale || $[65] !== setContentLocale) {
-		t32 = () => {
-			skipResetRef.current = false;
-			localeSnapshotRef.current = null;
-			if (localeChangeDialog.pendingLocale) {
-				prevLocaleRef.current = localeChangeDialog.pendingLocale;
-				setContentLocale(localeChangeDialog.pendingLocale);
-			}
-			setLocaleChangeDialog({
-				open: false,
-				pendingLocale: null
-			});
-		};
-		$[64] = localeChangeDialog.pendingLocale;
-		$[65] = setContentLocale;
-		$[66] = t32;
-	} else t32 = $[66];
-	const handleLocaleChangeConfirm = t32;
-	let t33;
-	if ($[67] !== form) {
-		t33 = () => {
-			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
-			});
-		};
-		$[67] = form;
-		$[68] = t33;
-	} else t33 = $[68];
-	const handleLocaleChangeCancel = t33;
-	let t34;
-	let t35;
-	if ($[69] !== form || $[70] !== globalData) {
-		t34 = () => {
-			if (skipResetRef.current) return;
-			if (globalData) form.reset(globalData);
-		};
-		t35 = [form, globalData];
-		$[69] = form;
-		$[70] = globalData;
-		$[71] = t34;
-		$[72] = t35;
-	} else {
-		t34 = $[71];
-		t35 = $[72];
-	}
-	React.useEffect(t34, t35);
-	let t36;
-	if ($[73] !== globalSchema) {
-		t36 = extractReactiveConfigs(globalSchema);
-		$[73] = globalSchema;
-		$[74] = t36;
-	} else t36 = $[74];
-	const reactiveConfigs = t36;
-	let t37;
-	if ($[75] !== dataLoading || $[76] !== reactiveConfigs) {
-		t37 = !dataLoading && Object.keys(reactiveConfigs).length > 0;
-		$[75] = dataLoading;
-		$[76] = reactiveConfigs;
-		$[77] = t37;
-	} else t37 = $[77];
-	let t38;
-	if ($[78] !== form || $[79] !== globalName || $[80] !== reactiveConfigs || $[81] !== t37) {
-		t38 = {
-			collection: globalName,
-			mode: "global",
-			reactiveConfigs,
-			enabled: t37,
-			debounce: 300,
-			form
-		};
-		$[78] = form;
-		$[79] = globalName;
-		$[80] = reactiveConfigs;
-		$[81] = t37;
-		$[82] = t38;
-	} else t38 = $[82];
-	useReactiveFields(t38);
-	let t39;
-	bb2: {
-		if (!viewConfig) {
-			t39 = 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 t40$1;
-		if ($[83] !== config) {
-			t40$1 = config ?? {};
-			$[83] = config;
-			$[84] = t40$1;
-		} else t40$1 = $[84];
-		let t41$1;
-		if ($[85] !== t40$1 || $[86] !== viewConfig) {
-			t41$1 = {
-				...t40$1,
-				form: viewConfig
-			};
-			$[85] = t40$1;
-			$[86] = viewConfig;
-			$[87] = t41$1;
-		} else t41$1 = $[87];
-		t39 = t41$1;
-	}
-	const resolvedConfig = t39;
-	let t40;
-	if ($[88] !== form || $[89] !== t || $[90] !== updateMutation) {
-		t40 = async (data_0) => {
-			try {
-				const result_1 = await updateMutation.mutateAsync({ data: data_0 });
-				if (result_1) form.reset(result_1);
-			} catch (t41$1) {
-				const error_0 = t41$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)();
 			}
 		};
-		$[88] = form;
-		$[89] = t;
-		$[90] = updateMutation;
-		$[91] = t40;
-	} else t40 = $[91];
-	const onSubmit = t40;
-	let t41;
-	let t42;
-	if ($[92] !== form || $[93] !== onSubmit) {
-		t41 = () => {
-			const handleKeyDown = (e) => {
-				if (shouldHandleAdminShortcut(e, {
-					allowEditableTarget: true,
-					key: "s"
-				})) {
-					e.preventDefault();
-					form.handleSubmit(onSubmit)();
-				}
-			};
-			document.addEventListener("keydown", handleKeyDown);
-			return () => document.removeEventListener("keydown", handleKeyDown);
-		};
-		t42 = [form, onSubmit];
-		$[92] = form;
-		$[93] = onSubmit;
-		$[94] = t41;
-		$[95] = t42;
-	} else {
-		t41 = $[94];
-		t42 = $[95];
-	}
-	React.useEffect(t41, t42);
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [form, onSubmit]);
 	const isSubmitting = updateMutation.isPending || form.formState.isSubmitting;
-	let t43;
-	if ($[96] !== form || $[97] !== globalData || $[98] !== pendingRevertVersion || $[99] !== revertVersionMutation || $[100] !== t) {
-		t43 = 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);
-		};
-		$[96] = form;
-		$[97] = globalData;
-		$[98] = pendingRevertVersion;
-		$[99] = revertVersionMutation;
-		$[100] = t;
-		$[101] = t43;
-	} else t43 = $[101];
-	const confirmRevertVersion = t43;
-	const formatDate = _temp2;
-	if (dataError) {
-		let t44$1;
-		if ($[102] !== t) {
-			t44$1 = t("error.failedToLoad");
-			$[102] = t;
-			$[103] = t44$1;
-		} else t44$1 = $[103];
-		const t45$1 = dataError instanceof Error ? dataError.message : void 0;
-		let t46$1;
-		if ($[104] === Symbol.for("react.memo_cache_sentinel")) {
-			t46$1 = /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:arrow-clockwise",
-				className: "size-3.5"
-			});
-			$[104] = t46$1;
-		} else t46$1 = $[104];
-		let t47$1;
-		if ($[105] !== t) {
-			t47$1 = t("common.retry");
-			$[105] = t;
-			$[106] = t47$1;
-		} else t47$1 = $[106];
-		let t48$1;
-		if ($[107] !== t47$1) {
-			t48$1 = /* @__PURE__ */ jsxs(Button, {
-				variant: "outline",
-				size: "sm",
-				className: "gap-2",
-				onClick: _temp3,
-				children: [t46$1, t47$1]
-			});
-			$[107] = t47$1;
-			$[108] = t48$1;
-		} else t48$1 = $[108];
-		let t49$1;
-		if ($[109] !== t44$1 || $[110] !== t45$1 || $[111] !== t48$1) {
-			t49$1 = /* @__PURE__ */ jsx(EmptyState, {
-				variant: "error",
-				iconName: "ph:warning-circle",
-				title: t44$1,
-				description: t45$1,
-				height: "h-64",
-				action: t48$1
-			});
-			$[109] = t44$1;
-			$[110] = t45$1;
-			$[111] = t48$1;
-			$[112] = t49$1;
-		} else t49$1 = $[112];
-		return t49$1;
-	}
-	if (dataLoading) {
-		let t44$1;
-		if ($[113] === Symbol.for("react.memo_cache_sentinel")) {
-			t44$1 = /* @__PURE__ */ jsx(GlobalFormViewSkeleton, {});
-			$[113] = t44$1;
-		} else t44$1 = $[113];
-		return t44$1;
-	}
-	const t44 = resolvedConfig?.label ?? schemaFields?._globalLabel;
-	let t45;
-	if ($[114] !== globalName || $[115] !== resolveText || $[116] !== t44) {
-		t45 = resolveText(t44, globalName);
-		$[114] = globalName;
-		$[115] = resolveText;
-		$[116] = t44;
-		$[117] = t45;
-	} else t45 = $[117];
-	const globalLabel = t45;
-	let t46;
-	if ($[118] !== form || $[119] !== onSubmit) {
-		t46 = form.handleSubmit(onSubmit);
-		$[118] = form;
-		$[119] = onSubmit;
-		$[120] = t46;
-	} else t46 = $[120];
-	let t47;
-	if ($[121] !== contentLocale || $[122] !== localeOptions || $[123] !== setContentLocale) {
-		t47 = localeOptions.length > 0 && /* @__PURE__ */ jsx(LocaleSwitcher, {
-			locales: localeOptions,
-			value: contentLocale,
-			onChange: setContentLocale
-		});
-		$[121] = contentLocale;
-		$[122] = localeOptions;
-		$[123] = setContentLocale;
-		$[124] = t47;
-	} else t47 = $[124];
-	let t48;
-	if ($[125] !== currentStage || $[126] !== currentStageLabel || $[127] !== workflowEnabled) {
-		t48 = workflowEnabled && currentStage && /* @__PURE__ */ jsxs(Badge, {
+	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",
-			className: "gap-1.5",
-			children: [/* @__PURE__ */ jsx(Icon, {
-				icon: "ph:git-branch",
-				className: "size-3"
-			}), currentStageLabel]
-		});
-		$[125] = currentStage;
-		$[126] = currentStageLabel;
-		$[127] = workflowEnabled;
-		$[128] = t48;
-	} else t48 = $[128];
-	let t49;
-	if ($[129] !== t47 || $[130] !== t48) {
-		t49 = /* @__PURE__ */ jsxs(Fragment, { children: [t47, t48] });
-		$[129] = t47;
-		$[130] = t48;
-		$[131] = t49;
-	} else t49 = $[131];
-	let t50;
-	if ($[132] !== globalData || $[133] !== showMeta || $[134] !== t) {
-		t50 = showMeta && globalData?.updatedAt ? /* @__PURE__ */ jsxs("span", { children: [
-			t("form.lastUpdated"),
-			": ",
-			formatDate(globalData.updatedAt)
-		] }) : void 0;
-		$[132] = globalData;
-		$[133] = showMeta;
-		$[134] = t;
-		$[135] = t50;
-	} else t50 = $[135];
-	let t51;
-	if ($[136] !== allowedTransitions || $[137] !== t || $[138] !== workflowEnabled) {
-		t51 = 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))
-		})] });
-		$[136] = allowedTransitions;
-		$[137] = t;
-		$[138] = workflowEnabled;
-		$[139] = t51;
-	} else t51 = $[139];
-	let t52;
-	if ($[140] !== setIsHistoryOpen) {
-		t52 = () => setIsHistoryOpen(true);
-		$[140] = setIsHistoryOpen;
-		$[141] = t52;
-	} else t52 = $[141];
-	let t53;
-	if ($[142] !== t) {
-		t53 = t("history.title");
-		$[142] = t;
-		$[143] = t53;
-	} else t53 = $[143];
-	let t54;
-	if ($[144] === Symbol.for("react.memo_cache_sentinel")) {
-		t54 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:clock-counter-clockwise",
-			className: "size-3.5"
-		});
-		$[144] = t54;
-	} else t54 = $[144];
-	let t55;
-	if ($[145] !== t) {
-		t55 = t("history.title");
-		$[145] = t;
-		$[146] = t55;
-	} else t55 = $[146];
-	let t56;
-	if ($[147] !== t55) {
-		t56 = /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: t55
-		});
-		$[147] = t55;
-		$[148] = t56;
-	} else t56 = $[148];
-	let t57;
-	if ($[149] !== t52 || $[150] !== t53 || $[151] !== t56) {
-		t57 = /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "outline",
-			size: "icon-sm",
-			onClick: t52,
-			title: t53,
-			children: [t54, t56]
-		});
-		$[149] = t52;
-		$[150] = t53;
-		$[151] = t56;
-		$[152] = t57;
-	} else t57 = $[152];
-	let t58;
-	if ($[153] !== isSubmitting || $[154] !== t) {
-		t58 = 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")] });
-		$[153] = isSubmitting;
-		$[154] = t;
-		$[155] = t58;
-	} else t58 = $[155];
-	let t59;
-	if ($[156] !== isSubmitting || $[157] !== t58) {
-		t59 = /* @__PURE__ */ jsx(Button, {
-			type: "submit",
 			size: "sm",
-			disabled: isSubmitting,
 			className: "gap-2",
-			children: t58
-		});
-		$[156] = isSubmitting;
-		$[157] = t58;
-		$[158] = t59;
-	} else t59 = $[158];
-	let t60;
-	if ($[159] !== headerActions || $[160] !== t51 || $[161] !== t57 || $[162] !== t59) {
-		t60 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			headerActions,
-			t51,
-			t57,
-			t59
-		] });
-		$[159] = headerActions;
-		$[160] = t51;
-		$[161] = t57;
-		$[162] = t59;
-		$[163] = t60;
-	} else t60 = $[163];
-	let t61;
-	if ($[164] !== globalLabel || $[165] !== t49 || $[166] !== t50 || $[167] !== t60) {
-		t61 = /* @__PURE__ */ jsx(AdminViewHeader, {
-			className: "qa-global-form__header",
-			title: globalLabel,
-			titleAccessory: t49,
-			meta: t50,
-			actions: t60
-		});
-		$[164] = globalLabel;
-		$[165] = t49;
-		$[166] = t50;
-		$[167] = t60;
-		$[168] = t61;
-	} else t61 = $[168];
-	let t62;
-	if ($[169] !== globalName || $[170] !== registry || $[171] !== resolvedConfig) {
-		t62 = /* @__PURE__ */ jsx(AutoFormFields, {
-			collection: globalName,
-			mode: "global",
-			config: resolvedConfig,
-			registry
-		});
-		$[169] = globalName;
-		$[170] = registry;
-		$[171] = resolvedConfig;
-		$[172] = t62;
-	} else t62 = $[172];
-	let t63;
-	if ($[173] !== t46 || $[174] !== t61 || $[175] !== t62) {
-		t63 = /* @__PURE__ */ jsxs("form", {
-			onSubmit: t46,
-			className: "qa-global-form w-full space-y-4",
-			children: [t61, t62]
-		});
-		$[173] = t46;
-		$[174] = t61;
-		$[175] = t62;
-		$[176] = t63;
-	} else t63 = $[176];
-	let t64;
-	if ($[177] !== auditData) {
-		t64 = auditData ?? [];
-		$[177] = auditData;
-		$[178] = t64;
-	} else t64 = $[178];
-	let t65;
-	if ($[179] !== versionsData) {
-		t65 = versionsData ?? [];
-		$[179] = versionsData;
-		$[180] = t65;
-	} else t65 = $[180];
-	const t66 = t65;
-	const t67 = globalSchema?.fields;
-	let t68;
-	if ($[181] === Symbol.for("react.memo_cache_sentinel")) {
-		t68 = async (version) => {
-			setPendingRevertVersion(version);
-		};
-		$[181] = t68;
-	} else t68 = $[181];
-	const t69 = !!globalSchema?.options?.versioning;
-	let t70;
-	if ($[182] !== auditLoading || $[183] !== isHistoryOpen || $[184] !== revertVersionMutation.isPending || $[185] !== setIsHistoryOpen || $[186] !== t64 || $[187] !== t66 || $[188] !== t67 || $[189] !== t69 || $[190] !== versionsLoading) {
-		t70 = /* @__PURE__ */ jsx(HistorySidebar, {
-			open: isHistoryOpen,
-			onOpenChange: setIsHistoryOpen,
-			auditEntries: t64,
-			isLoadingAudit: auditLoading,
-			versions: t66,
-			fields: t67,
-			isLoadingVersions: versionsLoading,
-			isReverting: revertVersionMutation.isPending,
-			onRevert: t68,
-			showVersionsTab: t69
-		});
-		$[182] = auditLoading;
-		$[183] = isHistoryOpen;
-		$[184] = revertVersionMutation.isPending;
-		$[185] = setIsHistoryOpen;
-		$[186] = t64;
-		$[187] = t66;
-		$[188] = t67;
-		$[189] = t69;
-		$[190] = versionsLoading;
-		$[191] = t70;
-	} else t70 = $[191];
-	const t71 = !!pendingRevertVersion;
-	let t72;
-	if ($[192] === Symbol.for("react.memo_cache_sentinel")) {
-		t72 = (open) => {
-			if (!open) setPendingRevertVersion(null);
-		};
-		$[192] = t72;
-	} else t72 = $[192];
-	let t73;
-	if ($[193] !== t) {
-		t73 = t("version.revertConfirmTitle");
-		$[193] = t;
-		$[194] = t73;
-	} else t73 = $[194];
-	const t74 = pendingRevertVersion?.versionNumber ?? pendingRevertVersion?.versionId ?? "-";
-	let t75;
-	if ($[195] !== t || $[196] !== t74) {
-		t75 = t("version.revertConfirmDescription", { number: t74 });
-		$[195] = t;
-		$[196] = t74;
-		$[197] = t75;
-	} else t75 = $[197];
-	let t76;
-	if ($[198] !== t) {
-		t76 = t("version.revert");
-		$[198] = t;
-		$[199] = t76;
-	} else t76 = $[199];
-	let t77;
-	if ($[200] !== t) {
-		t77 = t("common.cancel");
-		$[200] = t;
-		$[201] = t77;
-	} else t77 = $[201];
-	let t78;
-	if ($[202] !== t73 || $[203] !== t75 || $[204] !== t76 || $[205] !== t77) {
-		t78 = {
-			title: t73,
-			description: t75,
-			confirmLabel: t76,
-			cancelLabel: t77,
-			destructive: false
-		};
-		$[202] = t73;
-		$[203] = t75;
-		$[204] = t76;
-		$[205] = t77;
-		$[206] = t78;
-	} else t78 = $[206];
-	let t79;
-	if ($[207] !== confirmRevertVersion || $[208] !== revertVersionMutation.isPending || $[209] !== t71 || $[210] !== t78) {
-		t79 = /* @__PURE__ */ jsx(ConfirmationDialog, {
-			open: t71,
-			onOpenChange: t72,
-			config: t78,
-			onConfirm: confirmRevertVersion,
-			loading: revertVersionMutation.isPending
-		});
-		$[207] = confirmRevertVersion;
-		$[208] = revertVersionMutation.isPending;
-		$[209] = t71;
-		$[210] = t78;
-		$[211] = t79;
-	} else t79 = $[211];
-	const t80 = !!transitionTarget;
-	let t81;
-	if ($[212] === Symbol.for("react.memo_cache_sentinel")) {
-		t81 = (open_0) => {
-			if (!open_0) {
-				setTransitionTarget(null);
-				setTransitionSchedule(false);
-				setTransitionScheduledAt(null);
-			}
-		};
-		$[212] = t81;
-	} else t81 = $[212];
-	let t82;
-	if ($[213] === Symbol.for("react.memo_cache_sentinel")) {
-		t82 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:arrows-left-right",
-			className: "size-5"
-		});
-		$[213] = t82;
-	} else t82 = $[213];
-	const t83 = transitionTarget?.label ?? transitionTarget?.name ?? "";
-	let t84;
-	if ($[214] !== t || $[215] !== t83) {
-		t84 = t("workflow.transitionTo", { stage: t83 });
-		$[214] = t;
-		$[215] = t83;
-		$[216] = t84;
-	} else t84 = $[216];
-	let t85;
-	if ($[217] !== t84) {
-		t85 = /* @__PURE__ */ jsxs(DialogTitle, {
-			className: "flex items-center gap-2",
-			children: [t82, t84]
-		});
-		$[217] = t84;
-		$[218] = t85;
-	} else t85 = $[218];
-	const t86 = transitionTarget?.label ?? transitionTarget?.name ?? "";
-	let t87;
-	if ($[219] !== currentStageLabel || $[220] !== t || $[221] !== t86) {
-		t87 = t("workflow.transitionDescription", {
-			from: currentStageLabel,
-			to: t86
-		});
-		$[219] = currentStageLabel;
-		$[220] = t;
-		$[221] = t86;
-		$[222] = t87;
-	} else t87 = $[222];
-	let t88;
-	if ($[223] !== t87) {
-		t88 = /* @__PURE__ */ jsx(DialogDescription, { children: t87 });
-		$[223] = t87;
-		$[224] = t88;
-	} else t88 = $[224];
-	let t89;
-	if ($[225] !== t85 || $[226] !== t88) {
-		t89 = /* @__PURE__ */ jsxs(DialogHeader, { children: [t85, t88] });
-		$[225] = t85;
-		$[226] = t88;
-		$[227] = t89;
-	} else t89 = $[227];
-	let t90;
-	if ($[228] === Symbol.for("react.memo_cache_sentinel")) {
-		t90 = (val) => {
-			setTransitionSchedule(!!val);
-			if (!val) setTransitionScheduledAt(null);
-		};
-		$[228] = t90;
-	} else t90 = $[228];
-	let t91;
-	if ($[229] !== transitionSchedule) {
-		t91 = /* @__PURE__ */ jsx(Checkbox, {
-			checked: transitionSchedule,
-			onCheckedChange: t90,
-			id: "global-transition-schedule"
-		});
-		$[229] = transitionSchedule;
-		$[230] = t91;
-	} else t91 = $[230];
-	let t92;
-	if ($[231] !== t) {
-		t92 = t("workflow.scheduleLabel");
-		$[231] = t;
-		$[232] = t92;
-	} else t92 = $[232];
-	let t93;
-	if ($[233] !== t92) {
-		t93 = /* @__PURE__ */ jsx(Label, {
-			htmlFor: "global-transition-schedule",
-			className: "cursor-pointer text-sm",
-			children: t92
-		});
-		$[233] = t92;
-		$[234] = t93;
-	} else t93 = $[234];
-	let t94;
-	if ($[235] !== t91 || $[236] !== t93) {
-		t94 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [t91, t93]
-		});
-		$[235] = t91;
-		$[236] = t93;
-		$[237] = t94;
-	} else t94 = $[237];
-	let t95;
-	if ($[238] !== t || $[239] !== transitionSchedule || $[240] !== transitionScheduledAt) {
-		t95 = 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")
-				})
-			]
-		});
-		$[238] = t;
-		$[239] = transitionSchedule;
-		$[240] = transitionScheduledAt;
-		$[241] = t95;
-	} else t95 = $[241];
-	let t96;
-	if ($[242] !== t94 || $[243] !== t95) {
-		t96 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-3 py-2",
-			children: [t94, t95]
-		});
-		$[242] = t94;
-		$[243] = t95;
-		$[244] = t96;
-	} else t96 = $[244];
-	let t97;
-	if ($[245] === Symbol.for("react.memo_cache_sentinel")) {
-		t97 = () => {
-			setTransitionTarget(null);
-			setTransitionSchedule(false);
-			setTransitionScheduledAt(null);
-		};
-		$[245] = t97;
-	} else t97 = $[245];
-	let t98;
-	if ($[246] !== t) {
-		t98 = t("common.cancel");
-		$[246] = t;
-		$[247] = t98;
-	} else t98 = $[247];
-	let t99;
-	if ($[248] !== t98) {
-		t99 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "outline",
-			onClick: t97,
-			children: t98
-		});
-		$[248] = t98;
-		$[249] = t99;
-	} else t99 = $[249];
-	const t100 = transitionMutation.isPending || transitionSchedule && !transitionScheduledAt;
-	let t101;
-	if ($[250] !== transitionMutation.isPending) {
-		t101 = transitionMutation.isPending && /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:spinner-gap",
-			className: "size-4 animate-spin"
-		});
-		$[250] = transitionMutation.isPending;
-		$[251] = t101;
-	} else t101 = $[251];
-	let t102;
-	if ($[252] !== t || $[253] !== transitionSchedule) {
-		t102 = transitionSchedule ? t("workflow.scheduleLabel") : t("workflow.transition");
-		$[252] = t;
-		$[253] = transitionSchedule;
-		$[254] = t102;
-	} else t102 = $[254];
-	let t103;
-	if ($[255] !== confirmTransition || $[256] !== t100 || $[257] !== t101 || $[258] !== t102) {
-		t103 = /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			onClick: confirmTransition,
-			disabled: t100,
-			className: "gap-2",
-			children: [t101, t102]
-		});
-		$[255] = confirmTransition;
-		$[256] = t100;
-		$[257] = t101;
-		$[258] = t102;
-		$[259] = t103;
-	} else t103 = $[259];
-	let t104;
-	if ($[260] !== t103 || $[261] !== t99) {
-		t104 = /* @__PURE__ */ jsxs(DialogFooter, { children: [t99, t103] });
-		$[260] = t103;
-		$[261] = t99;
-		$[262] = t104;
-	} else t104 = $[262];
-	let t105;
-	if ($[263] !== t104 || $[264] !== t89 || $[265] !== t96) {
-		t105 = /* @__PURE__ */ jsxs(DialogContent, { children: [
-			t89,
-			t96,
-			t104
-		] });
-		$[263] = t104;
-		$[264] = t89;
-		$[265] = t96;
-		$[266] = t105;
-	} else t105 = $[266];
-	let t106;
-	if ($[267] !== t105 || $[268] !== t80) {
-		t106 = /* @__PURE__ */ jsx(Dialog, {
-			open: t80,
-			onOpenChange: t81,
-			children: t105
-		});
-		$[267] = t105;
-		$[268] = t80;
-		$[269] = t106;
-	} else t106 = $[269];
-	const t107 = localeChangeDialog.open;
-	let t108;
-	if ($[270] !== handleLocaleChangeCancel) {
-		t108 = (open_1) => !open_1 && handleLocaleChangeCancel();
-		$[270] = handleLocaleChangeCancel;
-		$[271] = t108;
-	} else t108 = $[271];
-	let t109;
-	if ($[272] !== t) {
-		t109 = t("locale.unsavedChanges");
-		$[272] = t;
-		$[273] = t109;
-	} else t109 = $[273];
-	let t110;
-	if ($[274] !== t109) {
-		t110 = /* @__PURE__ */ jsx(DialogTitle, { children: t109 });
-		$[274] = t109;
-		$[275] = t110;
-	} else t110 = $[275];
-	let t111;
-	if ($[276] !== t) {
-		t111 = t("locale.unsavedChangesDescription");
-		$[276] = t;
-		$[277] = t111;
-	} else t111 = $[277];
-	let t112;
-	if ($[278] !== t111) {
-		t112 = /* @__PURE__ */ jsx(DialogDescription, { children: t111 });
-		$[278] = t111;
-		$[279] = t112;
-	} else t112 = $[279];
-	let t113;
-	if ($[280] !== t110 || $[281] !== t112) {
-		t113 = /* @__PURE__ */ jsxs(DialogHeader, { children: [t110, t112] });
-		$[280] = t110;
-		$[281] = t112;
-		$[282] = t113;
-	} else t113 = $[282];
-	let t114;
-	if ($[283] !== t) {
-		t114 = t("common.cancel");
-		$[283] = t;
-		$[284] = t114;
-	} else t114 = $[284];
-	let t115;
-	if ($[285] !== handleLocaleChangeCancel || $[286] !== t114) {
-		t115 = /* @__PURE__ */ jsx(Button, {
-			variant: "outline",
-			onClick: handleLocaleChangeCancel,
-			children: t114
-		});
-		$[285] = handleLocaleChangeCancel;
-		$[286] = t114;
-		$[287] = t115;
-	} else t115 = $[287];
-	let t116;
-	if ($[288] !== t) {
-		t116 = t("locale.discardChanges");
-		$[288] = t;
-		$[289] = t116;
-	} else t116 = $[289];
-	let t117;
-	if ($[290] !== handleLocaleChangeConfirm || $[291] !== t116) {
-		t117 = /* @__PURE__ */ jsx(Button, {
-			variant: "default",
-			onClick: handleLocaleChangeConfirm,
-			children: t116
-		});
-		$[290] = handleLocaleChangeConfirm;
-		$[291] = t116;
-		$[292] = t117;
-	} else t117 = $[292];
-	let t118;
-	if ($[293] !== t115 || $[294] !== t117) {
-		t118 = /* @__PURE__ */ jsxs(DialogFooter, { children: [t115, t117] });
-		$[293] = t115;
-		$[294] = t117;
-		$[295] = t118;
-	} else t118 = $[295];
-	let t119;
-	if ($[296] !== t113 || $[297] !== t118) {
-		t119 = /* @__PURE__ */ jsxs(DialogContent, { children: [t113, t118] });
-		$[296] = t113;
-		$[297] = t118;
-		$[298] = t119;
-	} else t119 = $[298];
-	let t120;
-	if ($[299] !== localeChangeDialog.open || $[300] !== t108 || $[301] !== t119) {
-		t120 = /* @__PURE__ */ jsx(Dialog, {
-			open: t107,
-			onOpenChange: t108,
-			children: t119
-		});
-		$[299] = localeChangeDialog.open;
-		$[300] = t108;
-		$[301] = t119;
-		$[302] = t120;
-	} else t120 = $[302];
-	let t121;
-	if ($[303] !== form || $[304] !== t106 || $[305] !== t120 || $[306] !== t63 || $[307] !== t70 || $[308] !== t79) {
-		t121 = /* @__PURE__ */ jsxs(FormProvider, {
-			...form,
-			children: [
-				t63,
-				t70,
-				t79,
-				t106,
-				t120
-			]
-		});
-		$[303] = form;
-		$[304] = t106;
-		$[305] = t120;
-		$[306] = t63;
-		$[307] = t70;
-		$[308] = t79;
-		$[309] = t121;
-	} else t121 = $[309];
-	return t121;
-}
-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