@rebasepro/cms 0.21.1 → 0.21.2-canary.g1ea48be

package/dist/{util-jUWinb7D.js → util-qfCPxJzB.js}

@@ -156,41 +156,53 @@ function getDefaultPropertiesOrder(collection) {
 	return [...Object.keys(collection.properties), ...(collection.additionalFields ?? []).map((field) => field.key)];
 }
 //#endregion
-//#region src/components/PropertyIdCopyTooltip.tsx
-function PropertyIdCopyTooltip({ propertyKey, className, children }) {
-	return /* @__PURE__ */ jsx(Tooltip, {
-		title: /* @__PURE__ */ jsx(PropertyIdCopyTooltipContent, { propertyKey }),
-		delayDuration: 800,
-		side: "top",
-		align: "start",
-		sideOffset: 8,
-		className,
-		children
-	});
-}
-function PropertyIdCopyTooltipContent({ propertyKey }) {
+//#region src/components/PropertyKeyHint.tsx
+/**
+* A property's key, shown beside its label while the label is hovered, and
+* copied when clicked.
+*
+* Inline, in the label row's own empty space, rather than a tooltip. The tooltip
+* this replaces wrapped the field's control as well as its label, so it opened
+* the moment a field took focus and sat on top of the label of the very field
+* being filled in. Closing again on blur, it was also what threw Tab out of the
+* dialog (see `useRestoreInterruptedFocus` in `@rebasepro/ui`). A key a
+* developer copies now and then is not worth a layer over the form.
+*
+* Revealed by hovering the nearest `group/label` ancestor, after a pause, so a
+* pointer crossing the form does not flicker keys on and off; hidden again at
+* once. Out of the tab order: a stop per field would double the keystrokes it
+* takes to get through a form, for something only the pointer needs.
+*
+* Gives up its width before the label does (`shrink-[999]`), so a long field
+* name in a narrow column is never truncated to make room for a key that is not
+* even showing.
+*/
+function PropertyKeyHint({ propertyKey, className }) {
+	const { t } = useTranslation();
 	const [copied, setCopied] = useState(false);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-row gap-2 items-center justify-center text-on-surface",
-		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
-			variant: "caption",
-			className: "min-w-20 text-on-surface-variant opacity-80",
-			color: "inherit",
-			children: copied ? "Copied" : "Property ID"
-		}), /* @__PURE__ */ jsx(Typography, {
-			variant: "caption",
-			className: "text-on-surface",
-			children: /* @__PURE__ */ jsx("code", { children: propertyKey })
-		})] }), /* @__PURE__ */ jsx(IconButton, {
-			size: "small",
-			children: /* @__PURE__ */ jsx(CopyIcon, {
-				className: "text-on-surface",
-				onClick: useCallback(() => {
-					navigator.clipboard.writeText(propertyKey);
-					setCopied(true);
-					setTimeout(() => setCopied(false), 2e3);
-				}, [propertyKey])
-			})
+	const copy = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		navigator.clipboard?.writeText(propertyKey).then(() => {
+			setCopied(true);
+			setTimeout(() => setCopied(false), 1600);
+		}, () => void 0);
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		tabIndex: -1,
+		onClick: copy,
+		"aria-label": `${t("copy")} ${propertyKey}`,
+		className: cls("inline-flex items-center gap-1 min-w-0 shrink-[999] px-1 -my-0.5 rounded-md", "font-mono text-[11px] font-normal leading-tight", "text-text-disabled dark:text-text-disabled-dark", "hover:text-text-secondary dark:hover:text-text-secondary-dark hover:bg-surface-hover", "opacity-0 transition-opacity duration-150 group-hover/label:opacity-100 group-hover/label:delay-500", className),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: propertyKey
+		}), copied ? /* @__PURE__ */ jsx(CheckIcon, {
+			size: 11,
+			className: "shrink-0"
+		}) : /* @__PURE__ */ jsx(CopyIcon, {
+			size: 11,
+			className: "shrink-0"
 		})]
 	});
 }
