@questpie/admin 2.0.0 → 3.0.1

package/dist/client/views/collection/auto-form-fields.mjs

@@ -1,17 +1,21 @@
 import { useResolveText } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { resolveIconElement } from "../../components/component-renderer.mjs";
-import { getFieldName, isFieldReference } from "../../builder/types/field-types.mjs";
 import { getGridColumnsClass } from "../../components/fields/field-utils.mjs";
+import { getFieldName, isFieldReference } from "../../builder/types/field-types.mjs";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../components/ui/accordion.mjs";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../components/ui/tabs.mjs";
 import { useCollectionFields } from "../../hooks/use-collection-fields.mjs";
+import { useCollectionMeta } from "../../hooks/use-collection-meta.mjs";
 import { useGlobalFields } from "../../hooks/use-global-fields.mjs";
+import { useGlobalMeta } from "../../hooks/use-global-meta.mjs";
+import { scopeDependencies, trackDependencies } from "../../utils/dependency-tracker.mjs";
 import { getFullFieldName, resolveValue } from "./field-context.mjs";
 import { FieldRenderer } from "./field-renderer.mjs";
-import * as React$1 from "react";
-import { useFormContext, useWatch } from "react-hook-form";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useFormContext, useWatch } from "react-hook-form";
 
 //#region src/client/views/collection/auto-form-fields.tsx
 /**
@@ -30,6 +34,29 @@ function getGapStyle(gap) {
 	if (gap === void 0) return void 0;
 	return `${gap * .25}rem`;
 }
+function trackDynamicValueDependencies(value, formValues, deps) {
+	if (typeof value !== "function") return;
+	const tracked = trackDependencies(formValues, value);
+	for (const dep of tracked.deps) deps.add(dep);
+}
+function collectLayoutDependencies(fieldItems, formValues, deps) {
+	if (!fieldItems?.length) return;
+	for (const item of fieldItems) {
+		if (typeof item !== "object" || item === null || !("type" in item)) continue;
+		if (item.type === "section") {
+			trackDynamicValueDependencies(item.hidden, formValues, deps);
+			trackDynamicValueDependencies(item.label, formValues, deps);
+			trackDynamicValueDependencies(item.description, formValues, deps);
+			collectLayoutDependencies(item.fields, formValues, deps);
+			continue;
+		}
+		if (item.type === "tabs") for (const tab of item.tabs) {
+			trackDynamicValueDependencies(tab.hidden, formValues, deps);
+			trackDynamicValueDependencies(tab.label, formValues, deps);
+			collectLayoutDependencies(tab.fields, formValues, deps);
+		}
+	}
+}
 function mapFormSchemaToConfig(form) {
 	if (!form) return void 0;
 	if (form.fields?.length) return {
@@ -40,7 +67,7 @@ function mapFormSchemaToConfig(form) {
 /**
 * Render fields list
 */
