@rebasepro/admin 0.4.0 → 0.6.0

package/dist/PropertyEditView-DEUddmg_.js

@@ -0,0 +1,3660 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { Bt as ArrayContainer, Ct as getFieldConfig, Zt as FieldCaption, a as namespaceToPropertiesPath, bt as DEFAULT_FIELD_CONFIGS, i as namespaceToPropertiesOrderPath, kn as useCollectionRegistryController, n as getFullIdPath, r as idToPropertiesPath, t as getFullId, wt as getFieldId, yt as PropertyConfigBadge } from "./src-BJ8fkM8y.js";
+import React, { createContext, useCallback, useContext, useDeferredValue, useEffect, useMemo, useRef, useState } from "react";
+import { deepEqual } from "fast-equals";
+import { AlertTriangleIcon, ArrowDownToLineIcon, ArrowUpToLineIcon, Badge, BooleanSwitchWithLabel, Button, Card, CheckSquareIcon, CircularProgress, DebouncedTextField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, FileSearchIcon, FunctionSquareIcon, IconButton, InfoLabel, ListIcon, Menu, MenuItem, MinusCircleIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, Paper, PlusIcon, RefreshCcwIcon, Select, SelectItem, SettingsIcon, TextField, Tooltip, Trash2Icon, Typography, UploadCloudIcon, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
+import { isPropertyBuilder, resolveEnumValues } from "@rebasepro/common";
+import { AIModifiedIndicator, ConfirmationDialog, IconForView, useCustomizationController, useSnackbarController, useTranslation } from "@rebasepro/core";
+import { Field, Formex, getIn, useCreateFormex, useFormex } from "@rebasepro/formex";
+import { isValidRegExp, mergeDeep, prettifyIdentifier, serializeRegExp, toSnakeCase } from "@rebasepro/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
+import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { extractEnumFromValues } from "@rebasepro/schema-inference";
+//#region src/collection_editor/ui/collection_editor/EnumForm.tsx
+function EnumForm({ enumValues, onValuesChanged, onError, updateIds, disabled, allowDataInference, getData }) {
+	const formex = useCreateFormex({
+		initialValues: { enum: enumValues },
+		validateOnChange: true,
+		validation: (values) => {
+			const enumErrors = [];
+			let hasAnyError = false;
+			if (values.enum) values.enum.forEach((enumValue, index) => {
+				const fieldError = {};
+				if (!enumValue?.label) {
+					fieldError.label = "You must specify a label for this enum value entry";
+					hasAnyError = true;
+				}
+				if (!enumValue?.id) {
+					fieldError.id = "You must specify an ID for this enum value entry";
+					hasAnyError = true;
+				}
+				enumErrors[index] = fieldError;
+			});
+			const errors = hasAnyError ? { enum: enumErrors } : {};
+			onError?.(hasAnyError);
+			return errors;
+		}
+	});
+	const { values, errors } = formex;
+	useEffect(() => {
+		if (onValuesChanged) onValuesChanged(values.enum);
+	}, [values.enum]);
+	return /* @__PURE__ */ jsx(Formex, {
+		value: formex,
+		children: /* @__PURE__ */ jsx(EnumFormFields, {
+			enumValuesPath: "enum",
+			values,
+			errors,
+			shouldUpdateId: updateIds,
+			disabled,
+			allowDataInference,
+			getData
+		})
+	});
+}
+function EnumFormFields({ values, errors, disabled, enumValuesPath, shouldUpdateId, allowDataInference, getData }) {
+	const { setFieldValue } = useFormex();
+	const [lastInternalIdAdded, setLastInternalIdAdded] = React.useState();
+	const [editDialogIndex, setEditDialogIndex] = React.useState();
+	const [inferring, setInferring] = React.useState(false);
+	const inferredValues = React.useRef(/* @__PURE__ */ new Set()).current;
+	const buildEntry = ({ index, internalId }) => {
+		const justAdded = lastInternalIdAdded === internalId;
+		const entryError = errors?.enum?.[index];
+		return /* @__PURE__ */ jsx(EnumEntry, {
+			index,
+			disabled,
+			enumValuesPath,
+			autoFocus: justAdded,
+			entryError,
+			shouldUpdateId: shouldUpdateId || justAdded,
+			onDialogOpen: () => setEditDialogIndex(index),
+			inferredEntry: inferredValues.has(values.enum[index]?.id)
+		}, `${internalId}`);
+	};
+	const inferValues = async () => {
+		if (!getData) return;
+		setInferring(true);
+		getData?.().then((data) => {
+			if (!data) return;
+			const flatData = data.flat();
+			const fieldData = Array.from(new Set(flatData));
+			const currentEnumValues = values.enum;
+			const newEnumValues = extractEnumFromValues(fieldData).filter((enumValue) => {
+				if (!enumValue) return false;
+				return !currentEnumValues?.some((v) => v.id === enumValue.id);
+			});
+			newEnumValues.forEach((enumValue) => {
+				if (enumValue) inferredValues.add(enumValue.id);
+			});
+			setFieldValue(enumValuesPath, [...newEnumValues, ...currentEnumValues], true);
+		}).catch((e) => {
+			console.error(e);
+		}).finally(() => setInferring(false));
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "col-span-12",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "ml-3.5 flex flex-row items-center",
+			children: [
+				/* @__PURE__ */ jsx(ListIcon, {}),
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "subtitle2",
+					className: "ml-2 grow",
+					children: "Values"
+				}),
+				allowDataInference && /* @__PURE__ */ jsxs(Button, {
+					loading: inferring,
+					disabled: disabled || inferring,
+					variant: "text",
+					size: "small",
+					onClick: inferValues,
+					children: [inferring ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(RefreshCcwIcon, {}), "Infer values from data"]
+				})
+			]
+		}), /* @__PURE__ */ jsxs(Paper, {
+			className: "p-4 m-1",
+			children: [/* @__PURE__ */ jsx(ArrayContainer, {
+				droppableId: enumValuesPath,
+				addLabel: "Add enum value",
+				value: values.enum,
+				disabled,
+				size: "small",
+				buildEntry,
+				onInternalIdAdded: setLastInternalIdAdded,
+				canAddElements: true,
+				onValueChange: (value) => setFieldValue(enumValuesPath, value),
+				newDefaultEntry: {
+					id: "",
+					label: ""
+				}
+			}), /* @__PURE__ */ jsx(EnumEntryDialog, {
+				index: editDialogIndex,
+				open: editDialogIndex !== void 0,
+				enumValuesPath,
+				onClose: () => setEditDialogIndex(void 0)
+			})]
+		})]
+	});
+}
+var EnumEntry = React.memo(function EnumEntryInternal({ index, shouldUpdateId: updateId, enumValuesPath, autoFocus, onDialogOpen, disabled, inferredEntry, entryError }) {
+	const { values, handleChange, errors, setFieldValue, touched } = useFormex();
+	const shouldUpdateIdRef = React.useRef(!getIn(values, `${enumValuesPath}[${index}].id`));
+	const shouldUpdateId = updateId || shouldUpdateIdRef.current;
+	const idValue = getIn(values, `${enumValuesPath}[${index}].id`);
+	const labelValue = getIn(values, `${enumValuesPath}[${index}].label`);
+	const currentLabelRef = React.useRef(labelValue);
+	React.useEffect(() => {
+		if ((currentLabelRef.current === idValue || !idValue) && shouldUpdateId) setFieldValue(`${enumValuesPath}[${index}].id`, labelValue);
+		currentLabelRef.current = labelValue;
+	}, [labelValue]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex w-full align-center justify-center",
+			children: [/* @__PURE__ */ jsx(Field, {
+				name: `${enumValuesPath}[${index}].label`,
+				as: DebouncedTextField,
+				className: "grow",
+				required: true,
+				disabled,
+				size: "small",
+				autoFocus,
+				autoComplete: "off",
+				endAdornment: inferredEntry && /* @__PURE__ */ jsx(RefreshCcwIcon, { size: iconSize.small }),
+				error: Boolean(entryError?.label)
+			}), !disabled && /* @__PURE__ */ jsx(Badge, {
+				color: "error",
+				invisible: !entryError?.id,
+				children: /* @__PURE__ */ jsx(IconButton, {
+					size: "small",
+					"aria-label": "edit",
+					className: "m-1",
+					onClick: () => onDialogOpen(),
+					children: /* @__PURE__ */ jsx(SettingsIcon, { size: iconSize.small })
+				})
+			})]
+		}),
+		entryError?.label && /* @__PURE__ */ jsx(Typography, {
+			variant: "caption",
+			className: "ml-3.5 text-red-500 dark:text-red-500",
+			children: entryError?.label
+		}),
+		entryError?.id && /* @__PURE__ */ jsx(Typography, {
+			variant: "caption",
+			className: "ml-3.5 text-red-500 dark:text-red-500",
+			children: entryError?.id
+		})
+	] });
+}, function areEqual(prevProps, nextProps) {
+	return prevProps.index === nextProps.index && prevProps.enumValuesPath === nextProps.enumValuesPath && prevProps.shouldUpdateId === nextProps.shouldUpdateId && prevProps.inferredEntry === nextProps.inferredEntry && deepEqual(prevProps.entryError, nextProps.entryError) && prevProps.autoFocus === nextProps.autoFocus;
+});
+function EnumEntryDialog({ index, open, onClose, enumValuesPath }) {
+	const { errors } = useFormex();
+	const idError = index !== void 0 ? getIn(errors, `${enumValuesPath}[${index}].id`) : void 0;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		maxWidth: "md",
+		"aria-labelledby": "enum-edit-dialog",
+		open,
+		onOpenChange: (open) => !open ? onClose() : void 0,
+		children: [
+			/* @__PURE__ */ jsx(DialogTitle, {
+				hidden: true,
+				children: "Enum form dialog"
+			}),
+			/* @__PURE__ */ jsx(DialogContent, { children: index !== void 0 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Field, {
+				name: `${enumValuesPath}[${index}].id`,
+				as: DebouncedTextField,
+				required: true,
+				label: "ID",
+				size: "small",
+				autoComplete: "off",
+				error: Boolean(idError)
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: Boolean(idError),
+				children: idError ?? "Value saved in the data source"
+			})] }) }),
+			/* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, {
+				autoFocus: true,
+				onClick: onClose,
+				children: "Ok"
+			}) })
+		]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/SwitchControl.tsx
+function SwitchControl({ field, form, label, tooltip, disabled, size = "small", allowIndeterminate }) {
+	const formControlLabel = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
+		label,
+		size,
+		position: "start",
+		value: field.value,
+		disabled,
+		allowIndeterminate,
+		onValueChange: (checked) => form.setFieldValue(field.name, checked)
+	});
+	if (tooltip) return /* @__PURE__ */ jsx(Tooltip, {
+		title: tooltip,
+		children: formControlLabel
+	});
+	return formControlLabel;
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/validation/GeneralPropertyValidation.tsx
+function GeneralPropertyValidation({ disabled }) {
+	const { values, handleChange } = useFormex();
+	const { t } = useTranslation();
+	const validationRequired = "validation.required";
+	const validationRequiredMessage = "validation.requiredMessage";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-6",
+			children: /* @__PURE__ */ jsx(Field, {
+				name: validationRequired,
+				type: "checkbox",
+				children: ({ field, form }) => {
+					return /* @__PURE__ */ jsx(SwitchControl, {
+						disabled,
+						label: t("required"),
+						tooltip: t("required_tooltip"),
+						form,
+						field
+					});
+				}
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-6",
+			children: /* @__PURE__ */ jsx(Field, {
+				name: "validation.unique",
+				type: "checkbox",
+				children: ({ field, form }) => {
+					return /* @__PURE__ */ jsx(SwitchControl, {
+						disabled,
+						label: t("unique"),
+						tooltip: t("unique_tooltip"),
+						form,
+						field
+					});
+				}
+			})
+		}),
+		getIn(values, validationRequired) && /* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(DebouncedTextField, {
+				disabled,
+				value: getIn(values, validationRequiredMessage),
+				label: t("required_message"),
+				name: validationRequiredMessage,
+				size: "small",
+				onChange: handleChange
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/validation/StringPropertyValidation.tsx
+function StringPropertyValidation({ length, lowercase, matches, max, min, trim, uppercase, disabled, showErrors }) {
+	const { values, handleChange, errors } = useFormex();
+	const { t } = useTranslation();
+	const validationLength = "validation.length";
+	const validationMin = "validation.min";
+	const validationMax = "validation.max";
+	const validationTrim = "validation.trim";
+	const validationMatches = "validation.matches";
+	const validationLowercase = "validation.lowercase";
+	const validationUppercase = "validation.uppercase";
+	const matchesError = getIn(errors, validationMatches);
+	const matchesValue = getIn(values, validationMatches);
+	const matchesStringValue = typeof matchesValue === "string" ? matchesValue : serializeRegExp(matchesValue);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid grid-cols-12 gap-2",
+		children: [
+			/* @__PURE__ */ jsx(GeneralPropertyValidation, { disabled }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-12 gap-2 col-span-12",
+				children: [
+					lowercase && /* @__PURE__ */ jsx("div", {
+						className: "col-span-4",
+						children: /* @__PURE__ */ jsx(Field, {
+							name: validationLowercase,
+							type: "checkbox",
+							children: ({ field, form }) => {
+								return /* @__PURE__ */ jsx(SwitchControl, {
+									label: t("lowercase"),
+									disabled,
+									form,
+									field
+								});
+							}
+						})
+					}),
+					uppercase && /* @__PURE__ */ jsx("div", {
+						className: "col-span-4",
+						children: /* @__PURE__ */ jsx(Field, {
+							name: validationUppercase,
+							type: "checkbox",
+							children: ({ field, form }) => {
+								return /* @__PURE__ */ jsx(SwitchControl, {
+									label: t("uppercase"),
+									disabled,
+									form,
+									field
+								});
+							}
+						})
+					}),
+					trim && /* @__PURE__ */ jsx("div", {
+						className: "col-span-4",
+						children: /* @__PURE__ */ jsx(Field, {
+							name: validationTrim,
+							type: "checkbox",
+							children: ({ field, form }) => {
+								return /* @__PURE__ */ jsx(SwitchControl, {
+									label: t("trim"),
+									disabled,
+									form,
+									field
+								});
+							}
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-12 gap-2 col-span-12",
+				children: [
+					length && /* @__PURE__ */ jsx("div", {
+						className: "col-span-4",
+						children: /* @__PURE__ */ jsx(DebouncedTextField, {
+							value: getIn(values, validationLength),
+							label: t("exact_length"),
+							name: validationLength,
+							type: "number",
+							size: "small",
+							disabled,
+							onChange: handleChange
+						})
+					}),
+					min && /* @__PURE__ */ jsx("div", {
+						className: "col-span-4",
+						children: /* @__PURE__ */ jsx(DebouncedTextField, {
+							value: getIn(values, validationMin),
+							label: t("min_length"),
+							name: validationMin,
+							type: "number",
+							size: "small",
+							disabled,
+							onChange: handleChange
+						})
+					}),
+					max && /* @__PURE__ */ jsx("div", {
+						className: "col-span-4",
+						children: /* @__PURE__ */ jsx(DebouncedTextField, {
+							value: getIn(values, validationMax),
+							label: t("max_length"),
+							name: validationMax,
+							type: "number",
+							size: "small",
+							disabled,
+							onChange: handleChange
+						})
+					})
+				]
+			}),
+			matches && /* @__PURE__ */ jsxs("div", {
+				className: "col-span-12",
+				children: [/* @__PURE__ */ jsx(Field, {
+					name: validationMatches,
+					as: DebouncedTextField,
+					label: t("matches_regex"),
+					size: "small",
+					disabled,
+					value: matchesStringValue,
+					error: Boolean(matchesError)
+				}), /* @__PURE__ */ jsx(FieldCaption, {
+					error: Boolean(matchesError),
+					children: matchesError ? t("not_valid_regexp") : t("regex_helper")
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/validation/ArrayPropertyValidation.tsx
+function ArrayPropertyValidation({ max = true, min = true, disabled }) {
+	const { values, handleChange } = useFormex();
+	const { t } = useTranslation();
+	const validationMin = "validation.min";
+	const validationMax = "validation.max";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid grid-cols-12 gap-2",
+		children: [
+			/* @__PURE__ */ jsx(GeneralPropertyValidation, { disabled }),
+			min && /* @__PURE__ */ jsx("div", {
+				className: "col-span-6",
+				children: /* @__PURE__ */ jsx(DebouncedTextField, {
+					value: getIn(values, validationMin),
+					disabled,
+					label: t("min_length"),
+					name: validationMin,
+					type: "number",
+					size: "small",
+					onChange: handleChange
+				})
+			}),
+			max && /* @__PURE__ */ jsx("div", {
+				className: "col-span-6",
+				children: /* @__PURE__ */ jsx(DebouncedTextField, {
+					value: getIn(values, validationMax),
+					disabled,
+					label: t("max_length"),
+					name: validationMax,
+					type: "number",
+					size: "small",
+					onChange: handleChange
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/validation/ValidationPanel.tsx
+function ValidationPanel({ children }) {
+	return /* @__PURE__ */ jsx(ExpandablePanel, {
+		initiallyExpanded: false,
+		asField: true,
+		innerClassName: "p-4",
+		title: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-row text-surface-500 text-text-secondary dark:text-text-secondary-dark",
+			children: [/* @__PURE__ */ jsx(CheckSquareIcon, {}), /* @__PURE__ */ jsx(Typography, {
+				variant: "subtitle2",
+				className: "ml-4",
+				children: "Validation"
+			})]
+		}),
+		children
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/EnumPropertyField.tsx
+function EnumPropertyField({ multiselect, updateIds, disabled, showErrors, allowDataInference, getData, propertyNamespace }) {
+	const { values, setFieldError, setFieldValue } = useFormex();
+	const snackbarContext = useSnackbarController();
+	const { t } = useTranslation();
+	const enumValuesPath = multiselect ? "of.enum" : "enum";
+	const defaultValue = getIn(values, "defaultValue");
+	const valuesEnumValues = getIn(values, enumValuesPath);
+	const enumValues = useMemo(() => {
+		if (!valuesEnumValues || typeof valuesEnumValues === "boolean") return [];
+		return resolveEnumValues(valuesEnumValues) ?? [];
+	}, [valuesEnumValues]);
+	const onValuesChanged = (value) => {
+		if (!values) return;
+		setFieldValue(enumValuesPath, value);
+		if (!multiselect) {
+			const enumIds = value.filter((v) => Boolean(v?.id)).map((v) => v.id);
+			if (defaultValue && !enumIds.includes(defaultValue)) {
+				setFieldValue("defaultValue", void 0);
+				snackbarContext.open({
+					type: "warning",
+					message: "Default value was cleared"
+				});
+			}
+		}
+	};
+	const fullPropertyPath = values.id ? propertyNamespace ? `${propertyNamespace}.${values.id}` : values.id : void 0;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(EnumForm, {
+				enumValues,
+				updateIds,
+				disabled,
+				allowDataInference,
+				onError: (hasError) => {
+					setFieldError(enumValuesPath, hasError ? "This enum property is missing some values" : void 0);
+				},
+				getData: getData && fullPropertyPath ? () => getData().then((res) => res.map((entry) => getIn(entry, fullPropertyPath)).filter(Boolean)) : void 0,
+				onValuesChanged
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsxs(ValidationPanel, { children: [!multiselect && /* @__PURE__ */ jsx(StringPropertyValidation, {
+				disabled,
+				showErrors
+			}), multiselect && /* @__PURE__ */ jsx(ArrayPropertyValidation, { disabled })] })
+		}),
+		!multiselect && /* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(Select, {
+				disabled,
+				position: "item-aligned",
+				fullWidth: true,
+				onValueChange: (value) => {
+					setFieldValue("defaultValue", value);
+				},
+				label: t("default_value"),
+				value: defaultValue?.toString() ?? "",
+				children: enumValues.filter((enumValue) => Boolean(enumValue?.id)).map((enumValue) => /* @__PURE__ */ jsx(SelectItem, {
+					value: enumValue.id?.toString(),
+					children: enumValue.label
+				}, enumValue.id))
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/StoragePropertyField.tsx
+var fileTypes = {
+	"image/*": "Images",
+	"video/*": "Videos",
+	"audio/*": "Audio files",
+	"application/*": "Files (pdf, zip, csv, excel...)",
+	"text/*": "Text files"
+};
+function StoragePropertyField({ multiple, existing, disabled }) {
+	const { values, setFieldValue } = useFormex();
+	const { t } = useTranslation();
+	const baseStoragePath = multiple ? "of.storage" : "storage";
+	const acceptedFiles = `${baseStoragePath}.acceptedFiles`;
+	`${baseStoragePath}`;
+	const fileName = `${baseStoragePath}.fileName`;
+	const maxSize = `${baseStoragePath}.maxSize`;
+	const storagePath = `${baseStoragePath}.storagePath`;
+	const storeUrl = `${baseStoragePath}.storeUrl`;
+	const includeBucketUrl = `${baseStoragePath}.includeBucketUrl`;
+	const imageResize = `${baseStoragePath}.imageResize`;
+	const imageResizeMaxWidth = `${imageResize}.maxWidth`;
+	const imageResizeMaxHeight = `${imageResize}.maxHeight`;
+	const imageResizeMode = `${imageResize}.mode`;
+	const imageResizeFormat = `${imageResize}.format`;
+	const imageResizeQuality = `${imageResize}.quality`;
+	const fileNameValue = getIn(values, fileName) ?? "{rand}_{file}";
+	const storagePathValue = getIn(values, storagePath) ?? "/";
+	const maxSizeValue = getIn(values, maxSize);
+	const imageResizeMaxWidthValue = getIn(values, imageResizeMaxWidth);
+	const imageResizeMaxHeightValue = getIn(values, imageResizeMaxHeight);
+	const imageResizeModeValue = getIn(values, imageResizeMode) ?? "cover";
+	const imageResizeFormatValue = getIn(values, imageResizeFormat) ?? "original";
+	const imageResizeQualityValue = getIn(values, imageResizeQuality);
+	const storedValue = getIn(values, acceptedFiles);
+	const fileTypesValue = Array.isArray(storedValue) ? storedValue : void 0;
+	const allFileTypesSelected = !fileTypesValue || fileTypesValue.length === 0;
+	const handleTypesChange = (value) => {
+		if (!value) setFieldValue(acceptedFiles, void 0);
+		else setFieldValue(acceptedFiles, value);
+	};
+	const hasFilenameCallback = typeof fileNameValue === "function";
+	const hasStoragePathCallback = typeof storagePathValue === "function";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: "col-span-12",
+		children: /* @__PURE__ */ jsx(ExpandablePanel, {
+			title: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-row text-surface-500 text-text-secondary dark:text-text-secondary-dark",
+				children: [/* @__PURE__ */ jsx(UploadCloudIcon, {}), /* @__PURE__ */ jsx(Typography, {
+					variant: "subtitle2",
+					className: "ml-4",
+					children: "File upload config"
+				})]
+			}),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-12 gap-2 p-4",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "col-span-12",
+						children: /* @__PURE__ */ jsx(MultiSelect, {
+							className: "w-full",
+							placeholder: "All file types allowed",
+							disabled,
+							name: acceptedFiles,
+							value: fileTypesValue ?? [],
+							onValueChange: handleTypesChange,
+							label: allFileTypesSelected ? void 0 : "Allowed file types",
+							renderValues: (selected) => {
+								if (!selected || selected.length === 0) return "All file types allowed";
+								return selected.map((v) => fileTypes[v]).filter((v) => Boolean(v)).join(", ");
+							},
+							children: Object.entries(fileTypes).map(([value, label]) => /* @__PURE__ */ jsxs(MultiSelectItem, {
+								value,
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "grow",
+									children: label
+								}), /* @__PURE__ */ jsx(Button, {
+									size: "small",
+									variant: "text",
+									onClick: (e) => {
+										e.preventDefault();
+										e.stopPropagation();
+										return setFieldValue(acceptedFiles, [value]);
+									},
+									children: "Only"
+								})]
+							}, value))
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "col-span-12",
+						children: /* @__PURE__ */ jsx(Field, {
+							name: fileName,
+							as: DebouncedTextField,
+							label: t("storage_file_name"),
+							size: "small",
+							disabled: hasFilenameCallback || disabled,
+							value: hasFilenameCallback ? "-" : fileNameValue
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "col-span-12",
+						children: [
+							/* @__PURE__ */ jsx(Field, {
+								name: storagePath,
+								as: DebouncedTextField,
+								label: t("storage_path"),
+								disabled: hasStoragePathCallback || disabled,
+								size: "small",
+								value: hasStoragePathCallback ? "-" : storagePathValue
+							}),
+							/* @__PURE__ */ jsxs(Typography, {
+								variant: "caption",
+								className: "ml-3.5 mt-1 mb-2",
+								children: [/* @__PURE__ */ jsx("p", { children: "You can use the following placeholders in the file name and storage path values:" }), /* @__PURE__ */ jsxs("ul", { children: [
+									/* @__PURE__ */ jsx("li", { children: "{file} - Full name of the uploaded file" }),
+									/* @__PURE__ */ jsx("li", { children: "{file.name} - Name of the uploaded file without extension" }),
+									/* @__PURE__ */ jsx("li", { children: "{file.ext} - Extension of the uploaded file" }),
+									/* @__PURE__ */ jsx("li", { children: "{entityId} - ID of the entity" }),
+									/* @__PURE__ */ jsx("li", { children: "{propertyKey} - ID of this field" }),
+									/* @__PURE__ */ jsx("li", { children: "{path} - Path of this entity" }),
+									/* @__PURE__ */ jsx("li", { children: "{rand} - Random value used to avoid name collisions" })
+								] })]
+							}),
+							/* @__PURE__ */ jsx(Field, {
+								name: includeBucketUrl,
+								type: "checkbox",
+								children: ({ field, form }) => {
+									return /* @__PURE__ */ jsx(SwitchControl, {
+										label: t("storage_include_bucket_url"),
+										disabled: existing || disabled,
+										form,
+										field
+									});
+								}
+							}),
+							/* @__PURE__ */ jsxs(Typography, {
+								variant: "caption",
+								className: "ml-3.5 mt-1 mb-2",
+								children: [
+									"Turn this setting on if you want to save a fully-qualified storage URL (e.g. ",
+									/* @__PURE__ */ jsx("code", { children: "s3://my-bucket/path/to/file" }),
+									") instead of just the storage path. You can only change this prop upon creation."
+								]
+							}),
+							/* @__PURE__ */ jsx(Field, {
+								name: storeUrl,
+								type: "checkbox",
+								children: ({ field, form }) => {
+									return /* @__PURE__ */ jsx(SwitchControl, {
+										label: t("storage_save_url"),
+										disabled: existing || disabled,
+										form,
+										field
+									});
+								}
+							}),
+							/* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								className: "ml-3.5 mt-1 mb-2",
+								children: "Turn this setting on, if you prefer to save the download URL of the uploaded file instead of the storage path. You can only change this prop upon creation."
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "col-span-12",
+						children: /* @__PURE__ */ jsx(DebouncedTextField, {
+							name: maxSize,
+							type: "number",
+							label: t("storage_max_size"),
+							size: "small",
+							value: maxSizeValue !== void 0 && maxSizeValue !== null ? maxSizeValue.toString() : "",
+							onChange: (e) => {
+								const value = e.target.value;
+								if (value === "") setFieldValue(maxSize, void 0);
+								else setFieldValue(maxSize, parseInt(value));
+							}
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "col-span-12 mt-4",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "subtitle2",
+							color: "secondary",
+							className: "mb-2 block",
+							children: "Image Resize Configuration"
+						}), /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "mb-2 block text-xs",
+							children: "Automatically resize and optimize images before upload (JPEG, PNG, WebP only)"
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "col-span-6",
+						children: /* @__PURE__ */ jsx(DebouncedTextField, {
+							name: imageResizeMaxWidth,
+							type: "number",
+							label: t("storage_max_width"),
+							size: "small",
+							disabled,
+							value: imageResizeMaxWidthValue !== void 0 && imageResizeMaxWidthValue !== null ? imageResizeMaxWidthValue.toString() : "",
+							onChange: (e) => {
+								const value = e.target.value;
+								if (value === "") setFieldValue(imageResizeMaxWidth, void 0);
+								else setFieldValue(imageResizeMaxWidth, parseInt(value));
+							}
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "col-span-6",
+						children: /* @__PURE__ */ jsx(DebouncedTextField, {
+							name: imageResizeMaxHeight,
+							type: "number",
+							label: t("storage_max_height"),
+							size: "small",
+							disabled,
+							value: imageResizeMaxHeightValue !== void 0 && imageResizeMaxHeightValue !== null ? imageResizeMaxHeightValue.toString() : "",
+							onChange: (e) => {
+								const value = e.target.value;
+								if (value === "") setFieldValue(imageResizeMaxHeight, void 0);
+								else setFieldValue(imageResizeMaxHeight, parseInt(value));
+							}
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "col-span-6",
+						children: /* @__PURE__ */ jsxs(Select, {
+							disabled,
+							name: imageResizeMode,
+							fullWidth: true,
+							size: "medium",
+							value: imageResizeModeValue || "cover",
+							onValueChange: (value) => setFieldValue(imageResizeMode, value || "cover"),
+							label: t("storage_resize_mode"),
+							renderValue: (selected) => {
+								if (!selected) return "Cover";
+								return selected === "contain" ? "Contain (fit within bounds)" : "Cover (fill bounds, may crop)";
+							},
+							children: [/* @__PURE__ */ jsx(SelectItem, {
+								value: "contain",
+								children: "Contain (fit within bounds)"
+							}), /* @__PURE__ */ jsx(SelectItem, {
+								value: "cover",
+								children: "Cover (fill bounds, may crop)"
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "col-span-6",
+						children: /* @__PURE__ */ jsxs(Select, {
+							disabled,
+							size: "medium",
+							fullWidth: true,
+							name: imageResizeFormat,
+							value: imageResizeFormatValue || "original",
+							onValueChange: (value) => setFieldValue(imageResizeFormat, value || "original"),
+							label: t("storage_output_format"),
+							renderValue: (selected) => {
+								if (!selected) return "Original";
+								return selected.charAt(0).toUpperCase() + selected.slice(1);
+							},
+							children: [
+								/* @__PURE__ */ jsx(SelectItem, {
+									value: "original",
+									children: "Original (keep same format)"
+								}),
+								/* @__PURE__ */ jsx(SelectItem, {
+									value: "jpeg",
+									children: "JPEG"
+								}),
+								/* @__PURE__ */ jsx(SelectItem, {
+									value: "png",
+									children: "PNG"
+								}),
+								/* @__PURE__ */ jsx(SelectItem, {
+									value: "webp",
+									children: "WebP (best compression)"
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "col-span-12",
+						children: [/* @__PURE__ */ jsx(DebouncedTextField, {
+							name: imageResizeQuality,
+							type: "number",
+							label: t("storage_quality"),
+							size: "small",
+							disabled,
+							value: imageResizeQualityValue !== void 0 && imageResizeQualityValue !== null ? imageResizeQualityValue.toString() : "",
+							onChange: (e) => {
+								const value = e.target.value;
+								if (value === "") setFieldValue(imageResizeQuality, void 0);
+								else {
+									const numValue = parseInt(value);
+									if (numValue >= 0 && numValue <= 100) setFieldValue(imageResizeQuality, numValue);
+								}
+							}
+						}), /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "ml-3.5 mt-1 mb-2",
+							children: "Higher quality = larger file size. Recommended: 80-90 for photos, 90-100 for graphics"
+						})]
+					})
+				]
+			})
+		})
+	}), /* @__PURE__ */ jsx("div", {
+		className: "col-span-12",
+		children: /* @__PURE__ */ jsxs(ValidationPanel, { children: [!multiple && /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-12 gap-2",
+			children: /* @__PURE__ */ jsx(GeneralPropertyValidation, { disabled })
+		}), multiple && /* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(ArrayPropertyValidation, { disabled })
+		})] })
+	})] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/PropertyFieldPreview.tsx
+function PropertyFieldPreview({ property, propertyKey, onClick, hasError, includeName, includeEditButton, selected }) {
+	const { propertyConfigs } = useCustomizationController();
+	const propertyConfig = getFieldConfig(property, propertyConfigs);
+	return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx("div", {
+		onClick,
+		className: onClick ? "cursor-pointer" : "",
+		children: /* @__PURE__ */ jsxs(Paper, {
+			className: cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-800 shadow-xs", (hasError ? "border-red-500 dark:border-red-500 border-red-500/100 dark:border-red-500/100 ring-0 dark:ring-0" : selected ? "border-primary" : "") || "border-surface-200 dark:border-surface-700", selected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-700"),
+			children: [
+				/* @__PURE__ */ jsx(PropertyConfigBadge, {
+					propertyConfig,
+					size: "small"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 flex flex-col min-w-0 pr-8",
+					children: [includeName && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							component: "span",
+							children: property.name || propertyKey || "\xA0"
+						}), property.name && propertyKey && property.name !== propertyKey && /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							component: "span",
+							color: "secondary",
+							className: "font-mono",
+							children: propertyKey
+						})]
+					}) }), /* @__PURE__ */ jsx("div", {
+						className: "flex flex-row items-center gap-2 mt-0.5",
+						children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							component: "span",
+							className: "text-text-secondary dark:text-text-secondary-dark font-medium",
+							children: propertyConfig?.name
+						}) })
+					})]
+				}),
+				/* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					component: "span",
+					className: "ml-auto shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono bg-surface-100 dark:bg-surface-900 px-1.5 py-0.5 rounded mr-8",
+					children: "columnType" in property ? property.columnType ?? property.type : property.type
+				}) }),
+				includeEditButton && /* @__PURE__ */ jsx(Typography, {
+					variant: "button",
+					children: "EDIT"
+				})
+			]
+		})
+	}) });
+}
+function NonEditablePropertyPreview({ name, selected, onClick, property }) {
+	const { propertyConfigs } = useCustomizationController();
+	const propertyConfig = !isPropertyBuilder(property) && property ? getFieldConfig(property, propertyConfigs) : void 0;
+	return /* @__PURE__ */ jsx("div", {
+		onClick,
+		className: onClick ? "cursor-pointer" : "",
+		children: /* @__PURE__ */ jsxs(Paper, {
+			className: cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-800 border-surface-200 dark:border-surface-700 shadow-xs", selected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-700"),
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "relative shrink-0",
+					children: [
+						propertyConfig && /* @__PURE__ */ jsx(PropertyConfigBadge, {
+							propertyConfig,
+							size: "small"
+						}),
+						!propertyConfig && /* @__PURE__ */ jsx("div", {
+							className: "h-8 w-8 flex items-center justify-center rounded-full shadow-2xs text-white bg-surface-500",
+							children: /* @__PURE__ */ jsx(FunctionSquareIcon, {
+								className: "text-inherit",
+								size: iconSize.small
+							})
+						}),
+						/* @__PURE__ */ jsx(MinusCircleIcon, {
+							className: "text-surface-accent-400 absolute -right-2 -top-2 bg-surface-50 dark:bg-surface-900 rounded-full",
+							size: iconSize.small
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 flex flex-col min-w-0 pr-8",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "label",
+						component: "span",
+						className: "grow pr-2",
+						children: property?.name ? property.name : name
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-row items-center gap-2 mt-0.5",
+						children: [
+							propertyConfig && /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								component: "span",
+								className: "text-text-secondary dark:text-text-secondary-dark font-medium",
+								children: propertyConfig?.name
+							}),
+							property && isPropertyBuilder(property) && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								component: "span",
+								className: "text-text-disabled dark:text-text-disabled-dark",
+								children: "Defined in code"
+							}) }),
+							!property && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								component: "span",
+								className: "text-text-disabled dark:text-text-disabled-dark",
+								children: "Additional field"
+							}) })
+						]
+					})]
+				}),
+				property && !isPropertyBuilder(property) && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					component: "span",
+					className: "ml-auto shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono bg-surface-100 dark:bg-surface-900 px-1.5 py-0.5 rounded mr-8",
+					children: "columnType" in property ? property.columnType ?? property.type : property.type
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/AIModifiedPathsContext.tsx
+var AIModifiedPathsContext = createContext(null);
+function AIModifiedPathsProvider({ children }) {
+	const [modifiedPaths, setModifiedPaths] = useState(/* @__PURE__ */ new Set());
+	const [generationCounter, setGenerationCounter] = useState(0);
+	const addModifiedPaths = useCallback((operations) => {
+		setModifiedPaths((prev) => {
+			const newSet = new Set(prev);
+			operations.forEach((op) => {
+				newSet.add(op.path);
+				const parts = op.path.split(".");
+				if (parts[0] === "properties" && parts.length >= 2) newSet.add(`properties.${parts[1]}`);
+			});
+			return newSet;
+		});
+		setGenerationCounter((prev) => prev + 1);
+	}, []);
+	const clearPath = useCallback((path) => {
+		setModifiedPaths((prev) => {
+			const newSet = new Set(prev);
+			for (const p of newSet) if (p === path || p.startsWith(path + ".")) newSet.delete(p);
+			return newSet;
+		});
+	}, []);
+	const clearAllPaths = useCallback(() => {
+		setModifiedPaths(/* @__PURE__ */ new Set());
+	}, []);
+	const isPathModified = useCallback((path) => {
+		if (modifiedPaths.has(path)) return true;
+		for (const p of modifiedPaths) if (p.startsWith(path + ".")) return true;
+		return false;
+	}, [modifiedPaths]);
+	const contextValue = useMemo(() => ({
+		modifiedPaths,
+		generationCounter,
+		addModifiedPaths,
+		clearPath,
+		clearAllPaths,
+		isPathModified
+	}), [
+		modifiedPaths,
+		generationCounter,
+		addModifiedPaths,
+		clearPath,
+		clearAllPaths,
+		isPathModified
+	]);
+	return /* @__PURE__ */ jsx(AIModifiedPathsContext.Provider, {
+		value: contextValue,
+		children
+	});
+}
+function useAIModifiedPaths() {
+	return useContext(AIModifiedPathsContext);
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/PropertyTree.tsx
+var PropertyTree = React.memo(function PropertyTree({ namespace, selectedPropertyKey, onPropertyClick, properties, propertiesOrder: propertiesOrderProp, additionalFields, errors, onPropertyMove, onPropertyRemove, className, inferredPropertyKeys }) {
+	const propertyKeys = Object.keys(properties);
+	const filteredOrder = (propertiesOrderProp ?? propertyKeys).filter((key) => !key.includes(".") && properties[key]);
+	const missingKeys = propertyKeys.filter((key) => !filteredOrder.includes(key));
+	const propertiesOrder = [...filteredOrder, ...missingKeys];
+	const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 5 } }), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+	const handleDragEnd = (event) => {
+		const { active, over } = event;
+		if (!over || active.id === over.id) return;
+		const activeId = String(active.id);
+		const overId = String(over.id);
+		const activeKey = activeId.includes(".") ? activeId.split(".").pop() : activeId;
+		const overKey = overId.includes(".") ? overId.split(".").pop() : overId;
+		if (!activeKey || !overKey) return;
+		const oldIndex = propertiesOrder.indexOf(activeKey);
+		const newIndex = propertiesOrder.indexOf(overKey);
+		if (oldIndex !== -1 && newIndex !== -1) {
+			const newPropertiesOrder = [...propertiesOrder];
+			const [removed] = newPropertiesOrder.splice(oldIndex, 1);
+			newPropertiesOrder.splice(newIndex, 0, removed);
+			if (onPropertyMove) onPropertyMove(newPropertiesOrder, namespace);
+		}
+	};
+	const items = propertiesOrder.map((key) => getFullId(key, namespace));
+	return /* @__PURE__ */ jsx(DndContext, {
+		sensors,
+		collisionDetection: closestCenter,
+		onDragEnd: handleDragEnd,
+		modifiers: [restrictToVerticalAxis],
+		children: /* @__PURE__ */ jsx(SortableContext, {
+			items,
+			strategy: verticalListSortingStrategy,
+			children: /* @__PURE__ */ jsx("div", {
+				className: cls("flex flex-col gap-0.5", className),
+				children: propertiesOrder && propertiesOrder.map((propertyKey, index) => {
+					const property = properties[propertyKey];
+					const additionalField = additionalFields?.find((field) => field.key === propertyKey);
+					if (!property && !additionalField) {
+						console.warn(`Property ${propertyKey} not found in properties or additionalFields`);
+						return null;
+					}
+					const id = getFullId(propertyKey, namespace);
+					return /* @__PURE__ */ jsx(PropertyTreeEntry, {
+						id,
+						propertyKey,
+						property,
+						additionalField,
+						errors,
+						namespace,
+						propertiesOrder,
+						inferredPropertyKeys,
+						onPropertyMove,
+						onPropertyRemove,
+						onPropertyClick,
+						selectedPropertyKey
+					}, id);
+				}).filter(Boolean)
+			})
+		})
+	});
+}, deepEqual);
+function PropertyTreeEntry({ id, propertyKey, namespace, property, additionalField, selectedPropertyKey, errors, propertiesOrder, onPropertyClick, onPropertyMove, onPropertyRemove, inferredPropertyKeys }) {
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id });
+	const style = {
+		transform: CSS.Translate.toString(transform),
+		transition,
+		zIndex: isDragging ? 10 : void 0,
+		position: "relative"
+	};
+	const isPropertyInferred = inferredPropertyKeys?.includes(namespace ? `${namespace}.${propertyKey}` : propertyKey);
+	const fullId = id;
+	const hasError = getFullIdPath(propertyKey, namespace) in errors;
+	let subtree;
+	if (typeof property === "object") {
+		if (property.type === "map" && property.properties) subtree = /* @__PURE__ */ jsx(PropertyTree, {
+			selectedPropertyKey,
+			namespace: fullId,
+			properties: property.properties,
+			propertiesOrder: property.propertiesOrder,
+			errors,
+			onPropertyClick,
+			onPropertyMove,
+			onPropertyRemove,
+			inferredPropertyKeys
+		});
+	}
+	const selected = selectedPropertyKey === fullId;
+	const editable = property && !isPropertyBuilder(property);
+	const isAIModified = useAIModifiedPaths()?.isPathModified(`properties.${propertyKey}`) ?? false;
+	return /* @__PURE__ */ jsx("div", {
+		ref: setNodeRef,
+		style,
+		className: "relative cursor-grab",
+		...attributes,
+		...listeners,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [
+				subtree && /* @__PURE__ */ jsx("div", {
+					className: "absolute border-l " + defaultBorderMixin,
+					style: {
+						left: "24px",
+						top: "40px",
+						bottom: "16px"
+					}
+				}),
+				/* @__PURE__ */ jsx("div", { children: !isPropertyBuilder(property) && !additionalField && editable ? /* @__PURE__ */ jsx(PropertyFieldPreview, {
+					property,
+					onClick: onPropertyClick ? () => onPropertyClick(propertyKey, namespace) : void 0,
+					includeName: true,
+					selected,
+					hasError
+				}) : /* @__PURE__ */ jsx(NonEditablePropertyPreview, {
+					name: propertyKey,
+					property,
+					onClick: onPropertyClick ? () => onPropertyClick(propertyKey, namespace) : void 0,
+					selected
+				}) }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "absolute top-1/2 -translate-y-1/2 right-3 flex flex-row items-center gap-1",
+					children: [
+						isAIModified && /* @__PURE__ */ jsx(AIModifiedIndicator, {}),
+						isPropertyInferred && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Tooltip, {
+							title: "Inferred property",
+							asChild: true,
+							children: /* @__PURE__ */ jsx(IconButton, {
+								size: "smallest",
+								disabled: true,
+								children: /* @__PURE__ */ jsx(FileSearchIcon, { size: iconSize.smallest })
+							})
+						}), onPropertyRemove && /* @__PURE__ */ jsx(Tooltip, {
+							title: "Remove inferred property",
+							asChild: true,
+							children: /* @__PURE__ */ jsx(IconButton, {
+								size: "smallest",
+								color: "inherit",
+								onClick: (e) => {
+									e.stopPropagation();
+									onPropertyRemove(propertyKey, namespace);
+								},
+								children: /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.smallest })
+							})
+						})] }),
+						/* @__PURE__ */ jsxs(Menu, {
+							trigger: /* @__PURE__ */ jsx(IconButton, {
+								size: "smallest",
+								children: /* @__PURE__ */ jsx(MoreVerticalIcon, { size: iconSize.smallest })
+							}),
+							children: [
+								/* @__PURE__ */ jsxs(MenuItem, {
+									dense: true,
+									onClick: () => {
+										if (propertiesOrder.indexOf(propertyKey) > 0) {
+											const newOrder = propertiesOrder.filter((k) => k !== propertyKey);
+											newOrder.unshift(propertyKey);
+											onPropertyMove?.(newOrder, namespace);
+										}
+									},
+									children: [/* @__PURE__ */ jsx(ArrowUpToLineIcon, { size: iconSize.smallest }), "Move to top"]
+								}),
+								/* @__PURE__ */ jsxs(MenuItem, {
+									dense: true,
+									onClick: () => {
+										if (propertiesOrder.indexOf(propertyKey) < propertiesOrder.length - 1) {
+											const newOrder = propertiesOrder.filter((k) => k !== propertyKey);
+											newOrder.push(propertyKey);
+											onPropertyMove?.(newOrder, namespace);
+										}
+									},
+									children: [/* @__PURE__ */ jsx(ArrowDownToLineIcon, { size: iconSize.smallest }), "Move to bottom"]
+								}),
+								/* @__PURE__ */ jsxs(MenuItem, {
+									dense: true,
+									onClick: () => onPropertyRemove?.(propertyKey, namespace),
+									children: [/* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.smallest }), "Delete"]
+								})
+							]
+						})
+					]
+				}),
+				subtree && /* @__PURE__ */ jsx("div", {
+					className: "ml-12",
+					children: subtree
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/MapPropertyField.tsx
+function MapPropertyField({ disabled, getData, allowDataInference, propertyConfigs }) {
+	const { values, setFieldValue } = useFormex();
+	const { t } = useTranslation();
+	const [propertyDialogOpen, setPropertyDialogOpen] = useState(false);
+	const [selectedPropertyKey, setSelectedPropertyKey] = useState();
+	const [selectedPropertyNamespace, setSelectedPropertyNamespace] = useState();
+	const propertiesOrder = values.propertiesOrder ?? Object.keys(values.properties ?? {});
+	const onPropertyCreated = ({ id, property }) => {
+		if (!id) throw Error();
+		setFieldValue("properties", {
+			...values.properties ?? {},
+			[id]: property
+		}, false);
+		const currentPropertiesOrder = values.propertiesOrder ?? Object.keys(values.properties ?? {});
+		setFieldValue("propertiesOrder", currentPropertiesOrder.includes(id) ? currentPropertiesOrder : [...currentPropertiesOrder, id], false);
+		setPropertyDialogOpen(false);
+	};
+	const deleteProperty = (propertyKey, namespace) => {
+		const fullId = propertyKey ? getFullId(propertyKey, namespace) : void 0;
+		if (!fullId) throw Error("collection editor miss config");
+		const propertiesPath = idToPropertiesPath(fullId);
+		const propertiesOrderPath = namespaceToPropertiesOrderPath(namespace);
+		const currentPropertiesOrder = getIn(values, propertiesOrderPath) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace)) ?? {});
+		setFieldValue(propertiesPath, void 0, false);
+		setFieldValue(propertiesOrderPath, currentPropertiesOrder.filter((p) => p !== propertyKey), false);
+		setPropertyDialogOpen(false);
+		setSelectedPropertyKey(void 0);
+		setSelectedPropertyNamespace(void 0);
+	};
+	const selectedPropertyFullId = selectedPropertyKey ? getFullId(selectedPropertyKey, selectedPropertyNamespace) : void 0;
+	const selectedProperty = selectedPropertyFullId ? getIn(values.properties, selectedPropertyFullId.replaceAll(".", ".properties.")) : void 0;
+	const empty = !propertiesOrder || propertiesOrder.length < 1;
+	const onPropertyMove = (propertiesOrder, namespace) => {
+		setFieldValue(namespaceToPropertiesOrderPath(namespace), propertiesOrder, false);
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex justify-between items-end my-4",
+				children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "subtitle2",
+					children: t("properties_in_this_group")
+				}), /* @__PURE__ */ jsxs(Button, {
+					onClick: () => setPropertyDialogOpen(true),
+					startIcon: /* @__PURE__ */ jsx(PlusIcon, {}),
+					children: ["Add property to ", values.name ?? "this group"]
+				})]
+			}), /* @__PURE__ */ jsxs(Paper, {
+				className: "p-2 pl-8",
+				children: [/* @__PURE__ */ jsx(PropertyTree, {
+					properties: values.properties ?? {},
+					propertiesOrder,
+					errors: {},
+					onPropertyClick: (propertyKey, namespace) => {
+						setSelectedPropertyKey(propertyKey);
+						setSelectedPropertyNamespace(namespace);
+						setPropertyDialogOpen(true);
+					},
+					onPropertyMove
+				}), empty && /* @__PURE__ */ jsx(Typography, {
+					variant: "label",
+					className: "h-full flex items-center justify-center p-4",
+					children: "Add the first property to this group"
+				})]
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
+				position: "start",
+				size: "medium",
+				label: t("spread_children_as_columns"),
+				onValueChange: (v) => setFieldValue("ui.spreadChildren", v),
+				value: values.ui?.spreadChildren ?? false
+			}), /* @__PURE__ */ jsx(FieldCaption, { children: "Set this flag to true if you want to display the children of this group as individual columns. This will only work for top level groups." })]
+		}),
+		/* @__PURE__ */ jsx(PropertyFormDialog, {
+			inArray: false,
+			forceShowErrors: false,
+			open: propertyDialogOpen,
+			allowDataInference,
+			onCancel: () => {
+				setPropertyDialogOpen(false);
+				setSelectedPropertyKey(void 0);
+				setSelectedPropertyNamespace(void 0);
+			},
+			onOkClicked: () => {
+				setPropertyDialogOpen(false);
+				setSelectedPropertyKey(void 0);
+				setSelectedPropertyNamespace(void 0);
+			},
+			getData,
+			onDelete: deleteProperty,
+			propertyKey: selectedPropertyKey,
+			propertyNamespace: selectedPropertyNamespace,
+			property: selectedProperty,
+			existingProperty: Boolean(selectedPropertyKey),
+			autoUpdateId: !selectedPropertyKey,
+			autoOpenTypeSelect: !selectedPropertyKey,
+			onPropertyChanged: onPropertyCreated,
+			existingPropertyKeys: selectedPropertyKey ? void 0 : propertiesOrder,
+			propertyConfigs
+		})
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/RepeatPropertyField.tsx
+function RepeatPropertyField({ showErrors, existing, disabled, getData, allowDataInference, propertyConfigs }) {
+	const { values, handleChange, errors, setFieldValue, touched } = useFormex();
+	const [propertyDialogOpen, setPropertyDialogOpen] = useState(false);
+	const ofProperty = getIn(values, "of");
+	const ofPropertyError = getIn(touched, "of") && getIn(errors, "of");
+	const onPropertyChanged = ({ id, property, namespace }) => {
+		setFieldValue("of", property);
+	};
+	const widget = ofProperty && getFieldConfig(ofProperty, propertyConfigs);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "col-span-12",
+		children: [/* @__PURE__ */ jsx(Typography, {
+			variant: "subtitle2",
+			children: "Repeat component"
+		}), /* @__PURE__ */ jsx(Field, {
+			name: "of",
+			value: ofProperty,
+			children: ({}) => /* @__PURE__ */ jsxs(Paper, {
+				className: "p-2 mt-4",
+				children: [
+					ofProperty && /* @__PURE__ */ jsx(PropertyFieldPreview, {
+						property: ofProperty,
+						onClick: disabled ? void 0 : () => setPropertyDialogOpen(true),
+						includeName: false,
+						includeEditButton: true,
+						selected: false,
+						hasError: false
+					}),
+					!disabled && !ofProperty && /* @__PURE__ */ jsxs(Button, {
+						variant: "text",
+						color: ofPropertyError ? "error" : "primary",
+						onClick: () => setPropertyDialogOpen(true),
+						children: ["Edit ", `${widget ? widget.name : "repeat component"}`]
+					}),
+					/* @__PURE__ */ jsx(PropertyFormDialog, {
+						inArray: true,
+						open: propertyDialogOpen,
+						existingProperty: existing,
+						getData,
+						autoUpdateId: !existing,
+						autoOpenTypeSelect: !existing,
+						onOkClicked: () => setPropertyDialogOpen(false),
+						allowDataInference,
+						property: ofProperty,
+						includeIdAndName: false,
+						onPropertyChanged,
+						forceShowErrors: showErrors,
+						propertyConfigs
+					})
+				]
+			})
+		})]
+	}), /* @__PURE__ */ jsx("div", {
+		className: "col-span-12",
+		children: /* @__PURE__ */ jsx(ValidationPanel, { children: /* @__PURE__ */ jsx(ArrayPropertyValidation, { disabled }) })
+	})] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/CommonPropertyFields.tsx
+var CommonPropertyFields = React.forwardRef(function CommonPropertyFields({ showErrors, disabledId, disabled, autoUpdateId, isNewProperty }, ref) {
+	const { errors, values, setFieldValue, setFieldTouched, touched, validate } = useFormex();
+	const { t } = useTranslation();
+	const name = "name";
+	const nameError = showErrors && getIn(errors, name);
+	const id = "id";
+	const idError = showErrors && getIn(errors, id);
+	const description = "description";
+	const descriptionError = showErrors && getIn(errors, description);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2 col-span-12",
+		children: [
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Field, {
+				name,
+				inputRef: ref,
+				as: DebouncedTextField,
+				value: values[name],
+				onChange: (e) => {
+					const newNameValue = e.target.value;
+					if (!getIn(touched, id) && autoUpdateId) setFieldValue(id, newNameValue ? toSnakeCase(newNameValue) : "", false);
+					setFieldValue(name, newNameValue, true);
+					setFieldTouched(name, true);
+				},
+				style: { fontSize: 20 },
+				placeholder: t("field_name"),
+				required: true,
+				disabled,
+				error: Boolean(nameError)
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: Boolean(nameError),
+				children: nameError
+			})] }),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(DebouncedTextField, {
+				name: id,
+				label: "ID",
+				value: values[id],
+				onChange: (e) => {
+					const newIdValue = e.target.value;
+					if (!getIn(touched, name) && autoUpdateId) setFieldValue(name, newIdValue ? prettifyIdentifier(newIdValue) : "");
+					setFieldValue(id, newIdValue, true);
+					setFieldTouched(id, true);
+				},
+				disabled: disabledId || disabled,
+				required: true,
+				size: "small",
+				error: Boolean(idError)
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: Boolean(idError),
+				children: idError
+			})] }),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Field, {
+				name: description,
+				as: DebouncedTextField,
+				label: t("description"),
+				disabled,
+				error: Boolean(descriptionError)
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: Boolean(descriptionError),
+				children: descriptionError
+			})] })
+		]
+	});
+});
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/StringPropertyField.tsx
+function StringPropertyField({ widgetId, disabled, showErrors }) {
+	const { values, setFieldValue, touched, errors } = useFormex();
+	const { t } = useTranslation();
+	const columnTypePath = "columnType";
+	const columnTypeValue = getIn(values, columnTypePath);
+	const columnTypeError = getIn(touched, columnTypePath) && getIn(errors, columnTypePath);
+	const isIdPath = "isId";
+	const isIdValue = getIn(values, isIdPath);
+	const isIdError = getIn(touched, isIdPath) && getIn(errors, isIdPath);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsxs(ValidationPanel, { children: [
+				widgetId === "text_field" && /* @__PURE__ */ jsx(StringPropertyValidation, {
+					disabled,
+					length: true,
+					lowercase: true,
+					matches: true,
+					max: true,
+					min: true,
+					trim: true,
+					uppercase: true,
+					showErrors
+				}),
+				widgetId === "user_select" && /* @__PURE__ */ jsx(StringPropertyValidation, {
+					disabled,
+					showErrors
+				}),
+				widgetId === "multiline" && /* @__PURE__ */ jsx(StringPropertyValidation, {
+					disabled,
+					length: true,
+					lowercase: true,
+					max: true,
+					min: true,
+					trim: true,
+					uppercase: true,
+					showErrors
+				}),
+				widgetId === "email" && /* @__PURE__ */ jsx(StringPropertyValidation, {
+					disabled,
+					max: true,
+					min: true,
+					trim: true,
+					showErrors
+				})
+			] })
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsxs(Select, {
+				name: columnTypePath,
+				disabled: disabled || Boolean(isIdValue),
+				fullWidth: true,
+				value: isIdValue === "uuid" ? "uuid" : columnTypeValue ?? "_default_",
+				onValueChange: (v) => setFieldValue(columnTypePath, v === "_default_" ? void 0 : v),
+				renderValue: (v) => {
+					if (isIdValue === "uuid") return "uuid (forced by Primary Key)";
+					switch (v) {
+						case "text": return "text (unlimited)";
+						case "char": return "char (fixed length)";
+						case "varchar": return "varchar (variable length)";
+						case "_default_": return "Default (varchar)";
+						default: return "Default (varchar)";
+					}
+				},
+				error: Boolean(columnTypeError),
+				label: t("db_column_type"),
+				children: [
+					isIdValue === "uuid" && /* @__PURE__ */ jsx(SelectItem, {
+						value: "uuid",
+						children: " uuid (forced by Primary Key) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "_default_",
+						children: " Default (varchar) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "varchar",
+						children: " varchar (variable length) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "text",
+						children: " text (unlimited) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "char",
+						children: " char (fixed length) "
+					})
+				]
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: Boolean(columnTypeError),
+				children: columnTypeError ?? "Optional database override for this string field."
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsxs(Select, {
+				name: isIdPath,
+				disabled,
+				fullWidth: true,
+				value: isIdValue === true ? "true" : isIdValue === false ? "false" : isIdValue ?? "_default_",
+				onValueChange: (v) => {
+					if (v === "_default_" || v === "false") setFieldValue(isIdPath, void 0);
+					else if (v === "true") setFieldValue(isIdPath, true);
+					else setFieldValue(isIdPath, v);
+				},
+				renderValue: (v) => {
+					switch (v) {
+						case "true": return "Yes (Auto-generated UUID/String)";
+						case "manual": return "Yes (Manual input)";
+						case "uuid": return "Yes (UUID)";
+						case "cuid": return "Yes (CUID)";
+						case "false":
+						case "_default_": return "No";
+						default: return `Yes (${v})`;
+					}
+				},
+				error: Boolean(isIdError),
+				label: t("primary_key_unique_id"),
+				children: [
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "_default_",
+						children: " No "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "manual",
+						children: " Yes (Manual input) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "true",
+						children: " Yes (Auto-generated UUID/String) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "uuid",
+						children: " Yes (UUID) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "cuid",
+						children: " Yes (CUID) "
+					})
+				]
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: Boolean(isIdError),
+				children: isIdError ?? "Set as Primary Key and configure ID generation strategy."
+			})]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(TextField, {
+				name: "defaultValue",
+				disabled,
+				onChange: (e) => {
+					setFieldValue("defaultValue", e.target.value === "" ? void 0 : e.target.value);
+				},
+				label: t("default_value"),
+				value: getIn(values, "defaultValue") ?? ""
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/BooleanPropertyField.tsx
+function BooleanPropertyField({ disabled }) {
+	const { values } = useFormex();
+	const defaultValue = getIn(values, "defaultValue");
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: "col-span-12",
+		children: /* @__PURE__ */ jsx(ValidationPanel, { children: /* @__PURE__ */ jsx(GeneralPropertyValidation, { disabled }) })
+	}), /* @__PURE__ */ jsx("div", {
+		className: "col-span-12",
+		children: /* @__PURE__ */ jsx(Field, {
+			name: "defaultValue",
+			children: ({ field, form }) => {
+				return /* @__PURE__ */ jsx(SwitchControl, {
+					size: "medium",
+					label: defaultValue === null || defaultValue === void 0 ? "Default value not set" : "Default value is " + defaultValue.toString(),
+					disabled,
+					allowIndeterminate: true,
+					field,
+					form
+				});
+			}
+		})
+	})] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/BlockPropertyField.tsx
+function BlockPropertyField({ disabled, getData, allowDataInference, propertyConfigs }) {
+	const { values, setFieldValue } = useFormex();
+	const [propertyDialogOpen, setPropertyDialogOpen] = useState(false);
+	const [selectedPropertyKey, setSelectedPropertyKey] = useState();
+	const [selectedPropertyNamespace, setSelectedPropertyNamespace] = useState();
+	const onPropertyChanged = ({ id, namespace, property }) => {
+		if (!id) throw Error();
+		setFieldValue("oneOf." + getFullIdPath(id, namespace), property, false);
+		const currentPropertiesOrder = values.oneOf?.propertiesOrder ?? Object.keys(values.oneOf?.properties ?? {});
+		const newPropertiesOrder = currentPropertiesOrder.includes(id) ? currentPropertiesOrder : [...currentPropertiesOrder, id];
+		setFieldValue("oneOf." + namespaceToPropertiesOrderPath(namespace), newPropertiesOrder, false);
+		setPropertyDialogOpen(false);
+	};
+	const selectedPropertyFullId = selectedPropertyKey ? getFullId(selectedPropertyKey, selectedPropertyNamespace) : void 0;
+	const selectedProperty = selectedPropertyFullId ? getIn(values.oneOf?.properties, selectedPropertyFullId.replaceAll(".", ".properties.")) : void 0;
+	const deleteProperty = (propertyKey, namespace) => {
+		const fullId = propertyKey ? getFullId(propertyKey, namespace) : void 0;
+		if (!fullId) throw Error("collection editor miss config");
+		setFieldValue(`oneOf.${idToPropertiesPath(fullId)}`, void 0, false);
+		const propertiesOrderPath = `oneOf.${namespaceToPropertiesOrderPath(namespace)}`;
+		setFieldValue(propertiesOrderPath, (getIn(values, propertiesOrderPath) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace)) ?? {})).filter((p) => p !== propertyKey), false);
+		setPropertyDialogOpen(false);
+		setSelectedPropertyKey(void 0);
+		setSelectedPropertyNamespace(void 0);
+	};
+	const addChildButton = /* @__PURE__ */ jsxs(Button, {
+		autoFocus: true,
+		onClick: () => setPropertyDialogOpen(true),
+		startIcon: /* @__PURE__ */ jsx(PlusIcon, {}),
+		children: ["Add property to ", values.name ?? "this block"]
+	});
+	const onPropertyMove = (propertiesOrder, namespace) => {
+		setFieldValue(`oneOf.${namespaceToPropertiesOrderPath(namespace)}`, propertiesOrder, false);
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "col-span-12",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex justify-between items-end mt-8 mb-4",
+			children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "subtitle2",
+				children: "Properties in this block"
+			}), addChildButton]
+		}), /* @__PURE__ */ jsxs(Paper, {
+			className: "p-2 pl-8",
+			children: [/* @__PURE__ */ jsx(PropertyTree, {
+				properties: values.oneOf?.properties ?? {},
+				propertiesOrder: values.oneOf?.propertiesOrder,
+				errors: {},
+				onPropertyClick: disabled ? void 0 : (propertyKey, namespace) => {
+					setSelectedPropertyKey(propertyKey);
+					setSelectedPropertyNamespace(namespace);
+					setPropertyDialogOpen(true);
+				},
+				onPropertyMove: disabled ? void 0 : onPropertyMove
+			}), !disabled && values.oneOf?.propertiesOrder?.length === 0 && /* @__PURE__ */ jsx("div", {
+				className: "h-full flex items-center justify-center p-4",
+				children: "Add the first property to this block"
+			})]
+		})]
+	}), !disabled && /* @__PURE__ */ jsx(PropertyFormDialog, {
+		inArray: false,
+		forceShowErrors: false,
+		open: propertyDialogOpen,
+		getData,
+		allowDataInference,
+		onCancel: () => {
+			setPropertyDialogOpen(false);
+			setSelectedPropertyKey(void 0);
+			setSelectedPropertyNamespace(void 0);
+		},
+		onOkClicked: () => {
+			setPropertyDialogOpen(false);
+			setSelectedPropertyKey(void 0);
+			setSelectedPropertyNamespace(void 0);
+		},
+		onDelete: deleteProperty,
+		propertyKey: selectedPropertyKey,
+		propertyNamespace: selectedPropertyNamespace,
+		property: selectedProperty,
+		existingProperty: Boolean(selectedPropertyKey),
+		autoUpdateId: !selectedPropertyKey,
+		autoOpenTypeSelect: !selectedPropertyKey,
+		onPropertyChanged,
+		existingPropertyKeys: selectedPropertyKey ? void 0 : values.oneOf?.propertiesOrder,
+		propertyConfigs
+	})] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/validation/NumberPropertyValidation.tsx
+function NumberPropertyValidation({ disabled }) {
+	const { values, handleChange } = useFormex();
+	const { t } = useTranslation();
+	const validationMin = "validation.min";
+	const validationMax = "validation.max";
+	const validationLessThan = "validation.lessThan";
+	const validationMoreThan = "validation.moreThan";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid grid-cols-12 gap-2",
+		children: [
+			/* @__PURE__ */ jsx(GeneralPropertyValidation, { disabled }),
+			/* @__PURE__ */ jsx("div", {
+				className: "col-span-6",
+				children: /* @__PURE__ */ jsx(DebouncedTextField, {
+					value: getIn(values, validationMin),
+					label: t("min_value"),
+					name: validationMin,
+					type: "number",
+					size: "small",
+					disabled,
+					onChange: handleChange
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "col-span-6",
+				children: /* @__PURE__ */ jsx(DebouncedTextField, {
+					value: getIn(values, validationMax),
+					label: t("max_value"),
+					name: validationMax,
+					type: "number",
+					size: "small",
+					disabled,
+					onChange: handleChange
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "col-span-6",
+				children: /* @__PURE__ */ jsx(DebouncedTextField, {
+					value: getIn(values, validationLessThan),
+					label: t("less_than"),
+					name: validationLessThan,
+					type: "number",
+					size: "small",
+					disabled,
+					onChange: handleChange
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "col-span-6",
+				children: /* @__PURE__ */ jsx(DebouncedTextField, {
+					value: getIn(values, validationMoreThan),
+					label: t("more_than"),
+					name: validationMoreThan,
+					type: "number",
+					size: "small",
+					disabled,
+					onChange: handleChange
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "col-span-4",
+				children: /* @__PURE__ */ jsx(Field, {
+					name: "validation.positive",
+					type: "checkbox",
+					children: ({ field, form }) => {
+						return /* @__PURE__ */ jsx(SwitchControl, {
+							label: t("positive_value"),
+							disabled,
+							form,
+							field
+						});
+					}
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "col-span-4",
+				children: /* @__PURE__ */ jsx(Field, {
+					name: "validation.negative",
+					type: "checkbox",
+					children: ({ field, form }) => {
+						return /* @__PURE__ */ jsx(SwitchControl, {
+							label: t("negative_value"),
+							disabled,
+							form,
+							field
+						});
+					}
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "col-span-4",
+				children: /* @__PURE__ */ jsx(Field, {
+					name: "validation.integer",
+					type: "checkbox",
+					children: ({ field, form }) => {
+						return /* @__PURE__ */ jsx(SwitchControl, {
+							label: t("integer_value"),
+							disabled,
+							form,
+							field
+						});
+					}
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/NumberPropertyField.tsx
+function NumberPropertyField({ disabled }) {
+	const { values, setFieldValue, touched, errors } = useFormex();
+	const { t } = useTranslation();
+	const columnTypePath = "columnType";
+	const columnTypeValue = getIn(values, columnTypePath);
+	const columnTypeError = getIn(touched, columnTypePath) && getIn(errors, columnTypePath);
+	const isIdPath = "isId";
+	const isIdValue = getIn(values, isIdPath);
+	const isIdError = getIn(touched, isIdPath) && getIn(errors, isIdPath);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(ValidationPanel, { children: /* @__PURE__ */ jsx(NumberPropertyValidation, { disabled }) })
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsxs(Select, {
+				name: columnTypePath,
+				disabled: disabled || Boolean(isIdValue),
+				fullWidth: true,
+				value: columnTypeValue ?? "_default_",
+				onValueChange: (v) => setFieldValue(columnTypePath, v === "_default_" ? void 0 : v),
+				renderValue: (v) => {
+					switch (v) {
+						case "integer": return "integer";
+						case "real": return "real (float4)";
+						case "double precision": return "double precision (float8)";
+						case "numeric": return "numeric / decimal";
+						case "bigint": return "bigint";
+						case "serial": return "serial";
+						case "bigserial": return "bigserial";
+						case "_default_": return "Default (integer/numeric)";
+						default: return "Default (integer/numeric)";
+					}
+				},
+				error: Boolean(columnTypeError),
+				label: t("db_column_type"),
+				children: [
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "_default_",
+						children: " Default (integer/numeric) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "integer",
+						children: " integer "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "real",
+						children: " real (float4) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "double precision",
+						children: " double precision (float8) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "numeric",
+						children: " numeric / decimal "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "bigint",
+						children: " bigint "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "serial",
+						children: " serial "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "bigserial",
+						children: " bigserial "
+					})
+				]
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: Boolean(columnTypeError),
+				children: columnTypeError ?? "Optional database override for this number field."
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsxs(Select, {
+				name: isIdPath,
+				disabled,
+				fullWidth: true,
+				value: isIdValue === true ? "true" : isIdValue === false ? "false" : isIdValue ?? "_default_",
+				onValueChange: (v) => {
+					if (v === "_default_" || v === "false") setFieldValue(isIdPath, void 0);
+					else if (v === "true") setFieldValue(isIdPath, true);
+					else setFieldValue(isIdPath, v);
+				},
+				renderValue: (v) => {
+					switch (v) {
+						case "true": return "Yes (Auto-increment/identity)";
+						case "increment": return "Yes (Increment)";
+						case "manual": return "Yes (Manual input)";
+						case "false":
+						case "_default_": return "No";
+						default: return `Yes (${v})`;
+					}
+				},
+				error: Boolean(isIdError),
+				label: t("primary_key_unique_id"),
+				children: [
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "_default_",
+						children: " No "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "manual",
+						children: " Yes (Manual input) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "true",
+						children: " Yes (Auto-increment/identity) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "increment",
+						children: " Yes (Increment) "
+					})
+				]
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: Boolean(isIdError),
+				children: isIdError ?? "Set as Primary Key and configure ID generation strategy."
+			})]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(TextField, {
+				name: "defaultValue",
+				disabled,
+				type: "number",
+				onChange: (e) => {
+					setFieldValue("defaultValue", e.target.value === "" ? void 0 : parseFloat(e.target.value));
+				},
+				label: t("default_value"),
+				value: getIn(values, "defaultValue") ?? ""
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/ReferencePropertyField.tsx
+function ReferencePropertyField({ existing, multiple, disabled, showErrors, asString }) {
+	const { values, errors, setFieldValue } = useFormex();
+	if (!useCollectionRegistryController().initialised) return /* @__PURE__ */ jsx("div", {
+		className: "col-span-12",
+		children: /* @__PURE__ */ jsx(CircularProgress, {})
+	});
+	const pathPath = asString ? "reference.slug" : multiple ? "of.slug" : "path";
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+		className: "col-span-12",
+		children: /* @__PURE__ */ jsx(Field, {
+			name: pathPath,
+			pathPath,
+			type: "select",
+			disabled,
+			value: getIn(values, pathPath),
+			error: showErrors && getIn(errors, pathPath),
+			setFieldValue,
+			as: CollectionsSelect
+		})
+	}) });
+}
+function CollectionsSelect({ disabled, pathPath, value, setFieldValue, error, ...props }) {
+	const collectionRegistry = useCollectionRegistryController();
+	const { t } = useTranslation();
+	if (!collectionRegistry.initialised) return /* @__PURE__ */ jsx("div", {
+		className: "col-span-12",
+		children: /* @__PURE__ */ jsx(CircularProgress, {})
+	});
+	const collections = collectionRegistry.collections ?? [];
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Select, {
+		error: Boolean(error),
+		disabled,
+		value: value ?? "",
+		position: "item-aligned",
+		name: pathPath,
+		fullWidth: true,
+		onChange: (e) => setFieldValue(pathPath, e.target.value),
+		label: t("target_collection"),
+		renderValue: (selected) => {
+			const selectedCollection = collections.find((collection) => collection.slug === selected);
+			if (!selectedCollection) return null;
+			return /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-row",
+				children: [/* @__PURE__ */ jsx(IconForView, { collectionOrView: selectedCollection }), /* @__PURE__ */ jsx(Typography, {
+					variant: "subtitle2",
+					className: "ml-4",
+					children: selectedCollection?.name.toUpperCase()
+				})]
+			});
+		},
+		...props,
+		children: collections.map((collection) => {
+			return /* @__PURE__ */ jsx(SelectItem, {
+				value: collection.slug,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-row",
+					children: [/* @__PURE__ */ jsx(IconForView, { collectionOrView: collection }), /* @__PURE__ */ jsx(Typography, {
+						variant: "subtitle2",
+						className: "ml-4",
+						children: collection?.name.toUpperCase()
+					})]
+				})
+			}, collection.slug);
+		})
+	}) });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/DateTimePropertyField.tsx
+var TIMEZONES = [
+	{
+		value: "UTC",
+		label: "UTC (Coordinated Universal Time)"
+	},
+	{
+		value: "America/New_York",
+		label: "New York (US Eastern)"
+	},
+	{
+		value: "America/Chicago",
+		label: "Chicago (US Central)"
+	},
+	{
+		value: "America/Denver",
+		label: "Denver (US Mountain)"
+	},
+	{
+		value: "America/Los_Angeles",
+		label: "Los Angeles (US Pacific)"
+	},
+	{
+		value: "America/Anchorage",
+		label: "Anchorage (Alaska)"
+	},
+	{
+		value: "America/Toronto",
+		label: "Toronto (Canada Eastern)"
+	},
+	{
+		value: "America/Vancouver",
+		label: "Vancouver (Canada Pacific)"
+	},
+	{
+		value: "America/Mexico_City",
+		label: "Mexico City"
+	},
+	{
+		value: "America/Sao_Paulo",
+		label: "São Paulo (Brazil)"
+	},
+	{
+		value: "America/Buenos_Aires",
+		label: "Buenos Aires (Argentina)"
+	},
+	{
+		value: "Europe/London",
+		label: "London (UK)"
+	},
+	{
+		value: "Europe/Paris",
+		label: "Paris (France)"
+	},
+	{
+		value: "Europe/Berlin",
+		label: "Berlin (Germany)"
+	},
+	{
+		value: "Europe/Madrid",
+		label: "Madrid (Spain)"
+	},
+	{
+		value: "Europe/Rome",
+		label: "Rome (Italy)"
+	},
+	{
+		value: "Europe/Amsterdam",
+		label: "Amsterdam (Netherlands)"
+	},
+	{
+		value: "Europe/Brussels",
+		label: "Brussels (Belgium)"
+	},
+	{
+		value: "Europe/Zurich",
+		label: "Zurich (Switzerland)"
+	},
+	{
+		value: "Europe/Stockholm",
+		label: "Stockholm (Sweden)"
+	},
+	{
+		value: "Europe/Vienna",
+		label: "Vienna (Austria)"
+	},
+	{
+		value: "Europe/Warsaw",
+		label: "Warsaw (Poland)"
+	},
+	{
+		value: "Europe/Prague",
+		label: "Prague (Czech Republic)"
+	},
+	{
+		value: "Europe/Athens",
+		label: "Athens (Greece)"
+	},
+	{
+		value: "Europe/Moscow",
+		label: "Moscow (Russia)"
+	},
+	{
+		value: "Europe/Istanbul",
+		label: "Istanbul (Turkey)"
+	},
+	{
+		value: "Asia/Dubai",
+		label: "Dubai (UAE)"
+	},
+	{
+		value: "Asia/Kolkata",
+		label: "Mumbai / Delhi (India)"
+	},
+	{
+		value: "Asia/Bangkok",
+		label: "Bangkok (Thailand)"
+	},
+	{
+		value: "Asia/Singapore",
+		label: "Singapore"
+	},
+	{
+		value: "Asia/Hong_Kong",
+		label: "Hong Kong"
+	},
+	{
+		value: "Asia/Shanghai",
+		label: "Shanghai (China)"
+	},
+	{
+		value: "Asia/Tokyo",
+		label: "Tokyo (Japan)"
+	},
+	{
+		value: "Asia/Seoul",
+		label: "Seoul (South Korea)"
+	},
+	{
+		value: "Asia/Jakarta",
+		label: "Jakarta (Indonesia)"
+	},
+	{
+		value: "Australia/Sydney",
+		label: "Sydney (Australia Eastern)"
+	},
+	{
+		value: "Australia/Melbourne",
+		label: "Melbourne (Australia)"
+	},
+	{
+		value: "Australia/Brisbane",
+		label: "Brisbane (Australia)"
+	},
+	{
+		value: "Australia/Perth",
+		label: "Perth (Australia Western)"
+	},
+	{
+		value: "Pacific/Auckland",
+		label: "Auckland (New Zealand)"
+	},
+	{
+		value: "Africa/Cairo",
+		label: "Cairo (Egypt)"
+	},
+	{
+		value: "Africa/Johannesburg",
+		label: "Johannesburg (South Africa)"
+	},
+	{
+		value: "Africa/Lagos",
+		label: "Lagos (Nigeria)"
+	}
+];
+function DateTimePropertyField({ disabled }) {
+	const { values, errors, touched, setFieldValue } = useFormex();
+	const { t } = useTranslation();
+	const modePath = "mode";
+	const modeValue = getIn(values, modePath);
+	const modeError = getIn(touched, modePath) && getIn(errors, modePath);
+	const autoValuePath = "autoValue";
+	const autoValueValue = getIn(values, autoValuePath);
+	const autoValueError = getIn(touched, autoValuePath) && getIn(errors, autoValuePath);
+	const timezonePath = "timezone";
+	const timezoneValue = getIn(values, timezonePath);
+	const timezoneError = getIn(touched, timezonePath) && getIn(errors, timezonePath);
+	const columnTypePath = "columnType";
+	const columnTypeValue = getIn(values, columnTypePath);
+	const columnTypeError = getIn(touched, columnTypePath) && getIn(errors, columnTypePath);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col col-span-12 gap-2",
+			children: [
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs(Select, {
+					name: modePath,
+					value: modeValue ?? "date",
+					error: Boolean(modeError),
+					onValueChange: (v) => setFieldValue(modePath, v),
+					label: t("mode"),
+					fullWidth: true,
+					renderValue: (v) => {
+						switch (v) {
+							case "date_time": return "Date/Time";
+							case "date": return "Date";
+							default: return "";
+						}
+					},
+					disabled,
+					children: [/* @__PURE__ */ jsx(SelectItem, {
+						value: "date_time",
+						children: " Date/Time "
+					}), /* @__PURE__ */ jsx(SelectItem, {
+						value: "date",
+						children: " Date "
+					})]
+				}), /* @__PURE__ */ jsx(FieldCaption, {
+					error: Boolean(modeError),
+					children: modeError
+				})] }),
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs(Select, {
+					name: autoValuePath,
+					disabled,
+					fullWidth: true,
+					value: autoValueValue ?? "",
+					onValueChange: (v) => setFieldValue(autoValuePath, v === "none" ? null : v),
+					renderValue: (v) => {
+						switch (v) {
+							case "on_create": return "On create";
+							case "on_update": return "On any update";
+							default: return "None";
+						}
+					},
+					error: Boolean(autoValueError),
+					label: t("datetime_automatic_value"),
+					children: [
+						/* @__PURE__ */ jsx(SelectItem, {
+							value: "none",
+							children: " None "
+						}),
+						/* @__PURE__ */ jsx(SelectItem, {
+							value: "on_create",
+							children: " On create "
+						}),
+						/* @__PURE__ */ jsx(SelectItem, {
+							value: "on_update",
+							children: " On any update "
+						})
+					]
+				}), /* @__PURE__ */ jsx(FieldCaption, {
+					error: Boolean(autoValueError),
+					children: autoValueError ?? "Update this field automatically when creating or updating the entity"
+				})] }),
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs(Select, {
+					name: timezonePath,
+					disabled,
+					fullWidth: true,
+					value: timezoneValue ?? "__local__",
+					onValueChange: (v) => setFieldValue(timezonePath, v === "__local__" ? void 0 : v),
+					renderValue: (v) => {
+						if (!v || v === "__local__") return "Local timezone";
+						return TIMEZONES.find((t) => t.value === v)?.label ?? v;
+					},
+					error: Boolean(timezoneError),
+					label: t("timezone"),
+					children: [/* @__PURE__ */ jsx(SelectItem, {
+						value: "__local__",
+						children: " Local timezone "
+					}), TIMEZONES.map((tz) => /* @__PURE__ */ jsx(SelectItem, {
+						value: tz.value,
+						children: tz.label
+					}, tz.value))]
+				}), /* @__PURE__ */ jsx(FieldCaption, {
+					error: Boolean(timezoneError),
+					children: timezoneError ?? "Timezone for displaying and inputting dates. Values are always stored in UTC."
+				})] })
+			]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsxs(Select, {
+				name: columnTypePath,
+				disabled,
+				fullWidth: true,
+				value: columnTypeValue ?? "_default_",
+				onValueChange: (v) => setFieldValue(columnTypePath, v === "_default_" ? void 0 : v),
+				renderValue: (v) => {
+					switch (v) {
+						case "timestamp": return "timestamp (with timezone)";
+						case "date": return "date";
+						case "time": return "time";
+						case "_default_": return "Default (timestamp)";
+						default: return "Default (timestamp)";
+					}
+				},
+				error: Boolean(columnTypeError),
+				label: t("db_column_type"),
+				children: [
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "_default_",
+						children: " Default (timestamp) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "timestamp",
+						children: " timestamp (with timezone) "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "date",
+						children: " date "
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "time",
+						children: " time "
+					})
+				]
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: Boolean(columnTypeError),
+				children: columnTypeError ?? "Optional database override for this date field."
+			})]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(ValidationPanel, { children: /* @__PURE__ */ jsx(GeneralPropertyValidation, { disabled }) })
+		})
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/advanced/AdvancedPropertyValidation.tsx
+function AdvancedPropertyValidation({ disabled }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid grid-cols-12 gap-2",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(Field, {
+				type: "checkbox",
+				name: "ui.hideFromCollection",
+				children: ({ field, form }) => {
+					return /* @__PURE__ */ jsx(SwitchControl, {
+						label: "Hide from collection",
+						size: "small",
+						disabled,
+						form,
+						tooltip: "Hide this field from the collection view. It will still be visible in the form view",
+						field
+					});
+				}
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(Field, {
+				name: "ui.readOnly",
+				type: "checkbox",
+				children: ({ field, form }) => {
+					return /* @__PURE__ */ jsx(SwitchControl, {
+						label: "Read only",
+						size: "small",
+						disabled,
+						tooltip: "Is this a read only field. Display only as a preview",
+						form,
+						field
+					});
+				}
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/VectorPropertyField.tsx
+function VectorPropertyField({ disabled }) {
+	const { values, setFieldValue, touched, errors } = useFormex();
+	const dimensionsPath = "dimensions";
+	const dimensionsValue = getIn(values, dimensionsPath);
+	const dimensionsError = getIn(touched, dimensionsPath) && getIn(errors, dimensionsPath);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "col-span-12",
+		children: [/* @__PURE__ */ jsx(TextField, {
+			name: dimensionsPath,
+			disabled,
+			type: "number",
+			onChange: (e) => {
+				const parsedVal = parseInt(e.target.value);
+				setFieldValue(dimensionsPath, isNaN(parsedVal) ? void 0 : parsedVal);
+			},
+			label: "Vector Dimensions",
+			value: dimensionsValue ?? "",
+			error: Boolean(dimensionsError)
+		}), /* @__PURE__ */ jsx(FieldCaption, {
+			error: Boolean(dimensionsError),
+			children: dimensionsError ?? "The dimension size of the vector embeddings (e.g., 1536 for OpenAI text-embedding-3-small)."
+		})]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/KeyValuePropertyField.tsx
+function KeyValuePropertyField({ disabled }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+		className: "col-span-12",
+		children: /* @__PURE__ */ jsx(ValidationPanel, { children: /* @__PURE__ */ jsx(GeneralPropertyValidation, { disabled }) })
+	}) });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/RelationPropertyField.tsx
+var ON_ACTION_OPTIONS = [
+	"cascade",
+	"restrict",
+	"no action",
+	"set null",
+	"set default"
+];
+function getTargetSlug(target) {
+	if (!target) return "";
+	if (typeof target === "string") return target;
+	try {
+		const resolved = target();
+		if (typeof resolved === "string") return resolved;
+		if (resolved && typeof resolved === "object" && "slug" in resolved && typeof resolved.slug === "string") return resolved.slug;
+		return "";
+	} catch {
+		return "";
+	}
+}
+/**
+* Property editor form for `type: "relation"` properties.
+*
+* This component edits the `RelationProperty` fields on the property itself (target, relationName, etc.)
+*/
+function RelationPropertyField({ disabled, showErrors }) {
+	const { values, errors, setFieldValue } = useFormex();
+	const collectionRegistry = useCollectionRegistryController();
+	const relationName = values.relationName ?? "";
+	const targetSlug = getTargetSlug(values.target);
+	const cardinality = values.cardinality ?? "one";
+	const direction = values.direction ?? "owning";
+	const localKey = values.localKey ?? "";
+	const foreignKeyOnTarget = values.foreignKeyOnTarget ?? "";
+	const through = values.through;
+	const throughTable = through?.table ?? "";
+	const throughSourceColumn = through?.sourceColumn ?? "";
+	const throughTargetColumn = through?.targetColumn ?? "";
+	const onUpdate = values.onUpdate ?? "no action";
+	const onDelete = values.onDelete ?? "no action";
+	const showThrough = cardinality === "many" && direction === "owning";
+	const showLocalKey = direction === "owning" && cardinality === "one";
+	const showForeignKey = direction === "inverse";
+	const updateThrough = useCallback((patch) => {
+		setFieldValue("through", {
+			...values.through ?? {
+				table: "",
+				sourceColumn: "",
+				targetColumn: ""
+			},
+			...patch
+		});
+	}, [values.through, setFieldValue]);
+	useEffect(() => {
+		if (targetSlug && !relationName) setFieldValue("relationName", targetSlug);
+	}, [
+		targetSlug,
+		relationName,
+		setFieldValue
+	]);
+	collectionRegistry?.collections;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsx(CollectionsSelect, {
+				disabled,
+				pathPath: "target",
+				value: targetSlug,
+				setFieldValue: (_, value) => {
+					setFieldValue("target", value);
+					if (!relationName || relationName === targetSlug) setFieldValue("relationName", value);
+				},
+				error: showErrors && !targetSlug ? "You must select a target collection" : void 0
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: showErrors && !targetSlug,
+				children: showErrors && !targetSlug ? "You must select a target collection" : "The collection this relation points to"
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsx(TextField, {
+				value: relationName,
+				onChange: (e) => setFieldValue("relationName", e.target.value),
+				label: "Relation name",
+				disabled,
+				error: showErrors && !relationName
+			}), /* @__PURE__ */ jsx(FieldCaption, {
+				error: showErrors && !relationName,
+				children: showErrors && !relationName ? "Required" : "Identifier for this relation (used to link the property to the relation config)"
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12 sm:col-span-6",
+			children: [/* @__PURE__ */ jsxs(Select, {
+				value: cardinality,
+				onValueChange: (v) => setFieldValue("cardinality", v),
+				label: "Cardinality",
+				disabled,
+				fullWidth: true,
+				renderValue: (v) => v === "one" ? "One (has-one)" : "Many (has-many)",
+				children: [/* @__PURE__ */ jsx(SelectItem, {
+					value: "one",
+					children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "body2",
+						children: "One (has-one)"
+					}), /* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: "secondary",
+						children: "This property references a single record"
+					})] })
+				}), /* @__PURE__ */ jsx(SelectItem, {
+					value: "many",
+					children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "body2",
+						children: "Many (has-many)"
+					}), /* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: "secondary",
+						children: "This property references multiple records"
+					})] })
+				})]
+			}), /* @__PURE__ */ jsx(FieldCaption, { children: "Whether the relation returns one or multiple records" })]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12 sm:col-span-6",
+			children: [/* @__PURE__ */ jsxs(Select, {
+				value: direction,
+				onValueChange: (v) => setFieldValue("direction", v),
+				label: "Direction",
+				disabled,
+				fullWidth: true,
+				renderValue: (v) => v === "owning" ? "Owning" : "Inverse",
+				children: [/* @__PURE__ */ jsx(SelectItem, {
+					value: "owning",
+					children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "body2",
+						children: "Owning"
+					}), /* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: "secondary",
+						children: "This table stores the foreign key (or owns the junction table)"
+					})] })
+				}), /* @__PURE__ */ jsx(SelectItem, {
+					value: "inverse",
+					children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "body2",
+						children: "Inverse"
+					}), /* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: "secondary",
+						children: "The target table stores the foreign key pointing back here"
+					})] })
+				})]
+			}), /* @__PURE__ */ jsx(FieldCaption, { children: "Which side of the relation owns the persistence" })]
+		}),
+		showLocalKey && /* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsx(TextField, {
+				value: localKey,
+				onChange: (e) => setFieldValue("localKey", e.target.value),
+				label: "Local key (foreign key column on this table)",
+				disabled,
+				placeholder: "e.g. author_id"
+			}), /* @__PURE__ */ jsx(FieldCaption, { children: "Column on this table that references the target's primary key" })]
+		}),
+		showForeignKey && /* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsx(TextField, {
+				value: foreignKeyOnTarget,
+				onChange: (e) => setFieldValue("foreignKeyOnTarget", e.target.value),
+				label: "Foreign key on target table",
+				disabled,
+				placeholder: "e.g. post_id"
+			}), /* @__PURE__ */ jsx(FieldCaption, { children: "Column on the target table that references this table's primary key" })]
+		}),
+		showThrough && /* @__PURE__ */ jsxs("div", {
+			className: "col-span-12",
+			children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "label",
+				className: "mb-2",
+				children: "Junction table (many-to-many)"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-12 gap-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "col-span-12",
+						children: [/* @__PURE__ */ jsx(TextField, {
+							value: throughTable,
+							onChange: (e) => updateThrough({ table: e.target.value }),
+							label: "Junction table name",
+							disabled,
+							placeholder: "e.g. user_roles"
+						}), /* @__PURE__ */ jsx(FieldCaption, { children: "Name of the intermediate table that connects both collections" })]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "col-span-12 sm:col-span-6",
+						children: [/* @__PURE__ */ jsx(TextField, {
+							value: throughSourceColumn,
+							onChange: (e) => updateThrough({ sourceColumn: e.target.value }),
+							label: "Source column",
+							disabled,
+							placeholder: "e.g. user_id"
+						}), /* @__PURE__ */ jsx(FieldCaption, { children: "Column in the junction table referencing this table" })]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "col-span-12 sm:col-span-6",
+						children: [/* @__PURE__ */ jsx(TextField, {
+							value: throughTargetColumn,
+							onChange: (e) => updateThrough({ targetColumn: e.target.value }),
+							label: "Target column",
+							disabled,
+							placeholder: "e.g. role_id"
+						}), /* @__PURE__ */ jsx(FieldCaption, { children: "Column in the junction table referencing the target table" })]
+					})
+				]
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12 sm:col-span-6",
+			children: [/* @__PURE__ */ jsx(Select, {
+				value: onUpdate,
+				onValueChange: (v) => setFieldValue("onUpdate", v),
+				label: "On update",
+				disabled,
+				fullWidth: true,
+				renderValue: (v) => String(v),
+				children: ON_ACTION_OPTIONS.map((action) => /* @__PURE__ */ jsx(SelectItem, {
+					value: action,
+					children: action
+				}, action))
+			}), /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is updated" })]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "col-span-12 sm:col-span-6",
+			children: [/* @__PURE__ */ jsx(Select, {
+				value: onDelete,
+				onValueChange: (v) => setFieldValue("onDelete", v),
+				label: "On delete",
+				disabled,
+				fullWidth: true,
+				renderValue: (v) => String(v),
+				children: ON_ACTION_OPTIONS.map((action) => /* @__PURE__ */ jsx(SelectItem, {
+					value: action,
+					children: action
+				}, action))
+			}), /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is deleted" })]
+		})
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/utils/update_property_for_widget.ts
+function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfigs) {
+	let updatedProperty;
+	if (selectedWidgetId === "text_field") updatedProperty = mergeDeep(propertyData, {
+		type: "string",
+		propertyConfig: "text_field",
+		storage: void 0,
+		multiline: void 0,
+		markdown: void 0,
+		email: void 0,
+		url: void 0,
+		enum: void 0,
+		userSelect: void 0
+	});
+	else if (selectedWidgetId === "user_select") updatedProperty = mergeDeep(propertyData, {
+		type: "string",
+		propertyConfig: "user_select",
+		storage: void 0,
+		multiline: void 0,
+		markdown: void 0,
+		email: void 0,
+		url: void 0,
+		enum: void 0,
+		userSelect: true
+	});
+	else if (selectedWidgetId === "multiline") updatedProperty = mergeDeep(propertyData, {
+		type: "string",
+		propertyConfig: "multiline",
+		multiline: true,
+		storage: void 0,
+		markdown: void 0,
+		email: void 0,
+		url: void 0,
+		enum: void 0,
+		userSelect: void 0
+	});
+	else if (selectedWidgetId === "markdown") updatedProperty = mergeDeep(propertyData, {
+		type: "string",
+		propertyConfig: "markdown",
+		storage: void 0,
+		multiline: void 0,
+		markdown: true,
+		email: void 0,
+		url: void 0,
+		userSelect: void 0
+	});
+	else if (selectedWidgetId === "url") updatedProperty = mergeDeep(propertyData, {
+		type: "string",
+		propertyConfig: "url",
+		storage: void 0,
+		multiline: void 0,
+		markdown: void 0,
+		email: void 0,
+		url: true,
+		enum: void 0,
+		userSelect: void 0
+	});
+	else if (selectedWidgetId === "email") updatedProperty = mergeDeep(propertyData, {
+		type: "string",
+		propertyConfig: "email",
+		storage: void 0,
+		multiline: void 0,
+		markdown: void 0,
+		email: true,
+		url: void 0,
+		enum: void 0,
+		userSelect: void 0
+	});
+	else if (selectedWidgetId === "select") updatedProperty = mergeDeep(propertyData, {
+		type: "string",
+		propertyConfig: "select",
+		storage: void 0,
+		multiline: void 0,
+		markdown: void 0,
+		email: void 0,
+		url: void 0,
+		enum: propertyData.enum ?? [],
+		userSelect: void 0
+	});
+	else if (selectedWidgetId === "multi_select") updatedProperty = mergeDeep(propertyData, {
+		type: "array",
+		propertyConfig: "multi_select",
+		of: {
+			type: "string",
+			enum: propertyData.of?.enum ?? []
+		}
+	});
+	else if (selectedWidgetId === "number_input") updatedProperty = mergeDeep(propertyData, {
+		type: "number",
+		propertyConfig: "number_input",
+		enum: void 0
+	});
+	else if (selectedWidgetId === "number_select") updatedProperty = mergeDeep(propertyData, {
+		type: "number",
+		propertyConfig: "number_select",
+		enum: propertyData.enum ?? []
+	});
+	else if (selectedWidgetId === "multi_number_select") updatedProperty = mergeDeep(propertyData, {
+		type: "array",
+		propertyConfig: "multi_number_select",
+		of: {
+			type: "number",
+			enum: propertyData.of?.enum ?? []
+		}
+	});
+	else if (selectedWidgetId === "file_upload") updatedProperty = mergeDeep(propertyData, {
+		type: "string",
+		propertyConfig: "file_upload",
+		storage: { storagePath: "/" }
+	});
+	else if (selectedWidgetId === "multi_file_upload") updatedProperty = mergeDeep(propertyData, {
+		type: "array",
+		propertyConfig: "multi_file_upload",
+		of: {
+			type: "string",
+			storage: propertyData.of?.storage ?? { storagePath: "/" }
+		}
+	});
+	else if (selectedWidgetId === "group") updatedProperty = mergeDeep(propertyData, {
+		type: "map",
+		propertyConfig: "group",
+		keyValue: false,
+		properties: propertyData.properties ?? {}
+	});
+	else if (selectedWidgetId === "key_value") updatedProperty = mergeDeep(propertyData, {
+		type: "map",
+		propertyConfig: "key_value",
+		keyValue: true,
+		properties: void 0
+	});
+	else if (selectedWidgetId === "reference") updatedProperty = mergeDeep(propertyData, {
+		type: "reference",
+		propertyConfig: "reference"
+	});
+	else if (selectedWidgetId === "reference_as_string") updatedProperty = mergeDeep(propertyData, {
+		type: "string",
+		propertyConfig: "reference_as_string"
+	});
+	else if (selectedWidgetId === "multi_references") updatedProperty = mergeDeep(propertyData, {
+		type: "array",
+		propertyConfig: "multi_references",
+		of: { type: "reference" }
+	});
+	else if (selectedWidgetId === "switch") updatedProperty = mergeDeep(propertyData, {
+		type: "boolean",
+		propertyConfig: "switch"
+	});
+	else if (selectedWidgetId === "date_time") updatedProperty = mergeDeep(propertyData, {
+		type: "date",
+		propertyConfig: "date_time",
+		mode: "date_time"
+	});
+	else if (selectedWidgetId === "relation") updatedProperty = mergeDeep(propertyData, {
+		type: "relation",
+		propertyConfig: "relation",
+		relationName: propertyData.relationName ?? ""
+	});
+	else if (selectedWidgetId === "repeat") updatedProperty = mergeDeep(propertyData, {
+		type: "array",
+		propertyConfig: "repeat"
+	});
+	else if (selectedWidgetId === "block") updatedProperty = mergeDeep(propertyData, {
+		type: "array",
+		propertyConfig: "block",
+		oneOf: { properties: {} }
+	});
+	else if (selectedWidgetId && propertyConfigs[selectedWidgetId]) updatedProperty = {
+		...propertyConfigs[selectedWidgetId].property,
+		propertyConfig: selectedWidgetId
+	};
+	return updatedProperty;
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/UrlPropertyField.tsx
+function UrlPropertyField({ disabled, showErrors }) {
+	const { values, setFieldValue } = useFormex();
+	const urlRawValue = getIn(values, "url");
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsxs(Select, {
+				disabled,
+				position: "item-aligned",
+				fullWidth: true,
+				onValueChange: (value) => {
+					if (value === "[NONE]") setFieldValue("url", true);
+					else setFieldValue("url", value);
+				},
+				label: "Preview type",
+				renderValue: (value) => {
+					switch (value) {
+						case "image": return "Image";
+						case "video": return "Video";
+						case "audio": return "Audio";
+						default: return "Display URL";
+					}
+				},
+				value: (typeof urlRawValue === "string" ? urlRawValue : "[NONE]") ?? "[NONE]",
+				children: [
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "[NONE]",
+						children: "Display URL"
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "image",
+						children: "Image"
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "video",
+						children: "Video"
+					}),
+					/* @__PURE__ */ jsx(SelectItem, {
+						value: "audio",
+						children: "Audio"
+					})
+				]
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(ValidationPanel, { children: /* @__PURE__ */ jsx(StringPropertyValidation, {
+				disabled,
+				max: true,
+				min: true,
+				trim: true,
+				showErrors
+			}) })
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(TextField, {
+				name: "defaultValue",
+				disabled,
+				onChange: (e) => {
+					setFieldValue("defaultValue", e.target.value === "" ? void 0 : e.target.value);
+				},
+				label: "Default value",
+				value: getIn(values, "defaultValue") ?? ""
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/utils/supported_fields.tsx
+var supportedFieldsIds = [
+	"text_field",
+	"multiline",
+	"markdown",
+	"url",
+	"email",
+	"user_select",
+	"select",
+	"multi_select",
+	"number_input",
+	"number_select",
+	"multi_number_select",
+	"file_upload",
+	"multi_file_upload",
+	"reference",
+	"reference_as_string",
+	"multi_references",
+	"relation",
+	"switch",
+	"date_time",
+	"group",
+	"key_value",
+	"repeat",
+	"block"
+];
+var supportedFields = Object.entries(DEFAULT_FIELD_CONFIGS).filter(([id]) => supportedFieldsIds.includes(id)).map(([id, config]) => ({ [id]: config })).reduce((a, b) => ({
+	...a,
+	...b
+}), {});
+//#endregion
+//#region src/collection_editor/ui/collection_editor/properties/MarkdownPropertyField.tsx
+function MarkdownPropertyField({ disabled, showErrors }) {
+	const { values, setFieldValue } = useFormex();
+	const { t } = useTranslation();
+	const baseStoragePath = "storage";
+	const fileName = `${baseStoragePath}.fileName`;
+	const maxSize = `${baseStoragePath}.maxSize`;
+	const storagePath = `${baseStoragePath}.storagePath`;
+	const fileNameValue = getIn(values, fileName) ?? "{rand}_{file}";
+	const storagePathValue = getIn(values, storagePath) ?? "/";
+	const maxSizeValue = getIn(values, maxSize);
+	const markdownValue = getIn(values, "markdown");
+	const isMarkdownObject = typeof markdownValue === "object" && markdownValue !== null;
+	const htmlValue = isMarkdownObject ? markdownValue.html ?? true : true;
+	const transformPastedTextValue = isMarkdownObject ? markdownValue.transformPastedText ?? false : false;
+	const hasFilenameCallback = typeof fileNameValue === "function";
+	const hasStoragePathCallback = typeof storagePathValue === "function";
+	const updateMarkdownConfig = useCallback((key, value) => {
+		const currentMarkdown = getIn(values, "markdown");
+		if (typeof currentMarkdown === "object" && currentMarkdown !== null) setFieldValue(`markdown.${key}`, value);
+		else setFieldValue("markdown", {
+			html: true,
+			transformPastedText: false,
+			[key]: value
+		});
+	}, [values, setFieldValue]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(ValidationPanel, { children: /* @__PURE__ */ jsx(StringPropertyValidation, {
+				disabled,
+				length: true,
+				lowercase: true,
+				max: true,
+				min: true,
+				trim: true,
+				uppercase: true,
+				showErrors
+			}) })
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(ExpandablePanel, {
+				title: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-row text-surface-500",
+					children: [/* @__PURE__ */ jsx(SettingsIcon, {}), /* @__PURE__ */ jsx(Typography, {
+						variant: "subtitle2",
+						className: "ml-4",
+						children: "Paste behavior"
+					})]
+				}),
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-2 p-4",
+					children: [
+						/* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
+							size: "small",
+							disabled,
+							value: !htmlValue,
+							onValueChange: (value) => updateMarkdownConfig("html", !value),
+							label: t("markdown_strip_html")
+						}),
+						/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "ml-3.5 mt-1 mb-2",
+							children: "Remove HTML tags and inline styles when pasting content from external sources"
+						}),
+						/* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
+							size: "small",
+							disabled,
+							value: transformPastedTextValue,
+							onValueChange: (value) => updateMarkdownConfig("transformPastedText", value),
+							label: t("markdown_convert_pasted")
+						}),
+						/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "ml-3.5 mt-1 mb-2",
+							children: "Convert rich text (from Google Docs, Word, etc.) to clean markdown format"
+						})
+					]
+				})
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(ExpandablePanel, {
+				title: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-row text-surface-500",
+					children: [/* @__PURE__ */ jsx(UploadCloudIcon, {}), /* @__PURE__ */ jsx(Typography, {
+						variant: "subtitle2",
+						className: "ml-4",
+						children: "File upload config"
+					})]
+				}),
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-12 gap-2 p-4",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "col-span-12",
+							children: /* @__PURE__ */ jsx(Field, {
+								name: fileName,
+								as: DebouncedTextField,
+								label: t("storage_file_name"),
+								size: "small",
+								disabled: hasFilenameCallback || disabled,
+								value: hasFilenameCallback ? "-" : fileNameValue
+							})
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "col-span-12",
+							children: [
+								/* @__PURE__ */ jsx(Field, {
+									name: storagePath,
+									as: DebouncedTextField,
+									label: t("storage_path"),
+									disabled: hasStoragePathCallback || disabled,
+									size: "small",
+									value: hasStoragePathCallback ? "-" : storagePathValue
+								}),
+								/* @__PURE__ */ jsxs(Typography, {
+									variant: "caption",
+									className: "ml-3.5 mt-1 mb-2",
+									children: [/* @__PURE__ */ jsx("p", { children: "You can use the following placeholders in the file name and storage path values:" }), /* @__PURE__ */ jsxs("ul", { children: [
+										/* @__PURE__ */ jsx("li", { children: "{file} - Full name of the uploaded file" }),
+										/* @__PURE__ */ jsx("li", { children: "{file.name} - Name of the uploaded file without extension" }),
+										/* @__PURE__ */ jsx("li", { children: "{file.ext} - Extension of the uploaded file" }),
+										/* @__PURE__ */ jsx("li", { children: "{entityId} - ID of the entity" }),
+										/* @__PURE__ */ jsx("li", { children: "{propertyKey} - ID of this field" }),
+										/* @__PURE__ */ jsx("li", { children: "{path} - Path of this entity" }),
+										/* @__PURE__ */ jsx("li", { children: "{rand} - Random value used to avoid name collisions" })
+									] })]
+								}),
+								/* @__PURE__ */ jsx(Typography, {
+									variant: "caption",
+									className: "ml-3.5 mt-1 mb-2",
+									children: "When using Markdown, the URL of the uploaded files are always saved in the text value (not the path)."
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "col-span-12",
+							children: /* @__PURE__ */ jsx(DebouncedTextField, {
+								name: maxSize,
+								type: "number",
+								label: t("storage_max_size"),
+								size: "small",
+								value: maxSizeValue !== void 0 && maxSizeValue !== null ? maxSizeValue.toString() : "",
+								onChange: (e) => {
+									const value = e.target.value;
+									if (value === "") setFieldValue(maxSize, void 0);
+									else setFieldValue(maxSize, parseInt(value));
+								}
+							})
+						})
+					]
+				})
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "col-span-12",
+			children: /* @__PURE__ */ jsx(TextField, {
+				name: "defaultValue",
+				disabled,
+				onChange: (e) => {
+					setFieldValue("defaultValue", e.target.value === "" ? void 0 : e.target.value);
+				},
+				label: t("default_value"),
+				value: getIn(values, "defaultValue") ?? ""
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/PropertyEditView.tsx
+var PropertyEditView_exports = /* @__PURE__ */ __exportAll({
+	PropertyForm: () => PropertyForm,
+	PropertyFormDialog: () => PropertyFormDialog,
+	WidgetSelectViewItem: () => WidgetSelectViewItem
+});
+var PropertyForm = React.memo(function PropertyForm(props) {
+	const { includeIdAndName = true, autoOpenTypeSelect, existingProperty, autoUpdateId, inArray, propertyKey, existingPropertyKeys, propertyNamespace, property, onPropertyChanged, onPropertyChangedImmediate = true, onDismiss, onDelete, onError, initialErrors, forceShowErrors, allowDataInference, getController, getData, propertyConfigs } = props;
+	const initialValue = {
+		id: "",
+		name: ""
+	};
+	const disabled = Boolean(property && isPropertyBuilder(property));
+	const lastSubmittedProperty = useRef(property ? {
+		id: propertyKey,
+		previousId: propertyKey,
+		property
+	} : void 0);
+	const doOnPropertyChanged = ({ id, property }) => {
+		const params = {
+			id,
+			previousId: lastSubmittedProperty.current?.id,
+			property,
+			namespace: propertyNamespace
+		};
+		lastSubmittedProperty.current = params;
+		onPropertyChanged?.(params);
+	};
+	const formexController = useCreateFormex({
+		debugId: "PROPERTY_FORM",
+		initialValues: property ? {
+			id: propertyKey,
+			...property
+		} : initialValue,
+		initialErrors,
+		validateOnChange: true,
+		validateOnInitialRender: true,
+		onSubmit: (newPropertyWithId, controller) => {
+			const { id, ...property } = newPropertyWithId;
+			doOnPropertyChanged({
+				id,
+				property
+			});
+			if (!existingProperty) controller.resetForm({ values: initialValue });
+		},
+		validation: (values) => {
+			const errors = {};
+			if (includeIdAndName) {
+				if (!values.name) errors.name = "Required";
+				else {
+					const nameError = validateName(values.name);
+					if (nameError) errors.name = nameError;
+				}
+				if (!values.id) errors.id = "Required";
+				else {
+					const idError = validateId(values.id, existingPropertyKeys);
+					if (idError) errors.id = idError;
+				}
+			}
+			if (values.type === "string") {
+				if (values.validation?.matches && !isValidRegExp(values.validation?.matches.toString())) errors.validation = { matches: "Invalid regular expression" };
+			}
+			if (values.type === "reference" && !values.path) errors.slug = "You must specify a target collection for the field";
+			if (values.type === "vector" && (!values.dimensions || isNaN(Number(values.dimensions)) || Number(values.dimensions) <= 0)) errors.dimensions = "Vector dimensions must be a positive number";
+			if (values.propertyConfig === "repeat") {
+				if (!("of" in values) || !values.of) errors.of = "You need to specify a repeat field";
+			}
+			if (values.propertyConfig === "block") {
+				if (!("oneOf" in values) || !values.oneOf) errors.oneOf = "You need to specify the properties of this block";
+			}
+			return errors;
+		}
+	});
+	useEffect(() => {
+		getController?.(formexController);
+	}, [formexController, getController]);
+	return /* @__PURE__ */ jsx(Formex, {
+		value: formexController,
+		children: /* @__PURE__ */ jsx(PropertyEditFormFields, {
+			onPropertyChanged: onPropertyChangedImmediate ? doOnPropertyChanged : void 0,
+			onDelete,
+			includeIdAndTitle: includeIdAndName,
+			propertyNamespace,
+			onError,
+			onDismiss,
+			showErrors: forceShowErrors || formexController.submitCount > 0,
+			existing: existingProperty,
+			autoUpdateId,
+			inArray,
+			autoOpenTypeSelect,
+			disabled,
+			getData,
+			allowDataInference,
+			propertyConfigs,
+			...formexController
+		})
+	});
+}, (a, b) => a.getData === b.getData && a.propertyKey === b.propertyKey && a.propertyNamespace === b.propertyNamespace && a.includeIdAndName === b.includeIdAndName && a.autoOpenTypeSelect === b.autoOpenTypeSelect && a.autoUpdateId === b.autoUpdateId && a.existingPropertyKeys === b.existingPropertyKeys && a.existingProperty === b.existingProperty);
+function PropertyFormDialog({ open, onCancel, onOkClicked, onPropertyChanged, getData, ...formProps }) {
+	const formexRef = useRef(void 0);
+	const getController = (helpers) => {
+		formexRef.current = helpers;
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: open ?? false,
+		maxWidth: "xl",
+		fullWidth: true,
+		children: /* @__PURE__ */ jsxs("form", {
+			noValidate: true,
+			autoComplete: "off",
+			onSubmit: (e) => {
+				e.preventDefault();
+				e.stopPropagation();
+				formexRef.current?.handleSubmit(e);
+			},
+			children: [
+				/* @__PURE__ */ jsx(DialogTitle, {
+					hidden: true,
+					children: "Property edit view"
+				}),
+				/* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(PropertyForm, {
+					...formProps,
+					onDismiss: onCancel,
+					onPropertyChanged: (params) => {
+						onPropertyChanged?.(params);
+						onOkClicked?.();
+					},
+					onPropertyChangedImmediate: false,
+					getController,
+					getData
+				}) }),
+				/* @__PURE__ */ jsxs(DialogActions, { children: [onCancel && /* @__PURE__ */ jsx(Button, {
+					variant: "text",
+					onClick: () => {
+						onCancel();
+						formexRef.current?.resetForm();
+					},
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					children: "Ok"
+				})] })
+			]
+		})
+	});
+}
+function PropertyEditFormFields({ values, errors, setValues, existing, autoUpdateId = false, autoOpenTypeSelect, includeIdAndTitle, onPropertyChanged, onDelete, propertyNamespace, onDismiss, onError, showErrors, disabled, inArray, getData, allowDataInference, propertyConfigs }) {
+	const [selectOpen, setSelectOpen] = useState(autoOpenTypeSelect);
+	const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+	const [selectedFieldConfigId, setSelectedFieldConfigId] = useState(values?.type ? getFieldId(values) : void 0);
+	const deferredValues = useDeferredValue(values);
+	const nameFieldRef = useRef(null);
+	const lastSubmittedProperty = useRef(values);
+	const selectedWidgetError = showErrors && getIn(errors, "selectedWidget");
+	useEffect(() => {
+		if (onPropertyChanged) {
+			if (!includeIdAndTitle || deferredValues.id) {
+				const { id, ...property } = deferredValues;
+				if (!deepEqual(deferredValues, lastSubmittedProperty.current)) {
+					onPropertyChanged({
+						id,
+						property,
+						namespace: propertyNamespace
+					});
+					lastSubmittedProperty.current = deferredValues;
+				}
+			}
+		}
+	}, [
+		deferredValues,
+		includeIdAndTitle,
+		propertyNamespace
+	]);
+	useEffect(() => {
+		if (values?.id && onError) onError(values?.id, propertyNamespace, errors);
+	}, [
+		errors,
+		propertyNamespace,
+		values?.id
+	]);
+	const onWidgetSelectChanged = (newSelectedWidgetId) => {
+		setSelectedFieldConfigId(newSelectedWidgetId);
+		setValues(updatePropertyFromWidget(values, newSelectedWidgetId, propertyConfigs));
+		setTimeout(() => {
+			nameFieldRef.current?.focus();
+		}, 0);
+	};
+	let childComponent;
+	if (selectedFieldConfigId === "text_field" || selectedFieldConfigId === "multiline" || selectedFieldConfigId === "user_select" || selectedFieldConfigId === "email") childComponent = /* @__PURE__ */ jsx(StringPropertyField, {
+		widgetId: selectedFieldConfigId,
+		disabled,
+		showErrors
+	});
+	else if (selectedFieldConfigId === "url") childComponent = /* @__PURE__ */ jsx(UrlPropertyField, {
+		disabled,
+		showErrors
+	});
+	else if (selectedFieldConfigId === "markdown") childComponent = /* @__PURE__ */ jsx(MarkdownPropertyField, {
+		disabled,
+		showErrors
+	});
+	else if (selectedFieldConfigId === "select" || selectedFieldConfigId === "number_select") childComponent = /* @__PURE__ */ jsx(EnumPropertyField, {
+		multiselect: false,
+		allowDataInference,
+		updateIds: !existing,
+		disabled,
+		getData,
+		propertyNamespace,
+		showErrors
+	});
+	else if (selectedFieldConfigId === "multi_select" || selectedFieldConfigId === "multi_number_select") childComponent = /* @__PURE__ */ jsx(EnumPropertyField, {
+		multiselect: true,
+		updateIds: !existing,
+		disabled,
+		allowDataInference,
+		getData,
+		propertyNamespace,
+		showErrors
+	});
+	else if (selectedFieldConfigId === "file_upload") childComponent = /* @__PURE__ */ jsx(StoragePropertyField, {
+		existing,
+		multiple: false,
+		disabled
+	});
+	else if (selectedFieldConfigId === "multi_file_upload") childComponent = /* @__PURE__ */ jsx(StoragePropertyField, {
+		existing,
+		multiple: true,
+		disabled
+	});
+	else if (selectedFieldConfigId === "switch") childComponent = /* @__PURE__ */ jsx(BooleanPropertyField, { disabled });
+	else if (selectedFieldConfigId === "number_input") childComponent = /* @__PURE__ */ jsx(NumberPropertyField, { disabled });
+	else if (selectedFieldConfigId === "group") childComponent = /* @__PURE__ */ jsx(MapPropertyField, {
+		disabled,
+		getData,
+		allowDataInference,
+		propertyConfigs
+	});
+	else if (selectedFieldConfigId === "block") childComponent = /* @__PURE__ */ jsx(BlockPropertyField, {
+		disabled,
+		getData,
+		allowDataInference,
+		propertyConfigs
+	});
+	else if (selectedFieldConfigId === "reference") childComponent = /* @__PURE__ */ jsx(ReferencePropertyField, {
+		showErrors,
+		existing,
+		multiple: false,
+		disabled
+	});
+	else if (selectedFieldConfigId === "reference_as_string") childComponent = /* @__PURE__ */ jsx(ReferencePropertyField, {
+		showErrors,
+		existing,
+		asString: true,
+		multiple: false,
+		disabled
+	});
+	else if (selectedFieldConfigId === "date_time") childComponent = /* @__PURE__ */ jsx(DateTimePropertyField, { disabled });
+	else if (selectedFieldConfigId === "multi_references") childComponent = /* @__PURE__ */ jsx(ReferencePropertyField, {
+		showErrors,
+		existing,
+		multiple: true,
+		disabled
+	});
+	else if (selectedFieldConfigId === "repeat") childComponent = /* @__PURE__ */ jsx(RepeatPropertyField, {
+		showErrors,
+		existing,
+		getData,
+		allowDataInference,
+		disabled,
+		propertyConfigs
+	});
+	else if (selectedFieldConfigId === "key_value") childComponent = /* @__PURE__ */ jsx(KeyValuePropertyField, { disabled });
+	else if (selectedFieldConfigId === "relation") childComponent = /* @__PURE__ */ jsx(RelationPropertyField, {
+		showErrors,
+		disabled
+	});
+	else if (selectedFieldConfigId === "vector_input") childComponent = /* @__PURE__ */ jsx(VectorPropertyField, { disabled });
+	else childComponent = null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		disabled && /* @__PURE__ */ jsxs(InfoLabel, {
+			mode: "warn",
+			children: [/* @__PURE__ */ jsx(Typography, { children: "This property can't be edited" }), /* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				children: "You may not have permission to edit it or it is defined in code and cannot be modified."
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex mt-2 items-start justify-between",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "w-full flex flex-col gap-2",
+				children: [/* @__PURE__ */ jsx(WidgetSelectView, {
+					initialProperty: values,
+					value: selectedFieldConfigId,
+					onValueChange: (value) => onWidgetSelectChanged(value),
+					open: selectOpen,
+					onOpenChange: (open, hasValue) => {
+						if (!hasValue) onDismiss?.();
+						setSelectOpen(open);
+					},
+					disabled,
+					showError: Boolean(selectedWidgetError),
+					existing,
+					propertyConfigs,
+					inArray
+				}), !!selectedWidgetError && /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					className: "ml-3.5",
+					color: "error",
+					children: "Required"
+				})]
+			}), onDelete && values?.id && /* @__PURE__ */ jsx(IconButton, {
+				variant: "ghost",
+				className: "mt-1 shrink-0",
+				disabled,
+				onClick: () => setDeleteDialogOpen(true),
+				children: /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.small })
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-12 gap-y-8 mt-6 mb-8",
+			children: [
+				includeIdAndTitle && /* @__PURE__ */ jsx(CommonPropertyFields, {
+					showErrors,
+					disabledId: existing,
+					isNewProperty: !existing,
+					disabled,
+					autoUpdateId,
+					ref: nameFieldRef
+				}),
+				childComponent,
+				/* @__PURE__ */ jsx("div", {
+					className: "col-span-12",
+					children: /* @__PURE__ */ jsx(AdvancedPropertyValidation, { disabled })
+				})
+			]
+		}),
+		onDelete && /* @__PURE__ */ jsx(ConfirmationDialog, {
+			open: deleteDialogOpen,
+			onAccept: () => onDelete(values?.id, propertyNamespace),
+			onCancel: () => setDeleteDialogOpen(false),
+			title: /* @__PURE__ */ jsx("div", { children: "Delete this property?" }),
+			body: /* @__PURE__ */ jsxs("div", { children: [
+				" This will ",
+				/* @__PURE__ */ jsx("b", { children: "not delete any data" }),
+				", only modify the collection."
+			] })
+		})
+	] });
+}
+var idRegEx = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function validateId(value, existingPropertyKeys) {
+	let error;
+	if (!value) error = "You must specify an id for the field";
+	if (value && !value.match(idRegEx)) error = "The id can only contain letters, numbers and underscores (_), and not start with a number";
+	if (value && existingPropertyKeys && existingPropertyKeys.includes(value)) error = "There is another field with this ID already";
+	return error;
+}
+function validateName(value) {
+	let error;
+	if (!value) error = "You must specify a title for the field";
+	return error;
+}
+var WIDGET_TYPE_MAP = {
+	text_field: "Text",
+	multiline: "Text",
+	markdown: "Text",
+	url: "Text",
+	email: "Text",
+	switch: "Boolean",
+	user_select: "Users",
+	select: "Select",
+	multi_select: "Select",
+	number_input: "Number",
+	number_select: "Select",
+	multi_number_select: "Select",
+	file_upload: "File",
+	multi_file_upload: "File",
+	relation: "Relation",
+	reference: "Reference",
+	reference_as_string: "Text",
+	multi_references: "Reference",
+	date_time: "Date",
+	group: "Group",
+	key_value: "Group",
+	repeat: "Array",
+	custom_array: "Array",
+	block: "Group",
+	vector_input: "Number"
+};
+function WidgetSelectView({ initialProperty, value, onValueChange, open, onOpenChange, disabled, showError, existing, propertyConfigs, inArray }) {
+	const allSupportedFields = Object.entries(supportedFields).concat(Object.entries(propertyConfigs));
+	const displayedWidgets = (inArray ? allSupportedFields.filter(([_, propertyConfig]) => !isPropertyBuilder(propertyConfig.property) && propertyConfig.property?.type !== "array") : allSupportedFields).map(([key, propertyConfig]) => ({ [key]: propertyConfig })).reduce((a, b) => {
+		return {
+			...a,
+			...b
+		};
+	}, {});
+	const key = value;
+	const propertyConfig = key ? DEFAULT_FIELD_CONFIGS[key] ?? propertyConfigs[key] : void 0;
+	const baseProperty = propertyConfig?.property;
+	const baseFieldConfig = baseProperty && !isPropertyBuilder(baseProperty) ? getFieldConfig(baseProperty, propertyConfigs) : void 0;
+	const computedFieldConfig = baseFieldConfig && propertyConfig ? mergeDeep(baseFieldConfig, propertyConfig) : propertyConfig;
+	const groups = [...new Set(Object.keys(displayedWidgets).map((key) => {
+		const group = WIDGET_TYPE_MAP[key];
+		if (group) return group;
+		return "Custom/Other";
+	}))];
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		onClick: () => {
+			if (!disabled) onOpenChange(!open, Boolean(value));
+		},
+		className: cls("select-none rounded-md text-sm py-2 px-1 transition-colors duration-200", !disabled && "hover:bg-surface-50 dark:hover:bg-surface-800 cursor-pointer", "relative flex items-center mb-2"),
+		children: [!value && /* @__PURE__ */ jsx("em", { children: "Select a property widget" }), value && computedFieldConfig && /* @__PURE__ */ jsxs("div", {
+			className: cls("flex items-center"),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "mr-4",
+				children: /* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig: computedFieldConfig })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-start text-left",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "font-semibold text-text-primary dark:text-text-primary-dark tracking-tight",
+					children: computedFieldConfig.name
+				}), /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					className: "text-text-secondary dark:text-text-secondary-dark mt-0.5",
+					children: computedFieldConfig.description
+				})]
+			})]
+		})]
+	}), /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		onOpenChange: (open) => onOpenChange(open, Boolean(value)),
+		maxWidth: "4xl",
+		children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Select a property widget" }), /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx("div", { children: groups.map((group) => {
+			return /* @__PURE__ */ jsxs("div", {
+				className: "mt-4",
+				children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "label",
+					children: group
+				}), /* @__PURE__ */ jsx("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2 mt-4",
+					children: Object.entries(displayedWidgets).map(([key, propertyConfig]) => {
+						if (WIDGET_TYPE_MAP[key] === group) return /* @__PURE__ */ jsx(WidgetSelectViewItem, {
+							initialProperty,
+							onClick: () => {
+								onValueChange(key);
+								onOpenChange(false, true);
+							},
+							propertyConfig,
+							existing
+						}, key);
+						return null;
+					})
+				})]
+			}, group);
+		}) }) })]
+	})] });
+}
+function WidgetSelectViewItem({ onClick, initialProperty, propertyConfig, existing }) {
+	const baseProperty = propertyConfig.property;
+	const shouldWarnChangingtype = existing && !isPropertyBuilder(baseProperty) && baseProperty.type !== initialProperty?.type;
+	return /* @__PURE__ */ jsx(Card, {
+		onClick,
+		className: "flex flex-row items-center px-4 py-2 m-1",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cls("flex flex-row items-center text-base min-h-[48px]"),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "mr-8",
+				children: /* @__PURE__ */ jsx(PropertyConfigBadge, {
+					propertyConfig,
+					disabled: shouldWarnChangingtype
+				})
+			}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-row gap-2 items-center",
+				children: [shouldWarnChangingtype && /* @__PURE__ */ jsx(Tooltip, {
+					title: "This widget uses a different data type than the initially selected widget. This can cause errors with existing data.",
+					children: /* @__PURE__ */ jsx(AlertTriangleIcon, {
+						size: iconSize.smallest,
+						className: "w-4"
+					})
+				}), /* @__PURE__ */ jsx(Typography, {
+					variant: "label",
+					color: shouldWarnChangingtype ? "secondary" : void 0,
+					children: propertyConfig.name
+				})]
+			}), /* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				color: "secondary",
+				className: "max-w-sm",
+				children: propertyConfig.description
+			})] })]
+		})
+	});
+}
+//#endregion
+export { updatePropertyFromWidget as a, useAIModifiedPaths as c, supportedFields as i, PropertyForm as n, PropertyTree as o, PropertyFormDialog as r, AIModifiedPathsProvider as s, PropertyEditView_exports as t };
+
+//# sourceMappingURL=PropertyEditView-DEUddmg_.js.map