@@ -273,25 +285,23 @@ function FieldBlock({ propertyKey, property, showLabel, mode = "edit", label, ic
 		id: `form_field_${propertyKey}`,
 		className: "relative flex flex-col min-w-0",
 		children: [
-			showLabel && /* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
-				propertyKey,
-				children: /* @__PURE__ */ jsxs("div", {
-					className: cls("flex items-center gap-1.5 font-medium leading-tight mb-1.5", "text-[13px] text-text-primary dark:text-text-primary-dark"),
-					children: [
-						(property || icon) && /* @__PURE__ */ jsx("span", {
-							className: "shrink-0 text-text-disabled dark:text-text-disabled-dark",
-							children: property ? getIconForProperty(property, 14) : icon
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "truncate",
-							children: property?.name ?? label ?? propertyKey
-						}),
-						required && /* @__PURE__ */ jsx("span", {
-							className: "text-red-500 dark:text-red-500 -ml-1",
-							children: "*"
-						})
-					]
-				})
+			showLabel && /* @__PURE__ */ jsxs("div", {
+				className: cls("group/label flex items-center gap-1.5 min-w-0 font-medium leading-tight mb-1.5", "text-[13px] text-text-primary dark:text-text-primary-dark"),
+				children: [
+					(property || icon) && /* @__PURE__ */ jsx("span", {
+						className: "shrink-0 text-text-disabled dark:text-text-disabled-dark",
+						children: property ? getIconForProperty(property, 14) : icon
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: property?.name ?? label ?? propertyKey
+					}),
+					required && /* @__PURE__ */ jsx("span", {
+						className: "text-red-500 dark:text-red-500 -ml-1",
+						children: "*"
+					}),
+					property && /* @__PURE__ */ jsx(PropertyKeyHint, { propertyKey })
+				]
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "min-w-0",
@@ -3484,32 +3494,23 @@ function FieldHelperText({ error, showError, property, includeDescription = true
 * Render the label of with an icon and the title of a property
 * @group Form custom fields
 */
-var LabelWithIcon = forwardRef(({ icon, title, small, className, required, labelId }, ref) => {
+var LabelWithIcon = forwardRef(({ icon, title, small, className, required, labelId, propertyKey }, ref) => {
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
-		className: cls("align-middle inline-flex items-center my-0.5", small ? "gap-1" : "gap-2", className),
-		children: [icon, /* @__PURE__ */ jsx("span", {
-			id: labelId,
-			className: `text-start font-medium text-${small ? "base" : "sm"} origin-top-left transform ${small ? "translate-x-2 scale-75" : ""}`,
-			children: (title ?? "") + (required ? " *" : "")
-		})]
+		className: cls("group/label align-middle inline-flex items-center min-w-0 my-0.5", small ? "gap-1" : "gap-2", className),
+		children: [
+			icon,
+			/* @__PURE__ */ jsx("span", {
+				id: labelId,
+				className: `text-start font-medium text-${small ? "base" : "sm"} origin-top-left transform ${small ? "translate-x-2 scale-75" : ""}`,
+				children: (title ?? "") + (required ? " *" : "")
+			}),
+			propertyKey && /* @__PURE__ */ jsx(PropertyKeyHint, { propertyKey })
+		]
 	});
 });
 LabelWithIcon.displayName = "LabelWithIcon";
 //#endregion
-//#region src/form/components/LabelWithIconAndTooltip.tsx
-/**
-* Render the label of with an icon and the title of a property
-* @group Form custom fields
-*/
-function LabelWithIconAndTooltip({ propertyKey, className, ...props }) {
-	return /* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
-		propertyKey,
-		className,
-		children: /* @__PURE__ */ jsx(LabelWithIcon, { ...props })
-	});
-}
-//#endregion
 //#region src/form/field_bindings/ReadOnlyFieldBinding.tsx
 /**
 *
@@ -3522,7 +3523,7 @@ function LabelWithIconAndTooltip({ propertyKey, className, ...props }) {
 function ReadOnlyFieldBinding({ propertyKey, value, error, showError, minimalistView, property, includeDescription, hideLabel, context, size = "large" }) {
 	const skipCardWrapper = property.type === "relation" || property.type === "reference";
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		!minimalistView && !hideLabel && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+		!minimalistView && !hideLabel && /* @__PURE__ */ jsx(LabelWithIcon, {
 			propertyKey,
 			icon: getIconForProperty(property, "small"),
 			required: property.validation?.required,
@@ -3599,7 +3600,7 @@ function ArrayCustomShapedFieldBinding({ propertyKey, value, error, showError, i
 		value,
 		setValue
 	});
-	const title = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+	const title = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LabelWithIcon, {
 		propertyKey,
 		icon: getIconForProperty(property, "small"),
 		required: property.validation?.required,
@@ -8902,6 +8903,21 @@ function loadXlsxReader() {
 	return xlsxReader;
 }
 /**
+* Put a date the reader left a millisecond short back on its second.
+*
+* `read-excel-file` turns Excel's date serials (fractional days) into
+* milliseconds with `Math.floor`, and the fraction is rarely exact in floating
+* point: a time of 12:30:00 arrives as 12:29:59.999, and a field that shows
+* minutes displays 12:29. A date within a millisecond of a whole second is put
+* back on it; a genuine sub-second value is left alone.
+*/
+function snapToSecond(cell) {
+	if (!(cell instanceof Date)) return cell;
+	const time = cell.getTime();
+	const second = Math.round(time / 1e3) * 1e3;
+	return Math.abs(time - second) <= 1 ? new Date(second) : cell;
+}
+/**
 * Whether this file is delimited text rather than a workbook.
 *
 * Browsers report `text/csv`, `application/csv` or nothing at all for the same
@@ -8999,7 +9015,7 @@ function convertFileToJson(file) {
 						row.forEach((cell, index) => {
 							if (cell === null || cell === void 0) return;
 							const header = headers.byColumn.get(index);
-							if (header && !isPrototypePollutingKey(header)) obj[header] = cell;
+							if (header && !isPrototypePollutingKey(header)) obj[header] = snapToSecond(cell);
 						});
 						parsedData.push(obj);
 					}
@@ -9895,8 +9911,8 @@ function EditorCollectionAction({ path, parentCollectionSlugs, parentEntityIds,
 }
 //#endregion
 //#region src/components/CollectionViewBinding/CollectionViewActions.tsx
-var ImportCollectionAction = lazyChunk(() => import("./import-Ct2FFEEj.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
-var ExportCollectionAction = lazyChunk(() => import("./export-CrKQwyBM.js").then((n) => n.t).then((m) => ({ default: m.ExportCollectionAction })));
+var ImportCollectionAction = lazyChunk(() => import("./import-ByaJMZuT.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
+var ExportCollectionAction = lazyChunk(() => import("./export-DIyk1720.js").then((n) => n.t).then((m) => ({ default: m.ExportCollectionAction })));
 function CollectionViewActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, onNewClick, onAddExistingClick, onMultipleDeleteClick, selectionEnabled, path, selectionController, tableController, collectionEntitiesCount, compact, children, openNewDocument }) {
 	const context = useAdminContext();
 	const { canCreate, canDelete } = usePermissions();
@@ -11983,12 +11999,7 @@ function EntityViewBinding({ entity, collection, className, asPage = false, open
 */
 function EntityIdentityBar({ collection, collectionUrl, title, entityId, status, dirty, saving, onSave, onDiscard, saveDisabled, hasErrors, onSaveAndClose, saveAndClosePlacement = "button", onClose, onBack, onInspect, onViewHistory, externalLink, recordActions, pluginActions, trailing, leading }) {
 	const { t } = useTranslation();
-	const saveLabel = status === "existing" ? t("save") : status === "copy" ? t("create_copy") : t("create");
-	const closeLabel = status === "existing" ? t("save_and_close") : status === "copy" ? t("create_copy_and_close") : t("create_and_close");
 	const hasMenu = Boolean(recordActions) || Boolean(onInspect) || Boolean(onViewHistory) || Boolean(externalLink);
-	const saveAndCloseButton = Boolean(onSaveAndClose) && saveAndClosePlacement === "button";
-	const saveAndCloseMenu = Boolean(onSaveAndClose) && saveAndClosePlacement === "menu";
-	const saveTooltip = hasErrors ? t("fix_errors_before_saving") ?? "Fix highlighted errors before saving" : void 0;
 	return /* @__PURE__ */ jsxs("div", {
 		className: cls("h-[52px] shrink-0 flex items-center gap-2 pl-1.5 pr-2", "bg-surface-sheet"),
 		children: [
@@ -12022,59 +12033,17 @@ function EntityIdentityBar({ collection, collectionUrl, title, entityId, status,
 			}),
 			entityId !== void 0 && /* @__PURE__ */ jsx(IdChip, { value: String(entityId) }),
 			/* @__PURE__ */ jsx("div", { className: "flex-1" }),
-			onSave && /* @__PURE__ */ jsx(SaveState, {
+			pluginActions,
+			/* @__PURE__ */ jsx(EntitySaveActions, {
+				status,
 				dirty,
 				saving,
-				status,
-				t
-			}),
-			pluginActions,
-			onDiscard && dirty && !saving && /* @__PURE__ */ jsx(Button, {
-				variant: "text",
-				size: "small",
-				onClick: onDiscard,
-				children: status === "existing" ? t("discard") : t("clear")
-			}),
-			onSave && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-stretch rounded-lg overflow-hidden",
-				children: [/* @__PURE__ */ jsx(Tooltip, {
-					title: saveTooltip,
-					children: /* @__PURE__ */ jsx(LoadingButton, {
-						variant: saveAndCloseButton ? "text" : "filled",
-						color: "primary",
-						size: "small",
-						loading: saving && !saveAndCloseButton,
-						disabled: saveDisabled,
-						onClick: onSave,
-						className: saveAndCloseMenu ? "rounded-none" : void 0,
-						children: saveLabel
-					})
-				}), saveAndCloseMenu && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Menu, {
-					align: "end",
-					trigger: /* @__PURE__ */ jsx(Button, {
-						variant: "filled",
-						color: "primary",
-						size: "small",
-						disabled: saveDisabled,
-						"aria-label": closeLabel,
-						style: { borderLeftColor: "color-mix(in oklab, currentColor 15%, transparent)" },
-						className: "rounded-none px-1.5",
-						children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: iconSize.smallest })
-					}),
-					children: /* @__PURE__ */ jsxs(MenuItem, {
-						onClick: onSaveAndClose,
-						children: [/* @__PURE__ */ jsx(CheckIcon, { size: iconSize.smallest }), closeLabel]
-					})
-				}) })]
-			}),
-			saveAndCloseButton && /* @__PURE__ */ jsx(LoadingButton, {
-				variant: "filled",
-				color: "primary",
-				size: "small",
-				loading: saving,
-				disabled: saveDisabled,
-				onClick: onSaveAndClose,
-				children: closeLabel
+				onSave,
+				onDiscard,
+				saveDisabled,
+				hasErrors,
+				onSaveAndClose,
+				saveAndClosePlacement
 			}),
 			hasMenu && /* @__PURE__ */ jsxs(Menu, {
 				align: "end",
@@ -12116,6 +12085,78 @@ function EntityIdentityBar({ collection, collectionUrl, title, entityId, status,
 	});
 }
 /**
+* Save, "save and close", Discard, and the words saying where the edit stands.
+*
+* Its own component because it has two homes. On a page and in the side panel
+* it sits in the identity bar, where it stays in view while the form scrolls. In
+* the dialog it sits in a footer under the form: a dialog is read top to bottom
+* and finished at the bottom, where every other dialog in the app keeps its
+* buttons, and the bar at its top is left to say what the record is.
+*/
+function EntitySaveActions({ status, dirty, saving, onSave, onDiscard, saveDisabled, hasErrors, onSaveAndClose, saveAndClosePlacement = "button" }) {
+	const { t } = useTranslation();
+	const saveLabel = status === "existing" ? t("save") : status === "copy" ? t("create_copy") : t("create");
+	const closeLabel = status === "existing" ? t("save_and_close") : status === "copy" ? t("create_copy_and_close") : t("create_and_close");
+	const saveAndCloseButton = Boolean(onSaveAndClose) && saveAndClosePlacement === "button";
+	const saveAndCloseMenu = Boolean(onSaveAndClose) && saveAndClosePlacement === "menu";
+	const saveTooltip = hasErrors ? t("fix_errors_before_saving") ?? "Fix highlighted errors before saving" : void 0;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		onSave && /* @__PURE__ */ jsx(SaveState, {
+			dirty,
+			saving,
+			status,
+			t
+		}),
+		onDiscard && dirty && !saving && /* @__PURE__ */ jsx(Button, {
+			variant: "text",
+			size: "small",
+			onClick: onDiscard,
+			children: status === "existing" ? t("discard") : t("clear")
+		}),
+		onSave && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-stretch rounded-lg overflow-hidden",
+			children: [/* @__PURE__ */ jsx(Tooltip, {
+				title: saveTooltip,
+				children: /* @__PURE__ */ jsx(LoadingButton, {
+					variant: saveAndCloseButton ? "text" : "filled",
+					color: "primary",
+					size: "small",
+					loading: saving && !saveAndCloseButton,
+					disabled: saveDisabled,
+					onClick: onSave,
+					className: saveAndCloseMenu ? "rounded-none" : void 0,
+					children: saveLabel
+				})
+			}), saveAndCloseMenu && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Menu, {
+				align: "end",
+				trigger: /* @__PURE__ */ jsx(Button, {
+					variant: "filled",
+					color: "primary",
+					size: "small",
+					disabled: saveDisabled,
+					"aria-label": closeLabel,
+					style: { borderLeftColor: "color-mix(in oklab, currentColor 15%, transparent)" },
+					className: "rounded-none px-1.5",
+					children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: iconSize.smallest })
+				}),
+				children: /* @__PURE__ */ jsxs(MenuItem, {
+					onClick: onSaveAndClose,
+					children: [/* @__PURE__ */ jsx(CheckIcon, { size: iconSize.smallest }), closeLabel]
+				})
+			}) })]
+		}),
+		saveAndCloseButton && /* @__PURE__ */ jsx(LoadingButton, {
+			variant: "filled",
+			color: "primary",
+			size: "small",
+			loading: saving,
+			disabled: saveDisabled,
+			onClick: onSaveAndClose,
+			children: closeLabel
+		})
+	] });
+}
+/**
 * The words the unlabelled floating circle never said.
 *
 * That indicator was a ✓ / pencil / spinner chip stuck to the top-right of the
@@ -12232,7 +12273,7 @@ function SplitListShowButton({ onClick }) {
 }
 //#endregion
 //#region src/components/EntityInspector.tsx
-var EntityHistoryView = lazyChunk(() => import("./history-DH4h_T1U.js").then((m) => ({ default: m.EntityHistoryView })));
+var EntityHistoryView = lazyChunk(() => import("./history-CrZEzQ5b.js").then((m) => ({ default: m.EntityHistoryView })));
 /**
 * The JSON tab pulls `prism-react-renderer` — 85 kB, and it was EAGER.
 *
@@ -18185,6 +18226,34 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 			})
 		}, `entity_detail_collection_tab_${view.name}`);
 	});
+	const onSave = formActionsContext ? () => {
+		sideDialogContext.setPendingClose?.(false);
+		pendingCloseRef.current = false;
+		formActionsContext.submit();
+	} : void 0;
+	const onSaveAndClose = formActionsContext && canCloseAfterSave ? () => {
+		if (layout === "split") {
+			pendingCloseRef.current = true;
+			Promise.resolve(formActionsContext.submit()).finally(() => {
+				pendingCloseRef.current = false;
+			});
+			return;
+		}
+		sideDialogContext.setPendingClose?.(true);
+		Promise.resolve(formActionsContext.submit()).finally(() => sideDialogContext.setPendingClose?.(false));
+	} : void 0;
+	const onDiscard = formActionsContext ? () => discard(formActionsContext.formex, status) : void 0;
+	/**
+	* The dialog keeps Save at its foot, not in the bar.
+	*
+	* A dialog is filled in top to bottom and finished at the bottom, which is
+	* where every other dialog in the app puts its buttons; up in the bar's
+	* right-hand corner, Create was the one thing on screen the eye had to
+	* travel back up to reach. The bar keeps what the record is and the ways
+	* out of it. The side panel and the pages keep Save in the bar, where it
+	* stays in view while a long form scrolls.
+	*/
+	const actionsInFooter = layout === "dialog";
 	const fullScreenButton = !barActions && (layout === "side_panel" || layout === "dialog") && entityId ? /* @__PURE__ */ jsx(Tooltip, {
 		title: "Open full screen",
 		children: /* @__PURE__ */ jsx(IconButton, {
@@ -18212,25 +18281,11 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 				hasErrors: hasFormErrors,
 				saveDisabled: !canEdit || saveDisabled,
 				onBack: layout === "full_screen" && !onShowList ? () => navigate(withListState(urlController.buildUrlCollectionPath(path))) : void 0,
-				onSave: formActionsContext ? () => {
-					sideDialogContext.setPendingClose?.(false);
-					pendingCloseRef.current = false;
-					formActionsContext.submit();
-				} : void 0,
-				onSaveAndClose: formActionsContext && canCloseAfterSave ? () => {
-					if (layout === "split") {
-						pendingCloseRef.current = true;
-						Promise.resolve(formActionsContext.submit()).finally(() => {
-							pendingCloseRef.current = false;
-						});
-						return;
-					}
-					sideDialogContext.setPendingClose?.(true);
-					Promise.resolve(formActionsContext.submit()).finally(() => sideDialogContext.setPendingClose?.(false));
-				} : void 0,
+				onSave: actionsInFooter ? void 0 : onSave,
+				onSaveAndClose: actionsInFooter ? void 0 : onSaveAndClose,
 				saveAndClosePlacement: layout === "split" ? "menu" : "button",
 				onClose: onCloseRequest,
-				onDiscard: formActionsContext ? () => discard(formActionsContext.formex, status) : void 0,
+				onDiscard: actionsInFooter ? void 0 : onDiscard,
 				onInspect: includeJsonView ? () => setInspectorTab("json") : void 0,
 				onViewHistory: includeHistoryView ? () => setInspectorTab("history") : void 0,
 				externalLink: usedEntity ? customizationController?.entityLinkBuilder?.({ entity: usedEntity }) : void 0,
@@ -18302,6 +18357,19 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 					refreshToken: savedCount,
 					includeHistory: includeHistoryView
 				})]
+			}),
+			actionsInFooter && onSave && /* @__PURE__ */ jsx(DialogActions, {
+				translucent: false,
+				children: /* @__PURE__ */ jsx(EntitySaveActions, {
+					status,
+					dirty: Boolean(formContext?.formex?.dirty),
+					saving: Boolean(formContext?.isSaving),
+					hasErrors: hasFormErrors,
+					saveDisabled: !canEdit || saveDisabled,
+					onSave,
+					onSaveAndClose,
+					onDiscard
+				})
 			})
 		]
 	});