-function renderFields({ fieldItems, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, excludedFields, columns = 1, gap, className }) {
+function renderFields({ fieldItems, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, columns = 1, gap, className }) {
 	const visibleFields = fieldItems.map(normalizeFieldItem).filter((item) => item !== null).filter((item) => !excludedFields?.has(item.field));
 	if (!visibleFields.length) return null;
 	const gridClass = columns > 1 ? getGridColumnsClass(columns, true) : "";
@@ -55,6 +82,7 @@ function renderFields({ fieldItems, fields, collection, mode = "collection", reg
 			registry,
 			fieldPrefix,
 			allCollectionsConfig,
+			entityMeta,
 			className: cn(item.className, spanClass),
 			renderEmbeddedFields: ({ embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex }) => /* @__PURE__ */ jsx(AutoFormFields, {
 				collection: embeddedCollection,
@@ -96,38 +124,132 @@ function getLayoutKey(item) {
 	}).join("-");
 	return fieldKey ? `section-${fieldKey}` : "section";
 }
-function renderFieldLayoutItems({ fieldItems, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, excludedFields, formValues, resolveText }) {
+function FieldLayoutItems(t0) {
+	const $ = c(25);
+	const { fieldItems, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
 	if (!fieldItems?.length) return null;
-	const validItems = fieldItems.map((item, index) => {
-		if (isFieldReference(item)) {
-			const fieldName = getFieldName(item);
-			if (!fieldName || !fields[fieldName]) return null;
-			if (excludedFields?.has(fieldName)) return null;
-			const fieldDef = fields[fieldName];
-			const fieldOptions = fieldDef["~options"] || {};
-			if (typeof fieldOptions.hidden === "function" ? fieldOptions.hidden(formValues) : fieldOptions.hidden === true) return null;
-			return /* @__PURE__ */ jsx(FieldRenderer, {
-				fieldName,
-				fieldDef,
-				collection,
-				mode,
-				registry,
-				fieldPrefix,
-				allCollectionsConfig,
-				className: typeof item === "object" && "className" in item ? item.className : void 0,
-				renderEmbeddedFields: ({ embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex }) => /* @__PURE__ */ jsx(AutoFormFields, {
-					collection: embeddedCollection,
-					mode: "collection",
-					config: embeddedCollectionConfig,
-					registry,
-					fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
-					allCollectionsConfig
-				})
-			}, fieldName);
-		}
-		if (typeof item === "object" && "type" in item) switch (item.type) {
-			case "tabs": return /* @__PURE__ */ jsx(React$1.Fragment, { children: renderTabs({
-				tabsLayout: item,
+	let t2;
+	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== entityMeta || $[3] !== excludedFields || $[4] !== fieldItems || $[5] !== fieldPrefix || $[6] !== fields || $[7] !== formValues || $[8] !== mode || $[9] !== registry || $[10] !== resolveText) {
+		let t3$1;
+		if ($[12] !== allCollectionsConfig || $[13] !== collection || $[14] !== entityMeta || $[15] !== excludedFields || $[16] !== fieldPrefix || $[17] !== fields || $[18] !== formValues || $[19] !== mode || $[20] !== registry || $[21] !== resolveText) {
+			t3$1 = (item, index) => {
+				if (isFieldReference(item)) {
+					const fieldName = getFieldName(item);
+					if (!fieldName || !fields[fieldName]) return null;
+					if (excludedFields?.has(fieldName)) return null;
+					const fieldDef = fields[fieldName];
+					return /* @__PURE__ */ jsx(FieldRenderer, {
+						fieldName,
+						fieldDef,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						entityMeta,
+						className: typeof item === "object" && "className" in item ? item.className : void 0,
+						renderEmbeddedFields: (t4) => {
+							const { embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex } = t4;
+							return /* @__PURE__ */ jsx(AutoFormFields, {
+								collection: embeddedCollection,
+								mode: "collection",
+								config: embeddedCollectionConfig,
+								registry,
+								fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
+								allCollectionsConfig
+							});
+						}
+					}, fieldName);
+				}
+				if (typeof item === "object" && "type" in item) switch (item.type) {
+					case "tabs": return /* @__PURE__ */ jsx(TabsLayoutRenderer, {
+						tabsLayout: item,
+						fields,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						excludedFields,
+						entityMeta,
+						formValues,
+						resolveText
+					}, getLayoutKey(item));
+					case "section": return /* @__PURE__ */ jsx(SectionLayoutRenderer, {
+						section: item,
+						index,
+						fields,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						excludedFields,
+						entityMeta,
+						formValues,
+						resolveText
+					}, getLayoutKey(item));
+					default: return null;
+				}
+				return null;
+			};
+			$[12] = allCollectionsConfig;
+			$[13] = collection;
+			$[14] = entityMeta;
+			$[15] = excludedFields;
+			$[16] = fieldPrefix;
+			$[17] = fields;
+			$[18] = formValues;
+			$[19] = mode;
+			$[20] = registry;
+			$[21] = resolveText;
+			$[22] = t3$1;
+		} else t3$1 = $[22];
+		t2 = fieldItems.map(t3$1).filter(Boolean);
+		$[0] = allCollectionsConfig;
+		$[1] = collection;
+		$[2] = entityMeta;
+		$[3] = excludedFields;
+		$[4] = fieldItems;
+		$[5] = fieldPrefix;
+		$[6] = fields;
+		$[7] = formValues;
+		$[8] = mode;
+		$[9] = registry;
+		$[10] = resolveText;
+		$[11] = t2;
+	} else t2 = $[11];
+	const validItems = t2;
+	let t3;
+	if ($[23] !== validItems) {
+		t3 = validItems.length === 1 ? validItems[0] : /* @__PURE__ */ jsx("div", {
+			className: "space-y-6",
+			children: validItems
+		});
+		$[23] = validItems;
+		$[24] = t3;
+	} else t3 = $[24];
+	return t3;
+}
+/**
+* Render a section layout
+* Mirrors object field: wrapper (flat|collapsible) + layout (stack|inline|grid)
+*/
+function SectionLayoutRenderer(t0) {
+	const $ = c(51);
+	const { section, index, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	if (resolveValue(section.hidden, formValues, false)) return null;
+	const wrapper = section.wrapper ?? "flat";
+	const layout = section.layout ?? "stack";
+	const columns = section.columns ?? 2;
+	const gap = section.gap;
+	let t2;
+	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== columns || $[3] !== entityMeta || $[4] !== excludedFields || $[5] !== fieldPrefix || $[6] !== fields || $[7] !== formValues || $[8] !== gap || $[9] !== layout || $[10] !== mode || $[11] !== registry || $[12] !== resolveText || $[13] !== section.className || $[14] !== section.fields) {
+		const renderSectionFields = () => {
+			if (layout === "grid") return renderFields({
+				fieldItems: section.fields,
 				fields,
 				collection,
 				mode,
@@ -135,12 +257,44 @@ function renderFieldLayoutItems({ fieldItems, fields, collection, mode = "collec
 				fieldPrefix,
 				allCollectionsConfig,
 				excludedFields,
-				formValues,
-				resolveText
-			}) }, getLayoutKey(item));
-			case "section": return /* @__PURE__ */ jsx(React$1.Fragment, { children: renderSection({
-				section: item,
-				index,
+				entityMeta,
+				columns,
+				gap,
+				className: section.className
+			});
+			if (layout === "inline") return /* @__PURE__ */ jsx("div", {
+				className: cn("flex flex-wrap gap-4", section.className),
+				children: section.fields.map((item, _idx) => {
+					const fieldName = getFieldName(item);
+					if (!fieldName || !fields[fieldName]) return null;
+					if (excludedFields?.has(fieldName)) return null;
+					const fieldDef = fields[fieldName];
+					return /* @__PURE__ */ jsx(FieldRenderer, {
+						fieldName,
+						fieldDef,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						entityMeta,
+						className: typeof item === "object" && "className" in item ? item.className : void 0,
+						renderEmbeddedFields: (t3$1) => {
+							const { embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex } = t3$1;
+							return /* @__PURE__ */ jsx(AutoFormFields, {
+								collection: embeddedCollection,
+								mode: "collection",
+								config: embeddedCollectionConfig,
+								registry,
+								fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
+								allCollectionsConfig
+							});
+						}
+					}, fieldName);
+				})
+			});
+			return /* @__PURE__ */ jsx(FieldLayoutItems, {
+				fieldItems: section.fields,
 				fields,
 				collection,
 				mode,
@@ -148,173 +302,274 @@ function renderFieldLayoutItems({ fieldItems, fields, collection, mode = "collec
 				fieldPrefix,
 				allCollectionsConfig,
 				excludedFields,
+				entityMeta,
 				formValues,
 				resolveText
-			}) }, getLayoutKey(item));
-			default: return null;
-		}
-		return null;
-	}).filter(Boolean);
-	return validItems.length === 1 ? validItems[0] : /* @__PURE__ */ jsx("div", {
-		className: "space-y-6",
-		children: validItems
-	});
+			});
+		};
+		t2 = renderSectionFields();
+		$[0] = allCollectionsConfig;
+		$[1] = collection;
+		$[2] = columns;
+		$[3] = entityMeta;
+		$[4] = excludedFields;
+		$[5] = fieldPrefix;
+		$[6] = fields;
+		$[7] = formValues;
+		$[8] = gap;
+		$[9] = layout;
+		$[10] = mode;
+		$[11] = registry;
+		$[12] = resolveText;
+		$[13] = section.className;
+		$[14] = section.fields;
+		$[15] = t2;
+	} else t2 = $[15];
+	const content = t2;
+	if (!content) return null;
+	let t3;
+	if ($[16] !== formValues || $[17] !== resolveText || $[18] !== section.description || $[19] !== section.label) {
+		t3 = section.label || section.description ? /* @__PURE__ */ jsxs("div", {
+			className: "mb-4",
+			children: [section.label && /* @__PURE__ */ jsx("h3", {
+				className: "qa-form-fields__section-title text-lg font-semibold",
+				children: resolveText(section.label, "", formValues)
+			}), section.description && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-1 text-sm",
+				children: resolveText(section.description, "", formValues)
+			})]
+		}) : null;
+		$[16] = formValues;
+		$[17] = resolveText;
+		$[18] = section.description;
+		$[19] = section.label;
+		$[20] = t3;
+	} else t3 = $[20];
+	const header = t3;
+	if (wrapper === "collapsible") {
+		const value = `section-${index}`;
+		const defaultOpen = section.defaultCollapsed !== true;
+		let t4$1;
+		if ($[21] !== defaultOpen || $[22] !== value) {
+			t4$1 = defaultOpen ? [value] : [];
+			$[21] = defaultOpen;
+			$[22] = value;
+			$[23] = t4$1;
+		} else t4$1 = $[23];
+		let t5$1;
+		if ($[24] !== formValues || $[25] !== resolveText || $[26] !== section.label) {
+			t5$1 = resolveText(section.label, "Section", formValues);
+			$[24] = formValues;
+			$[25] = resolveText;
+			$[26] = section.label;
+			$[27] = t5$1;
+		} else t5$1 = $[27];
+		let t6;
+		if ($[28] !== t5$1) {
+			t6 = /* @__PURE__ */ jsx(AccordionTrigger, {
+				className: "hover:no-underline",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: t5$1
+				})
+			});
+			$[28] = t5$1;
+			$[29] = t6;
+		} else t6 = $[29];
+		let t7;
+		if ($[30] !== formValues || $[31] !== resolveText || $[32] !== section.description) {
+			t7 = section.description && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mb-4 text-sm",
+				children: resolveText(section.description, "", formValues)
+			});
+			$[30] = formValues;
+			$[31] = resolveText;
+			$[32] = section.description;
+			$[33] = t7;
+		} else t7 = $[33];
+		let t8;
+		if ($[34] !== content || $[35] !== t7) {
+			t8 = /* @__PURE__ */ jsxs(AccordionContent, {
+				className: "pt-2 pb-4",
+				children: [t7, content]
+			});
+			$[34] = content;
+			$[35] = t7;
+			$[36] = t8;
+		} else t8 = $[36];
+		let t9;
+		if ($[37] !== t6 || $[38] !== t8 || $[39] !== value) {
+			t9 = /* @__PURE__ */ jsxs(AccordionItem, {
+				value,
+				className: "border px-4",
+				children: [t6, t8]
+			});
+			$[37] = t6;
+			$[38] = t8;
+			$[39] = value;
+			$[40] = t9;
+		} else t9 = $[40];
+		let t10;
+		if ($[41] !== t4$1 || $[42] !== t9 || $[43] !== value) {
+			t10 = /* @__PURE__ */ jsx(Accordion, {
+				defaultValue: t4$1,
+				className: "w-full",
+				children: t9
+			}, value);
+			$[41] = t4$1;
+			$[42] = t9;
+			$[43] = value;
+			$[44] = t10;
+		} else t10 = $[44];
+		return t10;
+	}
+	let t4;
+	if ($[45] !== section.className) {
+		t4 = cn("qa-form-fields__section space-y-4", section.className);
+		$[45] = section.className;
+		$[46] = t4;
+	} else t4 = $[46];
+	let t5;
+	if ($[47] !== content || $[48] !== header || $[49] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [header, content]
+		});
+		$[47] = content;
+		$[48] = header;
+		$[49] = t4;
+		$[50] = t5;
+	} else t5 = $[50];
+	return t5;
 }
 /**
-* Render a section layout
-* Mirrors object field: wrapper (flat|collapsible) + layout (stack|inline|grid)
+* Render tabs layout
 */
-function renderSection({ section, index, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, excludedFields, formValues, resolveText }) {
-	if (resolveValue(section.hidden, formValues, false)) return null;
-	const wrapper = section.wrapper ?? "flat";
-	const layout = section.layout ?? "stack";
-	const columns = section.columns ?? 2;
-	const gap = section.gap;
-	const renderSectionFields = () => {
-		if (layout === "grid") return renderFields({
-			fieldItems: section.fields,
-			fields,
-			collection,
-			mode,
-			registry,
-			fieldPrefix,
-			allCollectionsConfig,
-			excludedFields,
-			columns,
-			gap,
-			className: section.className
-		});
-		if (layout === "inline") return /* @__PURE__ */ jsx("div", {
-			className: cn("flex flex-wrap gap-4", section.className),
-			children: section.fields.map((item, _idx) => {
-				const fieldName = getFieldName(item);
-				if (!fieldName || !fields[fieldName]) return null;
-				if (excludedFields?.has(fieldName)) return null;
-				const fieldDef = fields[fieldName];
-				const fieldOptions = fieldDef["~options"] || {};
-				if (!(typeof fieldOptions.visible === "function" ? fieldOptions.visible(formValues) : fieldOptions.visible !== false)) return null;
-				return /* @__PURE__ */ jsx(FieldRenderer, {
-					fieldName,
-					fieldDef,
-					collection,
-					mode,
-					registry,
-					fieldPrefix,
-					allCollectionsConfig,
-					className: typeof item === "object" && "className" in item ? item.className : void 0,
-					renderEmbeddedFields: ({ embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex }) => /* @__PURE__ */ jsx(AutoFormFields, {
-						collection: embeddedCollection,
-						mode: "collection",
-						config: embeddedCollectionConfig,
+function TabsLayoutRenderer(t0) {
+	const $ = c(29);
+	const { tabsLayout, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	const t2 = tabsLayout.tabs;
+	let t3;
+	let t4;
+	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== entityMeta || $[3] !== excludedFields || $[4] !== fieldPrefix || $[5] !== fields || $[6] !== formValues || $[7] !== mode || $[8] !== registry || $[9] !== resolveText || $[10] !== tabsLayout.tabs) {
+		t4 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let t5;
+			if ($[13] !== formValues) {
+				t5 = (tab) => !resolveValue(tab.hidden, formValues, false);
+				$[13] = formValues;
+				$[14] = t5;
+			} else t5 = $[14];
+			const visibleTabs = t2.filter(t5);
+			if (!visibleTabs.length) {
+				t4 = null;
+				break bb0;
+			}
+			const defaultTab = visibleTabs[0]?.id;
+			let t6;
+			if ($[15] !== formValues || $[16] !== resolveText) {
+				t6 = (tab_0) => /* @__PURE__ */ jsxs(TabsTrigger, {
+					value: tab_0.id,
+					children: [resolveIconElement(tab_0.icon, { className: "mr-2 size-4" }), resolveText(tab_0.label, tab_0.id, formValues)]
+				}, tab_0.id);
+				$[15] = formValues;
+				$[16] = resolveText;
+				$[17] = t6;
+			} else t6 = $[17];
+			let t7;
+			if ($[18] !== allCollectionsConfig || $[19] !== collection || $[20] !== entityMeta || $[21] !== excludedFields || $[22] !== fieldPrefix || $[23] !== fields || $[24] !== formValues || $[25] !== mode || $[26] !== registry || $[27] !== resolveText) {
+				t7 = (tab_1) => /* @__PURE__ */ jsx(TabsContent, {
+					value: tab_1.id,
+					className: "mt-4",
+					children: /* @__PURE__ */ jsx(FieldLayoutItems, {
+						fieldItems: tab_1.fields,
+						fields,
+						collection,
+						mode,
 						registry,
-						fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
-						allCollectionsConfig
+						fieldPrefix,
+						allCollectionsConfig,
+						excludedFields,
+						entityMeta,
+						formValues,
+						resolveText
 					})
-				}, fieldName);
-			})
-		});
-		return renderFieldLayoutItems({
-			fieldItems: section.fields,
+				}, tab_1.id);
+				$[18] = allCollectionsConfig;
+				$[19] = collection;
+				$[20] = entityMeta;
+				$[21] = excludedFields;
+				$[22] = fieldPrefix;
+				$[23] = fields;
+				$[24] = formValues;
+				$[25] = mode;
+				$[26] = registry;
+				$[27] = resolveText;
+				$[28] = t7;
+			} else t7 = $[28];
+			t3 = /* @__PURE__ */ jsxs(Tabs, {
+				defaultValue: defaultTab,
+				children: [/* @__PURE__ */ jsx(TabsList, {
+					variant: "line",
+					children: visibleTabs.map(t6)
+				}), visibleTabs.map(t7)]
+			});
+		}
+		$[0] = allCollectionsConfig;
+		$[1] = collection;
+		$[2] = entityMeta;
+		$[3] = excludedFields;
+		$[4] = fieldPrefix;
+		$[5] = fields;
+		$[6] = formValues;
+		$[7] = mode;
+		$[8] = registry;
+		$[9] = resolveText;
+		$[10] = tabsLayout.tabs;
+		$[11] = t3;
+		$[12] = t4;
+	} else {
+		t3 = $[11];
+		t4 = $[12];
+	}
+	if (t4 !== Symbol.for("react.early_return_sentinel")) return t4;
+	return t3;
+}
+/**
+* Render sidebar content
+*/
+function SidebarRenderer(t0) {
+	const $ = c(11);
+	const { sidebar, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, entityMeta, formValues, resolveText } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	let t2;
+	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== entityMeta || $[3] !== fieldPrefix || $[4] !== fields || $[5] !== formValues || $[6] !== mode || $[7] !== registry || $[8] !== resolveText || $[9] !== sidebar.fields) {
+		t2 = /* @__PURE__ */ jsx(FieldLayoutItems, {
+			fieldItems: sidebar.fields,
 			fields,
 			collection,
 			mode,
 			registry,
 			fieldPrefix,
 			allCollectionsConfig,
-			excludedFields,
+			entityMeta,
 			formValues,
 			resolveText
 		});
-	};
-	const content = renderSectionFields();
-	if (!content) return null;
-	const header = section.label || section.description ? /* @__PURE__ */ jsxs("div", {
-		className: "mb-4",
-		children: [section.label && /* @__PURE__ */ jsx("h3", {
-			className: "text-lg font-semibold",
-			children: resolveText(section.label, "", formValues)
-		}), section.description && /* @__PURE__ */ jsx("p", {
-			className: "text-sm text-muted-foreground mt-1",
-			children: resolveText(section.description, "", formValues)
-		})]
-	}) : null;
-	if (wrapper === "collapsible") {
-		const value = `section-${index}`;
-		return /* @__PURE__ */ jsx(Accordion, {
-			defaultValue: section.defaultCollapsed !== true ? [value] : [],
-			className: "w-full",
-			children: /* @__PURE__ */ jsxs(AccordionItem, {
-				value,
-				className: "border rounded-lg px-4",
-				children: [/* @__PURE__ */ jsx(AccordionTrigger, {
-					className: "hover:no-underline",
-					children: /* @__PURE__ */ jsx("span", {
-						className: "font-semibold",
-						children: resolveText(section.label, "Section", formValues)
-					})
-				}), /* @__PURE__ */ jsxs(AccordionContent, {
-					className: "pt-2 pb-4",
-					children: [section.description && /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-muted-foreground mb-4",
-						children: resolveText(section.description, "", formValues)
-					}), content]
-				})]
-			})
-		}, value);
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("space-y-4", section.className),
-		children: [header, content]
-	});
-}
-/**
-* Render tabs layout
-*/
-function renderTabs({ tabsLayout, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, excludedFields, formValues, resolveText }) {
-	const visibleTabs = tabsLayout.tabs.filter((tab) => !resolveValue(tab.hidden, formValues, false));
-	if (!visibleTabs.length) return null;
-	const defaultTab = visibleTabs[0]?.id;
-	return /* @__PURE__ */ jsxs(Tabs, {
-		defaultValue: defaultTab,
-		children: [/* @__PURE__ */ jsx(TabsList, {
-			variant: "line",
-			children: visibleTabs.map((tab) => /* @__PURE__ */ jsxs(TabsTrigger, {
-				value: tab.id,
-				children: [resolveIconElement(tab.icon, { className: "mr-2 size-4" }), resolveText(tab.label, tab.id, formValues)]
-			}, tab.id))
-		}), visibleTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, {
-			value: tab.id,
-			className: "mt-4",
-			children: renderFieldLayoutItems({
-				fieldItems: tab.fields,
-				fields,
-				collection,
-				mode,
-				registry,
-				fieldPrefix,
-				allCollectionsConfig,
-				excludedFields,
-				formValues,
-				resolveText
-			})
-		}, tab.id))]
-	});
-}
-/**
-* Render sidebar content
-*/
-function renderSidebar({ sidebar, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, formValues, resolveText }) {
-	return renderFieldLayoutItems({
-		fieldItems: sidebar.fields,
-		fields,
-		collection,
-		mode,
-		registry,
-		fieldPrefix,
-		allCollectionsConfig,
-		formValues,
-		resolveText
-	});
+		$[0] = allCollectionsConfig;
+		$[1] = collection;
+		$[2] = entityMeta;
+		$[3] = fieldPrefix;
+		$[4] = fields;
+		$[5] = formValues;
+		$[6] = mode;
+		$[7] = registry;
+		$[8] = resolveText;
+		$[9] = sidebar.fields;
+		$[10] = t2;
+	} else t2 = $[10];
+	return t2;
 }
 /**
 * Extract field names from field layout items recursively
@@ -351,103 +606,268 @@ function extractFieldNamesFromFieldItems(fieldItems) {
 * Supports recursive tabs/sections nesting and auto-generates
 * field list when no form config is defined.
 */
-function AutoFormFields({ cms: _cms, collection, mode = "collection", config, registry, renderField, fieldPrefix, allCollectionsConfig }) {
-	const collectionResult = useCollectionFields(mode === "collection" ? collection : "", {
-		fallbackFields: mode === "collection" ? config?.fields : void 0,
-		schemaQueryOptions: { enabled: mode === "collection" }
-	});
-	const globalResult = useGlobalFields(mode === "global" ? collection : "", { schemaQueryOptions: { enabled: mode === "global" } });
+function AutoFormFields(t0) {
+	const $ = c(55);
+	const { collection, mode: t1, config, registry, fieldResolver, fieldPrefix, allCollectionsConfig } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	const t2 = mode === "collection" ? config?.fields : void 0;
+	const t3 = mode === "collection";
+	let t4;
+	if ($[0] !== t3) {
+		t4 = { enabled: t3 };
+		$[0] = t3;
+		$[1] = t4;
+	} else t4 = $[1];
+	let t5;
+	if ($[2] !== t2 || $[3] !== t4) {
+		t5 = {
+			fallbackFields: t2,
+			schemaQueryOptions: t4
+		};
+		$[2] = t2;
+		$[3] = t4;
+		$[4] = t5;
+	} else t5 = $[4];
+	const collectionResult = useCollectionFields(mode === "collection" ? collection : "", t5);
+	const t6 = mode === "global";
+	let t7;
+	if ($[5] !== t6) {
+		t7 = { schemaQueryOptions: { enabled: t6 } };
+		$[5] = t6;
+		$[6] = t7;
+	} else t7 = $[6];
+	const globalResult = useGlobalFields(mode === "global" ? collection : "", t7);
+	const t8 = mode === "collection";
+	let t9;
+	if ($[7] !== t8) {
+		t9 = { enabled: t8 };
+		$[7] = t8;
+		$[8] = t9;
+	} else t9 = $[8];
+	const { data: collectionMeta } = useCollectionMeta(collection, t9);
+	const t10 = mode === "global";
+	let t11;
+	if ($[9] !== t10) {
+		t11 = { enabled: t10 };
+		$[9] = t10;
+		$[10] = t11;
+	} else t11 = $[10];
+	const { data: globalMeta } = useGlobalMeta(collection, t11);
 	const resolvedFields = mode === "global" ? {
 		...globalResult.fields,
 		...config?.fields
 	} : collectionResult.fields;
 	const schema = mode === "global" ? globalResult.schema : collectionResult.schema;
-	const watchedValues = useWatch({ control: useFormContext().control });
-	const formValues = React$1.useMemo(() => {
-		if (!watchedValues) return {};
-		if (!fieldPrefix) return watchedValues;
-		const parts = fieldPrefix.split(".");
-		let result = watchedValues;
-		for (const part of parts) {
-			result = result?.[part];
-			if (result === void 0) return {};
-		}
-		return result ?? {};
-	}, [watchedValues, fieldPrefix]);
+	const entityMeta = mode === "global" ? globalMeta : collectionMeta;
+	const form = useFormContext();
 	const resolveText = useResolveText();
 	const fields = resolvedFields || {};
-	const schemaFormConfig = mapFormSchemaToConfig(schema?.admin?.form);
+	const t12 = schema?.admin?.form;
+	let t13;
+	if ($[11] !== t12) {
+		t13 = mapFormSchemaToConfig(t12);
+		$[11] = t12;
+		$[12] = t13;
+	} else t13 = $[12];
+	const schemaFormConfig = t13;
 	const formConfig = (config?.form)?.["~config"] ?? config?.form ?? schemaFormConfig;
+	let t14;
+	bb0: {
+		if (!fieldPrefix) {
+			let t15$2;
+			if ($[13] !== form) {
+				t15$2 = form.getValues() ?? {};
+				$[13] = form;
+				$[14] = t15$2;
+			} else t15$2 = $[14];
+			t14 = t15$2;
+			break bb0;
+		}
+		let t15$1;
+		if ($[15] !== fieldPrefix || $[16] !== form) {
+			t15$1 = form.getValues(fieldPrefix) ?? {};
+			$[15] = fieldPrefix;
+			$[16] = form;
+			$[17] = t15$1;
+		} else t15$1 = $[17];
+		t14 = t15$1;
+	}
+	const initialScopedValues = t14;
+	let t15;
+	if ($[18] !== fieldPrefix || $[19] !== formConfig || $[20] !== initialScopedValues) {
+		const deps = /* @__PURE__ */ new Set();
+		collectLayoutDependencies(formConfig?.fields, initialScopedValues, deps);
+		if (formConfig?.sidebar?.fields) collectLayoutDependencies(formConfig.sidebar.fields, initialScopedValues, deps);
+		t15 = scopeDependencies([...deps], fieldPrefix);
+		$[18] = fieldPrefix;
+		$[19] = formConfig;
+		$[20] = initialScopedValues;
+		$[21] = t15;
+	} else t15 = $[21];
+	const layoutWatchDeps = t15;
+	const t16 = layoutWatchDeps;
+	const t17 = layoutWatchDeps.length === 0;
+	let t18;
+	if ($[22] !== form.control || $[23] !== t16 || $[24] !== t17) {
+		t18 = {
+			control: form.control,
+			name: t16,
+			disabled: t17
+		};
+		$[22] = form.control;
+		$[23] = t16;
+		$[24] = t17;
+		$[25] = t18;
+	} else t18 = $[25];
+	useWatch(t18);
+	let t19;
+	bb1: {
+		if (!fieldPrefix) {
+			let t20$2;
+			if ($[26] !== form) {
+				t20$2 = form.getValues() ?? {};
+				$[26] = form;
+				$[27] = t20$2;
+			} else t20$2 = $[27];
+			t19 = t20$2;
+			break bb1;
+		}
+		let t20$1;
+		if ($[28] !== fieldPrefix || $[29] !== form) {
+			t20$1 = form.getValues(fieldPrefix) ?? {};
+			$[28] = fieldPrefix;
+			$[29] = form;
+			$[30] = t20$1;
+		} else t20$1 = $[30];
+		t19 = t20$1;
+	}
+	const formValues = t19;
 	const allFieldNames = Object.keys(fields);
 	const sidebarFieldNames = formConfig?.sidebar ? extractFieldNamesFromFieldItems(formConfig.sidebar.fields) : /* @__PURE__ */ new Set();
-	if (renderField) return /* @__PURE__ */ jsx("div", {
-		className: "space-y-4",
-		children: allFieldNames.map((fieldName) => {
+	if (fieldResolver) {
+		const renderedFields = allFieldNames.map((fieldName) => {
 			const fullFieldName = getFullFieldName(fieldName, fieldPrefix);
-			return /* @__PURE__ */ jsx(React$1.Fragment, { children: renderField(fullFieldName, fields[fieldName]) }, fullFieldName);
-		})
-	});
-	const renderMainContent = () => {
-		if (formConfig?.fields?.length) return renderFieldLayoutItems({
-			fieldItems: formConfig.fields,
-			fields,
-			collection,
-			mode,
-			registry,
-			fieldPrefix,
-			allCollectionsConfig,
-			excludedFields: sidebarFieldNames,
-			formValues,
-			resolveText
+			return /* @__PURE__ */ jsx(React.Fragment, { children: fieldResolver(fullFieldName, fields[fieldName]) }, fullFieldName);
 		});
+		let t20$1;
+		if ($[31] !== renderedFields) {
+			t20$1 = /* @__PURE__ */ jsx("div", {
+				className: "space-y-4",
+				children: renderedFields
+			});
+			$[31] = renderedFields;
+			$[32] = t20$1;
+		} else t20$1 = $[32];
+		return t20$1;
+	}
+	let mainContent = null;
+	if (formConfig?.fields?.length) mainContent = /* @__PURE__ */ jsx(FieldLayoutItems, {
+		fieldItems: formConfig.fields,
+		fields,
+		collection,
+		mode,
+		registry,
+		fieldPrefix,
+		allCollectionsConfig,
+		excludedFields: sidebarFieldNames,
+		entityMeta,
+		formValues,
+		resolveText
+	});
+	else {
 		const autoFields = allFieldNames.filter((f) => !sidebarFieldNames.has(f));
-		if (autoFields.length) return renderFields({
+		if (autoFields.length) mainContent = renderFields({
 			fieldItems: autoFields,
 			fields,
 			collection,
 			mode,
 			registry,
 			fieldPrefix,
-			allCollectionsConfig
-		});
-		return null;
-	};
-	const mainContent = renderMainContent();
-	if (formConfig?.sidebar?.fields?.length && formConfig?.sidebar) {
-		const sidebarContent = renderSidebar({
-			sidebar: formConfig.sidebar,
-			fields,
-			collection,
-			mode,
-			registry,
-			fieldPrefix,
 			allCollectionsConfig,
-			formValues,
-			resolveText
+			entityMeta
 		});
-		return /* @__PURE__ */ jsx("div", {
-			className: "@container w-full",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: cn("flex flex-col-reverse gap-6 @2xl:flex-row", (formConfig.sidebar.position || "right") === "left" && "@2xl:flex-row-reverse"),
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "min-w-0 flex-1",
-					children: mainContent
-				}), sidebarContent && /* @__PURE__ */ jsx("aside", {
-					className: cn("@2xl:border-l @max-2xl:border-b @max-2xl:pb-4 w-full border-border @2xl:pl-4", "w-full @2xl:max-w-xs"),
-					children: /* @__PURE__ */ jsx("div", {
-						className: "space-y-4 @2xl:sticky @2xl:h-auto @2xl:top-4",
-						children: sidebarContent
+	}
+	if (formConfig?.sidebar?.fields?.length && formConfig?.sidebar) {
+		const t20$1 = (formConfig.sidebar.position || "right") === "left" && "@2xl:flex-row-reverse";
+		let t21;
+		if ($[33] !== t20$1) {
+			t21 = cn("qa-form-fields__layout flex flex-col-reverse gap-6 @2xl:flex-row", t20$1);
+			$[33] = t20$1;
+			$[34] = t21;
+		} else t21 = $[34];
+		let t22;
+		if ($[35] !== mainContent) {
+			t22 = /* @__PURE__ */ jsx("div", {
+				className: "qa-form-fields__main min-w-0 flex-1",
+				children: mainContent
+			});
+			$[35] = mainContent;
+			$[36] = t22;
+		} else t22 = $[36];
+		let t23;
+		if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+			t23 = cn("qa-form-fields__sidebar", "border-border w-full @max-2xl:border-b @max-2xl:pb-4 @2xl:border-l @2xl:pl-4", "w-full @2xl:max-w-xs");
+			$[37] = t23;
+		} else t23 = $[37];
+		let t24;
+		if ($[38] !== allCollectionsConfig || $[39] !== collection || $[40] !== entityMeta || $[41] !== fieldPrefix || $[42] !== fields || $[43] !== formConfig.sidebar || $[44] !== formValues || $[45] !== mode || $[46] !== registry || $[47] !== resolveText) {
+			t24 = /* @__PURE__ */ jsx("aside", {
+				className: t23,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "space-y-4 @2xl:sticky @2xl:top-4 @2xl:h-auto",
+					children: /* @__PURE__ */ jsx(SidebarRenderer, {
+						sidebar: formConfig.sidebar,
+						fields,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						entityMeta,
+						formValues,
+						resolveText
 					})
-				})]
-			})
-		});
+				})
+			});
+			$[38] = allCollectionsConfig;
+			$[39] = collection;
+			$[40] = entityMeta;
+			$[41] = fieldPrefix;
+			$[42] = fields;
+			$[43] = formConfig.sidebar;
+			$[44] = formValues;
+			$[45] = mode;
+			$[46] = registry;
+			$[47] = resolveText;
+			$[48] = t24;
+		} else t24 = $[48];
+		let t25;
+		if ($[49] !== t21 || $[50] !== t22 || $[51] !== t24) {
+			t25 = /* @__PURE__ */ jsx("div", {
+				className: "qa-form-fields @container w-full",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: t21,
+					children: [t22, t24]
+				})
+			});
+			$[49] = t21;
+			$[50] = t22;
+			$[51] = t24;
+			$[52] = t25;
+		} else t25 = $[52];
+		return t25;
 	}
-	return /* @__PURE__ */ jsx("div", {
-		className: "@container",
-		children: mainContent
-	});
+	let t20;
+	if ($[53] !== mainContent) {
+		t20 = /* @__PURE__ */ jsx("div", {
+			className: "qa-form-fields @container",
+			children: mainContent
+		});
+		$[53] = mainContent;
+		$[54] = t20;
+	} else t20 = $[54];
+	return t20;
 }
 
 //#endregion
-export { AutoFormFields };
-//# sourceMappingURL=auto-form-fields.mjs.map
+export { AutoFormFields };