@@ -20394,7 +20462,7 @@ function ArrayOfReferencesFieldBinding({ propertyKey, value, error, showError, d
 		ofProperty.admin?.previewProperties,
 		value
 	]);
-	const title = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+	const title = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LabelWithIcon, {
 		propertyKey,
 		icon: getIconForProperty(property, "small"),
 		required: property.validation?.required,
@@ -20486,7 +20554,7 @@ function BlockFieldBinding({ propertyKey, value, error, showError, isSubmitting,
 			storedProps
 		}, `array_one_of_${internalId}`);
 	};
-	const title = /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+	const title = /* @__PURE__ */ jsx(LabelWithIcon, {
 		propertyKey,
 		icon: getIconForProperty(property, "small"),
 		required: property.validation?.required,
@@ -20624,25 +20692,22 @@ function DateTimeFieldBinding({ propertyKey, value, setValue, autoFocus, error,
 		value,
 		setValue
 	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
-		propertyKey,
-		children: /* @__PURE__ */ jsx(DateTimeField, {
-			size,
-			value: internalValue,
-			onChange: (dateValue) => setValue(dateValue),
-			mode: property.mode,
-			clearable: property.admin?.clearable,
-			locale,
-			error: showError,
-			disabled,
-			label: hideLabel ? void 0 : /* @__PURE__ */ jsx(LabelWithIcon, {
-				icon: getIconForProperty(property, "small"),
-				required: property.validation?.required,
-				className: showError ? "text-red-500 dark:text-red-500" : "text-text-secondary dark:text-text-secondary-dark",
-				title: property.name ?? propertyKey
-			}),
-			"aria-label": hideLabel ? property.name ?? propertyKey : void 0
-		})
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DateTimeField, {
+		size,
+		value: internalValue,
+		onChange: (dateValue) => setValue(dateValue),
+		mode: property.mode,
+		clearable: property.admin?.clearable,
+		locale,
+		error: showError,
+		disabled,
+		label: hideLabel ? void 0 : /* @__PURE__ */ jsx(LabelWithIcon, {
+			icon: getIconForProperty(property, "small"),
+			required: property.validation?.required,
+			className: showError ? "text-red-500 dark:text-red-500" : "text-text-secondary dark:text-text-secondary-dark",
+			title: property.name ?? propertyKey
+		}),
+		"aria-label": hideLabel ? property.name ?? propertyKey : void 0
 	}), /* @__PURE__ */ jsx(FieldHelperText, {
 		includeDescription,
 		showError,
@@ -20668,7 +20733,7 @@ function KeyValueFieldBinding({ propertyKey, value, showError, error, disabled,
 		initialValue: getIn(context.formex.initialValues, propertyKey),
 		fieldName: property.name ?? propertyKey
 	});
-	const title = /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+	const title = /* @__PURE__ */ jsx(LabelWithIcon, {
 		propertyKey,
 		icon: getIconForProperty(property, "small"),
 		required: property.validation?.required,
@@ -21135,7 +21200,7 @@ function MapFieldBinding({ propertyKey, value, showError, error, disabled, prope
 				} });
 			},
 			innerClassName: "px-2 md:px-4 pb-2 md:pb-4 pt-1 md:pt-2 bg-surface-card",
-			title: /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+			title: /* @__PURE__ */ jsx(LabelWithIcon, {
 				propertyKey,
 				icon: getIconForProperty(property, "small"),
 				required: property.validation?.required,
@@ -21304,7 +21369,7 @@ function MarkdownEditorFieldBinding({ property, propertyKey, value, setValue, in
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		!hideLabel && /* @__PURE__ */ jsx("div", {
 			className: "flex items-center w-full",
-			children: /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+			children: /* @__PURE__ */ jsx(LabelWithIcon, {
 				propertyKey,
 				icon: getIconForProperty(property, "small"),
 				required: property.validation?.required,
@@ -21390,7 +21455,7 @@ function MultiSelectFieldBinding({ propertyKey, value, setValue, error, showErro
 		value: validValue ? value.map((v) => v?.toString()) : [],
 		disabled,
 		modalPopover: true,
-		label: hideLabel ? void 0 : /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+		label: hideLabel ? void 0 : /* @__PURE__ */ jsx(LabelWithIcon, {
 			propertyKey,
 			icon: getIconForProperty(property, "small"),
 			required: property.validation?.required,
@@ -21458,7 +21523,7 @@ function ReferenceFieldBindingInternal({ propertyKey, value, setValue, error, sh
 		referenceDialogController.open();
 	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		!minimalistView && !hideLabel && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+		!minimalistView && !hideLabel && /* @__PURE__ */ jsx(LabelWithIcon, {
 			propertyKey,
 			icon: getIconForProperty(property, "small"),
 			required: property.validation?.required,
@@ -21558,7 +21623,7 @@ function RepeatFieldBinding({ propertyKey, value, error, showError, isSubmitting
 		newDefaultEntry: getDefaultValueFor(property.of),
 		onValueChange: (value) => setFieldValue(propertyKey, value)
 	});
-	const title = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+	const title = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LabelWithIcon, {
 		propertyKey,
 		icon: getIconForProperty(property, "small"),
 		required: property.validation?.required,
@@ -21620,14 +21685,12 @@ function SelectFieldBinding({ propertyKey, value, setValue, error, showError, di
 		fullWidth: true,
 		position: "item-aligned",
 		inputClassName: cls("w-full"),
-		label: hideLabel ? void 0 : /* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
+		label: hideLabel ? void 0 : /* @__PURE__ */ jsx(LabelWithIcon, {
+			icon: getIconForProperty(property, "small"),
+			required: property.validation?.required,
+			title: property.name ?? propertyKey,
 			propertyKey,
-			children: /* @__PURE__ */ jsx(LabelWithIcon, {
-				icon: getIconForProperty(property, "small"),
-				required: property.validation?.required,
-				title: property.name ?? propertyKey,
-				className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5 my-0"
-			})
+			className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5 my-0"
 		}),
 		endAdornment: property.admin?.clearable && !disabled && /* @__PURE__ */ jsx(IconButton, {
 			size: "small",
@@ -21728,7 +21791,7 @@ function StorageUploadFieldBinding({ propertyKey, value, setValue, error, showEr
 		setValue
 	});
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		!minimalistView && !hideLabel && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+		!minimalistView && !hideLabel && /* @__PURE__ */ jsx(LabelWithIcon, {
 			propertyKey,
 			icon: getIconForProperty(property, "small"),
 			required: property.validation?.required,
@@ -21968,22 +22031,19 @@ var SwitchFieldBinding = function SwitchFieldBinding({ propertyKey, value, setVa
 		value,
 		setValue
 	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
-		propertyKey,
-		children: /* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
-			value,
-			onValueChange: (v) => setValue(v),
-			error: showError,
-			position: hideLabel ? "start" : void 0,
-			label: hideLabel ? void 0 : /* @__PURE__ */ jsx(LabelWithIcon, {
-				icon: getIconForProperty(property, "small"),
-				required: property.validation?.required,
-				title: property.name ?? propertyKey
-			}),
-			disabled,
-			autoFocus,
-			size
-		})
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
+		value,
+		onValueChange: (v) => setValue(v),
+		error: showError,
+		position: hideLabel ? "start" : void 0,
+		label: hideLabel ? void 0 : /* @__PURE__ */ jsx(LabelWithIcon, {
+			icon: getIconForProperty(property, "small"),
+			required: property.validation?.required,
+			title: property.name ?? propertyKey
+		}),
+		disabled,
+		autoFocus,
+		size
 	}), /* @__PURE__ */ jsx(FieldHelperText, {
 		includeDescription,
 		showError,
@@ -22040,47 +22100,44 @@ function TextFieldBinding({ propertyKey, value, setValue, error, showError, disa
 	});
 	const accessibleName = property.name ?? propertyKey;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
-			propertyKey,
-			children: isMultiline ? /* @__PURE__ */ jsxs("div", {
-				className: cls("rounded-md relative max-w-full min-h-[64px]", fieldBackgroundMixin, fieldBackgroundHoverMixin, showError && error ? "border border-red-500 dark:border-red-600" : ""),
-				children: [
-					label && /* @__PURE__ */ jsx("div", {
-						className: "pointer-events-none absolute top-1 text-xs font-medium px-3 text-text-secondary dark:text-text-secondary-dark",
-						children: label
-					}),
-					/* @__PURE__ */ jsx(TextareaAutosize, {
-						value: displayValue,
-						onChange,
-						autoFocus,
-						disabled,
-						"aria-label": accessibleName,
-						className: cls("rounded-md resize-none w-full outline-none text-sm bg-transparent min-h-[64px] px-3", label ? "pt-8 pb-2" : "py-2", disabled && "outline-none opacity-50 text-surface-accent-600 dark:text-surface-accent-500", showError && error ? "text-red-500 dark:text-red-600" : "")
-					}),
-					property.admin?.clearable && /* @__PURE__ */ jsx("div", {
-						className: "flex flex-row justify-center items-center absolute h-full right-0 top-0 mr-4",
-						children: /* @__PURE__ */ jsx(IconButton, {
-							onClick: handleClearClick,
-							children: /* @__PURE__ */ jsx(XIcon, {})
-						})
-					})
-				]
-			}) : /* @__PURE__ */ jsx(TextField, {
-				size,
-				value: displayValue,
-				onChange,
-				autoFocus,
-				label,
-				"aria-label": label ? void 0 : accessibleName,
-				type: inputType,
-				disabled,
-				endAdornment: property.admin?.clearable && /* @__PURE__ */ jsx(IconButton, {
-					onClick: handleClearClick,
-					children: /* @__PURE__ */ jsx(XIcon, {})
+		isMultiline ? /* @__PURE__ */ jsxs("div", {
+			className: cls("rounded-md relative max-w-full min-h-[64px]", fieldBackgroundMixin, fieldBackgroundHoverMixin, showError && error ? "border border-red-500 dark:border-red-600" : ""),
+			children: [
+				label && /* @__PURE__ */ jsx("div", {
+					className: "pointer-events-none absolute top-1 text-xs font-medium px-3 text-text-secondary dark:text-text-secondary-dark",
+					children: label
 				}),
-				error: showError ? !!error : void 0,
-				inputClassName: error ? "text-red-500 dark:text-red-600" : ""
-			})
+				/* @__PURE__ */ jsx(TextareaAutosize, {
+					value: displayValue,
+					onChange,
+					autoFocus,
+					disabled,
+					"aria-label": accessibleName,
+					className: cls("rounded-md resize-none w-full outline-none text-sm bg-transparent min-h-[64px] px-3", label ? "pt-8 pb-2" : "py-2", disabled && "outline-none opacity-50 text-surface-accent-600 dark:text-surface-accent-500", showError && error ? "text-red-500 dark:text-red-600" : "")
+				}),
+				property.admin?.clearable && /* @__PURE__ */ jsx("div", {
+					className: "flex flex-row justify-center items-center absolute h-full right-0 top-0 mr-4",
+					children: /* @__PURE__ */ jsx(IconButton, {
+						onClick: handleClearClick,
+						children: /* @__PURE__ */ jsx(XIcon, {})
+					})
+				})
+			]
+		}) : /* @__PURE__ */ jsx(TextField, {
+			size,
+			value: displayValue,
+			onChange,
+			autoFocus,
+			label,
+			"aria-label": label ? void 0 : accessibleName,
+			type: inputType,
+			disabled,
+			endAdornment: property.admin?.clearable && /* @__PURE__ */ jsx(IconButton, {
+				onClick: handleClearClick,
+				children: /* @__PURE__ */ jsx(XIcon, {})
+			}),
+			error: showError ? !!error : void 0,
+			inputClassName: error ? "text-red-500 dark:text-red-600" : ""
 		}),
 		/* @__PURE__ */ jsx(FieldHelperText, {
 			includeDescription,
@@ -22153,84 +22210,81 @@ function VectorFieldBinding({ propertyKey, value, setValue, error, showError, di
 				className: "flex items-center justify-between mb-1",
 				children: label
 			}),
-			/* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
-				propertyKey,
-				children: /* @__PURE__ */ jsx("div", {
-					className: "w-full",
-					children: !isEditing ? /* @__PURE__ */ jsxs("div", {
-						className: cls("flex flex-col gap-3 p-4 rounded-xl border bg-surface-field transition-all duration-200", defaultBorderMixin),
+			/* @__PURE__ */ jsx("div", {
+				className: "w-full",
+				children: !isEditing ? /* @__PURE__ */ jsxs("div", {
+					className: cls("flex flex-col gap-3 p-4 rounded-xl border bg-surface-field transition-all duration-200", defaultBorderMixin),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between flex-wrap gap-2",
 						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center justify-between flex-wrap gap-2",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2.5",
-								children: [
-									/* @__PURE__ */ jsx("div", { className: `w-2.5 h-2.5 rounded-full ${isPopulated ? "bg-emerald-500 animate-pulse" : "bg-surface-300 dark:bg-surface-600"}` }),
-									/* @__PURE__ */ jsx("span", {
-										className: "text-sm font-semibold text-text-primary dark:text-text-primary-dark",
-										children: isPopulated ? `${arrayValue.length} Dimensions` : "Empty Vector"
-									}),
-									isPopulated && /* @__PURE__ */ jsx("span", {
-										className: "text-xs text-text-secondary dark:text-text-secondary-dark px-2 py-0.5 rounded-full bg-surface-raised font-medium",
-										children: "Embedding"
-									})
-								]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [
-									isPopulated && /* @__PURE__ */ jsx(Button, {
-										variant: "text",
-										size: "small",
-										onClick: () => setShowValues(!showValues),
-										startIcon: showValues ? /* @__PURE__ */ jsx(EyeOffIcon, { size: 14 }) : /* @__PURE__ */ jsx(EyeIcon, { size: 14 }),
-										children: showValues ? "Hide values" : "Show values"
-									}),
-									!disabled && /* @__PURE__ */ jsx(Button, {
-										variant: "outlined",
-										size: "small",
-										onClick: () => setIsEditing(true),
-										startIcon: /* @__PURE__ */ jsx(PencilIcon, { size: 14 }),
-										children: isPopulated ? "Edit values" : "Add values"
-									}),
-									isPopulated && !disabled && /* @__PURE__ */ jsx(IconButton, {
-										size: "small",
-										onClick: handleClearClick,
-										className: "text-text-secondary hover:text-red-500",
-										children: /* @__PURE__ */ jsx(Trash2Icon, { size: 14 })
-									})
-								]
-							})]
-						}), showValues && isPopulated && /* @__PURE__ */ jsx("div", {
-							className: "mt-1 p-3 rounded-lg bg-surface-well border border-hairline max-h-36 overflow-y-auto font-mono text-[11px] leading-relaxed text-text-secondary dark:text-text-secondary-dark break-all selection:bg-primary/20",
-							children: arrayValue.join(", ")
-						})]
-					}) : /* @__PURE__ */ jsxs("div", {
-						className: cls("flex flex-col gap-2 p-4 rounded-xl border bg-surface-field", defaultBorderMixin),
-						children: [/* @__PURE__ */ jsx(TextField, {
-							size,
-							"aria-label": `${property.name ?? propertyKey} vector values`,
-							value: textValue,
-							onChange,
-							autoFocus: true,
-							placeholder: `e.g., 0.15, -0.42, 0.88 (Requires ${property.dimensions} dimensions)`,
-							disabled,
-							error: showError ? !!error : void 0,
-							inputClassName: error ? "text-red-500 dark:text-red-600 font-mono text-xs" : "font-mono text-xs"
+							className: "flex items-center gap-2.5",
+							children: [
+								/* @__PURE__ */ jsx("div", { className: `w-2.5 h-2.5 rounded-full ${isPopulated ? "bg-emerald-500 animate-pulse" : "bg-surface-300 dark:bg-surface-600"}` }),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-sm font-semibold text-text-primary dark:text-text-primary-dark",
+									children: isPopulated ? `${arrayValue.length} Dimensions` : "Empty Vector"
+								}),
+								isPopulated && /* @__PURE__ */ jsx("span", {
+									className: "text-xs text-text-secondary dark:text-text-secondary-dark px-2 py-0.5 rounded-full bg-surface-raised font-medium",
+									children: "Embedding"
+								})
+							]
 						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex justify-end gap-2 mt-2",
-							children: [/* @__PURE__ */ jsx(Button, {
-								variant: "outlined",
-								size: "small",
-								onClick: () => setIsEditing(false),
-								children: "Cancel"
-							}), /* @__PURE__ */ jsx(Button, {
-								variant: "filled",
-								size: "small",
-								onClick: () => setIsEditing(false),
-								startIcon: /* @__PURE__ */ jsx(CheckIcon, { size: 14 }),
-								children: "Done"
-							})]
+							className: "flex items-center gap-2",
+							children: [
+								isPopulated && /* @__PURE__ */ jsx(Button, {
+									variant: "text",
+									size: "small",
+									onClick: () => setShowValues(!showValues),
+									startIcon: showValues ? /* @__PURE__ */ jsx(EyeOffIcon, { size: 14 }) : /* @__PURE__ */ jsx(EyeIcon, { size: 14 }),
+									children: showValues ? "Hide values" : "Show values"
+								}),
+								!disabled && /* @__PURE__ */ jsx(Button, {
+									variant: "outlined",
+									size: "small",
+									onClick: () => setIsEditing(true),
+									startIcon: /* @__PURE__ */ jsx(PencilIcon, { size: 14 }),
+									children: isPopulated ? "Edit values" : "Add values"
+								}),
+								isPopulated && !disabled && /* @__PURE__ */ jsx(IconButton, {
+									size: "small",
+									onClick: handleClearClick,
+									className: "text-text-secondary hover:text-red-500",
+									children: /* @__PURE__ */ jsx(Trash2Icon, { size: 14 })
+								})
+							]
 						})]
-					})
+					}), showValues && isPopulated && /* @__PURE__ */ jsx("div", {
+						className: "mt-1 p-3 rounded-lg bg-surface-well border border-hairline max-h-36 overflow-y-auto font-mono text-[11px] leading-relaxed text-text-secondary dark:text-text-secondary-dark break-all selection:bg-primary/20",
+						children: arrayValue.join(", ")
+					})]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: cls("flex flex-col gap-2 p-4 rounded-xl border bg-surface-field", defaultBorderMixin),
+					children: [/* @__PURE__ */ jsx(TextField, {
+						size,
+						"aria-label": `${property.name ?? propertyKey} vector values`,
+						value: textValue,
+						onChange,
+						autoFocus: true,
+						placeholder: `e.g., 0.15, -0.42, 0.88 (Requires ${property.dimensions} dimensions)`,
+						disabled,
+						error: showError ? !!error : void 0,
+						inputClassName: error ? "text-red-500 dark:text-red-600 font-mono text-xs" : "font-mono text-xs"
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex justify-end gap-2 mt-2",
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "outlined",
+							size: "small",
+							onClick: () => setIsEditing(false),
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "filled",
+							size: "small",
+							onClick: () => setIsEditing(false),
+							startIcon: /* @__PURE__ */ jsx(CheckIcon, { size: 14 }),
+							children: "Done"
+						})]
+					})]
 				})
 			}),
 			/* @__PURE__ */ jsx(FieldHelperText, {
@@ -22336,49 +22390,46 @@ function GeopointFieldBinding({ propertyKey, value, setValue, error, showError,
 					title: property.name ?? propertyKey
 				})
 			}),
-			/* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
-				propertyKey,
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "flex gap-4 w-full items-center",
-					children: [
-						/* @__PURE__ */ jsx(TextField, {
-							className: "flex-1",
-							size,
-							label: "Latitude",
-							value: latText,
-							autoFocus,
-							disabled,
-							error: showError ? Boolean(error) || latInvalid : latInvalid,
-							onChange: (e) => {
-								setLatText(e.target.value);
-								commit(e.target.value, lngText);
-							},
-							placeholder: "e.g. 41.3874",
-							inputClassName: "font-mono"
-						}),
-						/* @__PURE__ */ jsx(TextField, {
-							className: "flex-1",
-							size,
-							label: "Longitude",
-							value: lngText,
-							disabled,
-							error: showError ? Boolean(error) || lngInvalid : lngInvalid,
-							onChange: (e) => {
-								setLngText(e.target.value);
-								commit(latText, e.target.value);
-							},
-							placeholder: "e.g. 2.1686",
-							inputClassName: "font-mono"
-						}),
-						!disabled && (latText || lngText) && /* @__PURE__ */ jsx(IconButton, {
-							size: "small",
-							onClick: handleClear,
-							className: "shrink-0 text-text-secondary hover:text-red-500",
-							"aria-label": "Clear location",
-							children: /* @__PURE__ */ jsx(Trash2Icon, { size: 14 })
-						})
-					]
-				})
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-4 w-full items-center",
+				children: [
+					/* @__PURE__ */ jsx(TextField, {
+						className: "flex-1",
+						size,
+						label: "Latitude",
+						value: latText,
+						autoFocus,
+						disabled,
+						error: showError ? Boolean(error) || latInvalid : latInvalid,
+						onChange: (e) => {
+							setLatText(e.target.value);
+							commit(e.target.value, lngText);
+						},
+						placeholder: "e.g. 41.3874",
+						inputClassName: "font-mono"
+					}),
+					/* @__PURE__ */ jsx(TextField, {
+						className: "flex-1",
+						size,
+						label: "Longitude",
+						value: lngText,
+						disabled,
+						error: showError ? Boolean(error) || lngInvalid : lngInvalid,
+						onChange: (e) => {
+							setLngText(e.target.value);
+							commit(latText, e.target.value);
+						},
+						placeholder: "e.g. 2.1686",
+						inputClassName: "font-mono"
+					}),
+					!disabled && (latText || lngText) && /* @__PURE__ */ jsx(IconButton, {
+						size: "small",
+						onClick: handleClear,
+						className: "shrink-0 text-text-secondary hover:text-red-500",
+						"aria-label": "Clear location",
+						children: /* @__PURE__ */ jsx(Trash2Icon, { size: 14 })
+					})
+				]
 			}),
 			/* @__PURE__ */ jsx(FieldHelperText, {
 				includeDescription,
@@ -22459,59 +22510,56 @@ function BinaryFieldBinding({ propertyKey, value, setValue, error, showError, di
 					title: property.name ?? propertyKey
 				})
 			}),
-			/* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
-				propertyKey,
-				children: /* @__PURE__ */ jsx("div", {
-					className: "w-full",
-					children: !isEditing ? /* @__PURE__ */ jsxs("div", {
-						className: cls("flex items-center justify-between gap-2 p-4 rounded-xl border bg-surface-field", defaultBorderMixin),
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2.5 min-w-0",
-							children: [/* @__PURE__ */ jsx("div", { className: `w-2.5 h-2.5 rounded-full shrink-0 ${isPopulated ? "bg-emerald-500" : "bg-surface-300 dark:bg-surface-600"}` }), /* @__PURE__ */ jsx("span", {
-								className: "text-sm font-semibold text-text-primary truncate",
-								children: malformed ? "Invalid base64" : isPopulated ? `${humanSize(bytes)} of binary data` : "Empty"
-							})]
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2 shrink-0",
-							children: [!disabled && /* @__PURE__ */ jsx(Button, {
-								variant: "outlined",
-								size: "small",
-								onClick: () => setIsEditing(true),
-								startIcon: /* @__PURE__ */ jsx(PencilIcon, { size: 14 }),
-								children: isPopulated ? "Edit base64" : "Add base64"
-							}), isPopulated && !disabled && /* @__PURE__ */ jsx(IconButton, {
-								size: "small",
-								onClick: handleClear,
-								className: "text-text-secondary hover:text-red-500",
-								"aria-label": "Clear binary value",
-								children: /* @__PURE__ */ jsx(Trash2Icon, { size: 14 })
-							})]
+			/* @__PURE__ */ jsx("div", {
+				className: "w-full",
+				children: !isEditing ? /* @__PURE__ */ jsxs("div", {
+					className: cls("flex items-center justify-between gap-2 p-4 rounded-xl border bg-surface-field", defaultBorderMixin),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2.5 min-w-0",
+						children: [/* @__PURE__ */ jsx("div", { className: `w-2.5 h-2.5 rounded-full shrink-0 ${isPopulated ? "bg-emerald-500" : "bg-surface-300 dark:bg-surface-600"}` }), /* @__PURE__ */ jsx("span", {
+							className: "text-sm font-semibold text-text-primary truncate",
+							children: malformed ? "Invalid base64" : isPopulated ? `${humanSize(bytes)} of binary data` : "Empty"
 						})]
-					}) : /* @__PURE__ */ jsxs("div", {
-						className: cls("flex flex-col gap-2 p-4 rounded-xl border", defaultBorderMixin),
-						children: [/* @__PURE__ */ jsx(TextField, {
-							size,
-							"aria-label": `${property.name ?? propertyKey} base64 value`,
-							value: text,
-							onChange,
-							autoFocus: autoFocus ?? true,
-							multiline: true,
-							minRows: 4,
-							disabled,
-							placeholder: "Base64-encoded bytes, e.g. iVBORw0KGgo…",
-							error: showError ? Boolean(error) || malformed : malformed,
-							inputClassName: `font-mono text-xs ${malformed ? "text-red-500" : ""}`
-						}), /* @__PURE__ */ jsx("div", {
-							className: "flex justify-end",
-							children: /* @__PURE__ */ jsx(Button, {
-								variant: "filled",
-								size: "small",
-								onClick: () => setIsEditing(false),
-								startIcon: /* @__PURE__ */ jsx(CheckIcon, { size: 14 }),
-								children: "Done"
-							})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 shrink-0",
+						children: [!disabled && /* @__PURE__ */ jsx(Button, {
+							variant: "outlined",
+							size: "small",
+							onClick: () => setIsEditing(true),
+							startIcon: /* @__PURE__ */ jsx(PencilIcon, { size: 14 }),
+							children: isPopulated ? "Edit base64" : "Add base64"
+						}), isPopulated && !disabled && /* @__PURE__ */ jsx(IconButton, {
+							size: "small",
+							onClick: handleClear,
+							className: "text-text-secondary hover:text-red-500",
+							"aria-label": "Clear binary value",
+							children: /* @__PURE__ */ jsx(Trash2Icon, { size: 14 })
 						})]
-					})
+					})]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: cls("flex flex-col gap-2 p-4 rounded-xl border", defaultBorderMixin),
+					children: [/* @__PURE__ */ jsx(TextField, {
+						size,
+						"aria-label": `${property.name ?? propertyKey} base64 value`,
+						value: text,
+						onChange,
+						autoFocus: autoFocus ?? true,
+						multiline: true,
+						minRows: 4,
+						disabled,
+						placeholder: "Base64-encoded bytes, e.g. iVBORw0KGgo…",
+						error: showError ? Boolean(error) || malformed : malformed,
+						inputClassName: `font-mono text-xs ${malformed ? "text-red-500" : ""}`
+					}), /* @__PURE__ */ jsx("div", {
+						className: "flex justify-end",
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "filled",
+							size: "small",
+							onClick: () => setIsEditing(false),
+							startIcon: /* @__PURE__ */ jsx(CheckIcon, { size: 14 }),
+							children: "Done"
+						})
+					})]
 				})
 			}),
 			/* @__PURE__ */ jsx(FieldHelperText, {
@@ -22576,7 +22624,7 @@ function MultipleRelationFieldBinding({ propertyKey, value: valueProp, error, sh
 		property.admin?.previewProperties,
 		value
 	]);
-	const title = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+	const title = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LabelWithIcon, {
 		propertyKey,
 		icon: getIconForProperty(property, "small"),
 		required: property.validation?.required,
@@ -22657,7 +22705,7 @@ function RelationSelectorBinding({ propertyKey, value, size, error, showError, d
 	return /* @__PURE__ */ jsxs("div", {
 		className: "",
 		children: [
-			!hideLabel && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+			!hideLabel && /* @__PURE__ */ jsx(LabelWithIcon, {
 				propertyKey,
 				icon: getIconForProperty(property, "small"),
 				required: property.validation?.required,
@@ -22707,7 +22755,7 @@ function SingleRelationFieldBinding({ propertyKey, value, size, error, showError
 	};
 	const usedRelation = Array.isArray(value) ? void 0 : normalizedValue ?? void 0;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		!hideLabel && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+		!hideLabel && /* @__PURE__ */ jsx(LabelWithIcon, {
 			propertyKey,
 			icon: getIconForProperty(property, "small"),
 			required: property.validation?.required,
@@ -22759,14 +22807,12 @@ function SingleRelationFieldBinding({ propertyKey, value, size, error, showError
 function UserSelectFieldBinding({ propertyKey, value, setValue, error, showError, disabled, autoFocus, touched, property, includeDescription, hideLabel, size = "large" }) {
 	const selectorSize = size;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		!hideLabel && /* @__PURE__ */ jsx(PropertyIdCopyTooltip, {
+		!hideLabel && /* @__PURE__ */ jsx(LabelWithIcon, {
+			icon: getIconForProperty(property, "small"),
+			required: property.validation?.required,
+			title: property.name,
 			propertyKey,
-			children: /* @__PURE__ */ jsx(LabelWithIcon, {
-				icon: getIconForProperty(property, "small"),
-				required: property.validation?.required,
-				title: property.name,
-				className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5 my-0"
-			})
+			className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5 my-0"
 		}),
 		/* @__PURE__ */ jsx(UserSelector, {
 			value,
@@ -25574,6 +25620,6 @@ function getFullIdPath(propertyKey, propertyNamespace) {
 	return idToPropertiesPath(propertyNamespace ? `${propertyNamespace}.${propertyKey}` : propertyKey);
 }
 //#endregion
-export { NAVIGATION_DEFAULT_GROUP_NAME as $, useSidePanel as $n, getCollectionBySlugWithin as $t, getFieldId as A, ReadOnlyFieldBinding as An, getIconForProperty as Ar, convertDataToEntity as At, MapFieldBinding as B, KeyValuePreview as Bn, detectCsvDelimiter as Bt, EntityFormBinding as C, NavigationStateContext as Cn, FieldBlock as Cr, EntityCardBinding as Ct, getDefaultFieldConfig as D, SelectableTableContext as Dn, PropertyIdCopyTooltip as Dr, useCollectionEditorDialogsState as Dt, DEFAULT_FIELD_CONFIGS as E, SideDialogsControllerContext as En, spanClass as Er, ConfigControllerProvider as Et, SelectFieldBinding as F, PropertyPreview as Fn, isReferenceProperty as Fr, ImportSaveInProgress as Ft, useSelectionDialog as G, ArrayEnumPreview as Gn, SearchIconsView as Gt, DateTimeFieldBinding as H, ArrayOneOfPreview as Hn, parseCsvToObjects as Ht, RepeatFieldBinding as I, UserPreview as In, isRelationProperty as Ir, IMPORT_BATCH_SIZE as It, useBuildUrlController as J, ArrayOfReferencesPreview as Jn, BreadcrumbsProvider as Jt, SelectionTableBinding as K, ArrayOfStorageComponentsPreview as Kn, FieldCaption as Kt, ReferenceFieldBinding as L, NumberPropertyPreview as Ln, saveImportedEntities as Lt, TextFieldBinding as M, LabelWithIcon as Mn, getPropertiesWithPropertiesOrder as Mr, processValueMapping as Mt, SwitchFieldBinding as N, FieldHelperText as Nn, getPropertyInPath$1 as Nr, getInferenceType as Nt, getDefaultFieldId as O, ArrayCustomShapedFieldBinding as On, getBracketNotation as Or, ImportNewPropertyFieldPreview as Ot, StorageUploadFieldBinding as P, ArrayOfMapsPreview as Pn, getResolvedPropertyInPath as Pr, useImportConfig as Pt, useResolvedCollections as Q, SidePanelControllerContext as Qn, addInitialSlash as Qt, MultiSelectFieldBinding as R, BooleanPreview as Rn, ImportFileUpload as Rt, isSchemaChangeCancelled as S, useUrlController as Sn, RecordMeta as Sr, CollectionCardViewBinding as St, PropertyFieldBinding as T, useSideDialogsController as Tn, isSelfLabellingProperty as Tr, useCollectionEditorController as Tt, BlockFieldBinding as U, ArrayOfStringsPreview as Un, ArrayContainer as Ut, KeyValueFieldBinding as V, MapPropertyPreview as Vn, parseCsvRows as Vt, ArrayOfReferencesFieldBinding as W, ArrayPropertyEnumPreview as Wn, PropertyConfigBadge as Wt, useTopLevelNavigation as X, ReferencePreview as Xn, resolveEntityView as Xt, useBuildNavigationStateController as Y, InlineEntityListPreview as Yn, resolveEntityAction as Yt, useResolvedViews as Z, EntityPreviewBinding as Zn, mergeEntityActions as Zt, useCollectionsConfigController as _, CollectionTableBinding as _n, UrlComponentPreview as _r, editEntityAction as _t, namespaceToPropertiesPath as a, resolveCollectionPathIds$1 as an, getEntityTitlePropertyKey as ar, getEntityViewWidth as at, asUnavailable as b, useAdminContext as bn, FormSections as br, DetailViewBinding as bt, buildCollectionGenerationCallback as c, SelectionMenu as cn, StringPropertyPreview as cr, useSafeSnackbarController as ct, fromSerializableCollectionConfigs as d, resolveSelection as dn, StorageThumbnailInternal as dr, getInitialEntityValues as dt, getCollectionPathsCombinations as en, CollectionRegistryContext as er, useBuildCollectionRegistryController as et, fromSerializableProperties as f, selectionQueryToFindParams as fn, SkeletonPropertyComponent as fr, removeEmptyContainers as ft, toSerializableProperty as g, VirtualTableInput$1 as gn, renderSkeletonText as gr, deleteEntityAction as gt, toSerializableProperties as h, useSelectionController as hn, renderSkeletonImageThumbnail as hr, copyEntityAction as ht, namespaceToPropertiesOrderPath as i, removeTrailingSlash$1 as in, getEntityPreviewKeys as ir, buildSidePanelsFromUrl as it, VectorFieldBinding as j, LabelWithIconAndTooltip as jn, getIconForWidget as jr, flattenEntry as jt, getFieldConfig as k, useClearRestoreValue as kn, getDefaultPropertiesOrder as kr, DataNewPropertiesMapping as kt, validateCollectionJson as l, MAX_SELECTION_ROWS as ln, EnumValuesChip as lr, extractTouchedValues as lt, toSerializableCollectionConfig as m, walkEntityPages as mn, renderSkeletonIcon as mr, CollectionViewBinding as mt, getFullIdPath as n, removeInitialAndTrailingSlashes$1 as nn, getUserLabel as nr, resolveNavigationFrom as nt, CollectionGenerationApiError as o, resolveOpenEntityMode as on, getEntityTitlePropertyKeyForEntity as or, useBuildSidePanel as ot, fromSerializableProperty as p, serializeSelectionQuery as pn, renderSkeletonCaptionText as pr, zodToFormErrors as pt, SideDialogs as q, RelationPreview as qn, useBreadcrumbsController as qt, idToPropertiesPath as r, removeInitialSlash as rn, useResolvedUser as rr, useResolvedNavigationFrom as rt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as s, resolveViewMode as sn, ArrayPropertyPreview as sr, EditViewBinding as st, getFullId as t, getLastSegment$1 as tn, useCollectionRegistryController as tr, useHistory as tt, fromSerializableCollectionConfig as u, SELECTION_PAGE_SIZE as un, StorageThumbnail as ur, getChanges as ut, LiveSchemaError as v, SelectableTable as vn, ImagePreview as vr, resetPasswordAction as vt, EntityForm as w, useNavigationStateController as wn, LABEL_ICON_SIZE as wr, CollectionViewActions as wt, createLiveSchemaClient as x, UrlContext as xn, FormRail as xr, EntityViewBinding as xt, SchemaChangeCancelled as y, CollectionRowActions as yn, EmptyValue as yr, CreationResultDialog as yt, MarkdownEditorFieldBinding as z, DatePreview as zn, convertFileToJson as zt };
+export { NAVIGATION_DEFAULT_GROUP_NAME as $, CollectionRegistryContext as $n, getCollectionBySlugWithin as $t, getFieldId as A, ReadOnlyFieldBinding as An, getIconForWidget as Ar, convertDataToEntity as At, MapFieldBinding as B, MapPropertyPreview as Bn, detectCsvDelimiter as Bt, EntityFormBinding as C, NavigationStateContext as Cn, LABEL_ICON_SIZE as Cr, EntityCardBinding as Ct, getDefaultFieldConfig as D, SelectableTableContext as Dn, getBracketNotation as Dr, useCollectionEditorDialogsState as Dt, DEFAULT_FIELD_CONFIGS as E, SideDialogsControllerContext as En, PropertyKeyHint as Er, ConfigControllerProvider as Et, SelectFieldBinding as F, UserPreview as Fn, isRelationProperty as Fr, ImportSaveInProgress as Ft, useSelectionDialog as G, ArrayOfStorageComponentsPreview as Gn, SearchIconsView as Gt, DateTimeFieldBinding as H, ArrayOfStringsPreview as Hn, parseCsvToObjects as Ht, RepeatFieldBinding as I, NumberPropertyPreview as In, IMPORT_BATCH_SIZE as It, useBuildUrlController as J, InlineEntityListPreview as Jn, BreadcrumbsProvider as Jt, SelectionTableBinding as K, RelationPreview as Kn, FieldCaption as Kt, ReferenceFieldBinding as L, BooleanPreview as Ln, saveImportedEntities as Lt, TextFieldBinding as M, FieldHelperText as Mn, getPropertyInPath$1 as Mr, processValueMapping as Mt, SwitchFieldBinding as N, ArrayOfMapsPreview as Nn, getResolvedPropertyInPath as Nr, getInferenceType as Nt, getDefaultFieldId as O, ArrayCustomShapedFieldBinding as On, getDefaultPropertiesOrder as Or, ImportNewPropertyFieldPreview as Ot, StorageUploadFieldBinding as P, PropertyPreview as Pn, isReferenceProperty as Pr, useImportConfig as Pt, useResolvedCollections as Q, useSidePanel as Qn, addInitialSlash as Qt, MultiSelectFieldBinding as R, DatePreview as Rn, ImportFileUpload as Rt, isSchemaChangeCancelled as S, useUrlController as Sn, FieldBlock as Sr, CollectionCardViewBinding as St, PropertyFieldBinding as T, useSideDialogsController as Tn, spanClass as Tr, useCollectionEditorController as Tt, BlockFieldBinding as U, ArrayPropertyEnumPreview as Un, ArrayContainer as Ut, KeyValueFieldBinding as V, ArrayOneOfPreview as Vn, parseCsvRows as Vt, ArrayOfReferencesFieldBinding as W, ArrayEnumPreview as Wn, PropertyConfigBadge as Wt, useTopLevelNavigation as X, EntityPreviewBinding as Xn, resolveEntityView as Xt, useBuildNavigationStateController as Y, ReferencePreview as Yn, resolveEntityAction as Yt, useResolvedViews as Z, SidePanelControllerContext as Zn, mergeEntityActions as Zt, useCollectionsConfigController as _, CollectionTableBinding as _n, ImagePreview as _r, editEntityAction as _t, namespaceToPropertiesPath as a, resolveCollectionPathIds$1 as an, getEntityTitlePropertyKeyForEntity as ar, getEntityViewWidth as at, asUnavailable as b, useAdminContext as bn, FormRail as br, DetailViewBinding as bt, buildCollectionGenerationCallback as c, SelectionMenu as cn, EnumValuesChip as cr, useSafeSnackbarController as ct, fromSerializableCollectionConfigs as d, resolveSelection as dn, SkeletonPropertyComponent as dr, getInitialEntityValues as dt, getCollectionPathsCombinations as en, useCollectionRegistryController as er, useBuildCollectionRegistryController as et, fromSerializableProperties as f, selectionQueryToFindParams as fn, renderSkeletonCaptionText as fr, removeEmptyContainers as ft, toSerializableProperty as g, VirtualTableInput$1 as gn, UrlComponentPreview as gr, deleteEntityAction as gt, toSerializableProperties as h, useSelectionController as hn, renderSkeletonText as hr, copyEntityAction as ht, namespaceToPropertiesOrderPath as i, removeTrailingSlash$1 as in, getEntityTitlePropertyKey as ir, buildSidePanelsFromUrl as it, VectorFieldBinding as j, LabelWithIcon as jn, getPropertiesWithPropertiesOrder as jr, flattenEntry as jt, getFieldConfig as k, useClearRestoreValue as kn, getIconForProperty as kr, DataNewPropertiesMapping as kt, validateCollectionJson as l, MAX_SELECTION_ROWS as ln, StorageThumbnail as lr, extractTouchedValues as lt, toSerializableCollectionConfig as m, walkEntityPages as mn, renderSkeletonImageThumbnail as mr, CollectionViewBinding as mt, getFullIdPath as n, removeInitialAndTrailingSlashes$1 as nn, useResolvedUser as nr, resolveNavigationFrom as nt, CollectionGenerationApiError as o, resolveOpenEntityMode as on, ArrayPropertyPreview as or, useBuildSidePanel as ot, fromSerializableProperty as p, serializeSelectionQuery as pn, renderSkeletonIcon as pr, zodToFormErrors as pt, SideDialogs as q, ArrayOfReferencesPreview as qn, useBreadcrumbsController as qt, idToPropertiesPath as r, removeInitialSlash as rn, getEntityPreviewKeys as rr, useResolvedNavigationFrom as rt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as s, resolveViewMode as sn, StringPropertyPreview as sr, EditViewBinding as st, getFullId as t, getLastSegment$1 as tn, getUserLabel as tr, useHistory as tt, fromSerializableCollectionConfig as u, SELECTION_PAGE_SIZE as un, StorageThumbnailInternal as ur, getChanges as ut, LiveSchemaError as v, SelectableTable as vn, EmptyValue as vr, resetPasswordAction as vt, EntityForm as w, useNavigationStateController as wn, isSelfLabellingProperty as wr, CollectionViewActions as wt, createLiveSchemaClient as x, UrlContext as xn, RecordMeta as xr, EntityViewBinding as xt, SchemaChangeCancelled as y, CollectionRowActions as yn, FormSections as yr, CreationResultDialog as yt, MarkdownEditorFieldBinding as z, KeyValuePreview as zn, convertFileToJson as zt };
 
-//# sourceMappingURL=util-jUWinb7D.js.map
+//# sourceMappingURL=util-qfCPxJzB.js.map