@object-ui/plugin-detail 5.0.1 → 5.0.2

package/dist/index.js

@@ -1,14 +1,14 @@
 import { ComponentRegistry as e, buildExpandFields as t } from "@object-ui/core";
 import * as n from "react";
 import r from "react";
-import { AlertDialog as i, AlertDialogAction as a, AlertDialogCancel as o, AlertDialogContent as s, AlertDialogDescription as c, AlertDialogFooter as l, AlertDialogHeader as u, AlertDialogTitle as d, Avatar as f, AvatarFallback as p, AvatarImage as m, Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Collapsible as x, CollapsibleContent as S, CollapsibleTrigger as C, Input as w, Sheet as T, SheetContent as E, SheetHeader as D, SheetTitle as O, Skeleton as k, Tabs as A, TabsContent as j, TabsList as ee, TabsTrigger as M, Tooltip as N, TooltipContent as P, TooltipProvider as F, TooltipTrigger as I, cn as L, useIsMobile as te } from "@object-ui/components";
-import { Activity as ne, ArrowLeft as R, ArrowRight as z, ArrowRightLeft as B, ArrowUpDown as re, AtSign as V, Bell as H, BellOff as ie, Bold as U, Calendar as ae, Check as W, CheckSquare as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as le, ChevronsLeft as ue, ChevronsRight as de, Code as fe, Columns2 as pe, Copy as me, Edit as he, ExternalLink as ge, Eye as G, EyeOff as _e, File as ve, FileArchive as ye, FileText as K, History as be, Image as xe, Inbox as Se, Italic as q, Link as Ce, List as we, Loader2 as Te, Mail as Ee, MessageSquare as J, Network as De, PanelRightClose as Oe, PanelRightOpen as ke, Paperclip as Y, Phone as Ae, Pin as je, Plus as Me, PlusCircle as Ne, RotateCcw as Pe, Rows3 as Fe, Search as Ie, Send as X, SmilePlus as Le, Star as Re, Trash2 as ze, Upload as Be, X as Ve, Zap as He, icons as Ue } from "lucide-react";
-import { SchemaRenderer as We, useActionEngine as Ge, useDiscussionContext as Ke, useHighlightFieldNames as qe, useObjectTranslation as Je, useRecordContext as Ye, useRegisterHighlightFields as Xe, useSafeFieldLabel as Ze } from "@object-ui/react";
-import { BooleanField as Qe, SelectField as $e, getCellRenderer as et, resolveCellRendererType as tt } from "@object-ui/fields";
-import { Fragment as nt, jsx as Z, jsxs as Q } from "react/jsx-runtime";
-import { useFieldPermissions as rt, usePermissions as it } from "@object-ui/permissions";
+import { AlertDialog as i, AlertDialogAction as a, AlertDialogCancel as o, AlertDialogContent as s, AlertDialogDescription as c, AlertDialogFooter as l, AlertDialogHeader as u, AlertDialogTitle as d, Avatar as f, AvatarFallback as p, AvatarImage as m, Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Collapsible as x, CollapsibleContent as S, CollapsibleTrigger as C, Input as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Sheet as A, SheetContent as j, SheetHeader as M, SheetTitle as N, Skeleton as P, Tabs as ee, TabsContent as F, TabsList as I, TabsTrigger as L, Tooltip as R, TooltipContent as z, TooltipProvider as B, TooltipTrigger as V, cn as H, useIsMobile as te } from "@object-ui/components";
+import { Activity as U, ArrowLeft as ne, ArrowRight as W, ArrowRightLeft as re, ArrowUpDown as ie, AtSign as G, Bell as ae, BellOff as oe, Bold as K, Calendar as se, Check as ce, CheckSquare as le, ChevronDown as ue, ChevronLeft as de, ChevronRight as fe, ChevronsLeft as q, ChevronsRight as pe, Code as me, Columns2 as he, Copy as ge, Edit as J, ExternalLink as _e, Eye as ve, EyeOff as ye, File as be, FileArchive as Y, FileText as xe, History as Se, Image as Ce, Inbox as X, Italic as we, Link as Te, List as Ee, Loader2 as De, Lock as Oe, Mail as ke, MessageSquare as Ae, Network as je, PanelRightClose as Me, PanelRightOpen as Ne, Paperclip as Pe, Phone as Fe, Pin as Ie, Plus as Le, PlusCircle as Re, RotateCcw as ze, Rows3 as Be, Search as Ve, Send as He, SmilePlus as Ue, Star as We, Trash2 as Ge, Upload as Ke, X as qe, Zap as Je, icons as Ye } from "lucide-react";
+import { SchemaRenderer as Xe, useActionEngine as Ze, useDiscussionContext as Qe, useHighlightFieldNames as $e, useObjectTranslation as et, useRecordContext as tt, useRegisterHighlightFields as nt, useSafeFieldLabel as rt } from "@object-ui/react";
+import { BooleanField as it, SelectField as at, getCellRenderer as ot, humanizeLabel as st, resolveCellRendererType as ct } from "@object-ui/fields";
+import { Fragment as lt, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { useFieldPermissions as ut, usePermissions as dt } from "@object-ui/permissions";
 //#region src/autoLayout.ts
-var at = new Set([
+var ft = new Set([
 	"textarea",
 	"markdown",
 	"html",
@@ -20,36 +20,36 @@ var at = new Set([
 	"field:grid",
 	"field:rich-text"
 ]);
-function ot(e) {
-	return at.has(e);
+function pt(e) {
+	return ft.has(e);
 }
-function st(e, t) {
+function mt(e, t) {
 	let n;
 	return n = e <= 3 ? 1 : 2, t !== void 0 && t < 640 ? Math.min(n, 1) : n;
 }
-function ct(e, t) {
-	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && ot(e.type) ? {
+function ht(e, t) {
+	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && pt(e.type) ? {
 		...e,
 		span: t
 	} : e);
 }
-function lt(e, t, n) {
+function gt(e, t, n) {
 	if (t !== void 0) return {
-		fields: ct(e, t),
+		fields: ht(e, t),
 		columns: t
 	};
-	let r = st(e.length, n);
+	let r = mt(e.length, n);
 	return {
-		fields: ct(e, r),
+		fields: ht(e, r),
 		columns: r
 	};
 }
 //#endregion
 //#region src/useDetailTranslation.ts
-function ut(e, t) {
+function _t(e, t) {
 	return function() {
 		try {
-			let n = Je();
+			let n = et();
 			return n.t(t) === t ? { t: (t, n) => {
 				let r = e[t] || t;
 				if (n) for (let [e, t] of Object.entries(n)) r = r.replace(`{{${e}}}`, String(t));
@@ -64,7 +64,7 @@ function ut(e, t) {
 		}
 	};
 }
-var dt = {
+var vt = {
 	"detail.back": "Back",
 	"detail.edit": "Edit",
 	"detail.editInline": "Edit",
@@ -101,6 +101,7 @@ var dt = {
 	"detail.viewAll": "View All",
 	"detail.new": "New",
 	"detail.emptyValue": "—",
+	"detail.noValue": "No value",
 	"detail.activity": "Activity",
 	"detail.copyRecordId": "Copy record ID",
 	"detail.showEmptyFields": "Show {{count}} empty fields",
@@ -177,14 +178,14 @@ var dt = {
 	"detail.subscribeAriaLabel": "Subscribe to notifications",
 	"detail.unsubscribeAriaLabel": "Unsubscribe from notifications",
 	"detail.clearSearch": "Clear search"
-}, $ = ut(dt, "detail.back");
+}, $ = _t(vt, "detail.back");
 //#endregion
 //#region src/DetailSection.tsx
-function ft(e, t) {
+function yt(e, t) {
 	return !e || e <= 1 || t <= 1 ? "" : t === 2 ? e >= 2 ? "md:col-span-2" : "" : e === 2 ? "md:col-span-2" : e >= 3 ? "md:col-span-2 lg:col-span-3" : "";
 }
-var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s, virtualScroll: c }) => {
-	let [l, u] = n.useState(e.defaultCollapsed ?? !1), [d, f] = n.useState(null), [p, m] = n.useState(void 0), [w, T] = n.useState(!1), { t: E } = $(), { fieldLabel: D, translateOptions: O } = Ze(), k = n.useCallback((e, t) => {
+var bt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s, virtualScroll: c }) => {
+	let [l, u] = n.useState(e.defaultCollapsed ?? !1), [d, f] = n.useState(null), [p, m] = n.useState(void 0), [w, T] = n.useState(!1), { t: E } = $(), { fieldLabel: D, translateOptions: O } = rt(), k = n.useCallback((e, t) => {
 		let n = t == null ? "" : String(t);
 		navigator.clipboard.writeText(n).then(() => {
 			f(e), setTimeout(() => f(null), 2e3);
@@ -192,18 +193,18 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 	}, []), A = n.useCallback((e) => {
 		let n = t?.[e.name] ?? e.value;
 		return n == null || n === "";
-	}, [t]), j = n.useMemo(() => e.fields.filter(A).length, [e.fields, A]), ee = te(), M = ee ? 3 : 4, ne = ee ? .2 : .25, R = e.fields.length - j, z = !e.hideEmpty && !o && e.fields.length >= M && j / e.fields.length >= ne && R > 0, B = !w && (e.hideEmpty || z) ? e.fields.filter((e) => !A(e)) : e.fields;
-	if (B.length === 0 && j === e.fields.length) return null;
-	let { fields: re, columns: V } = lt(B, e.columns), H = (e) => {
+	}, [t]), j = n.useMemo(() => e.fields.filter(A).length, [e.fields, A]), M = te(), N = M ? 3 : 4, P = M ? .2 : .25, ee = e.fields.length - j, F = !e.hideEmpty && !o && e.fields.length >= N && j / e.fields.length >= P && ee > 0, I = !w && (e.hideEmpty || F) ? e.fields.filter((e) => !A(e)) : e.fields;
+	if (I.length === 0 && j === e.fields.length) return null;
+	let { fields: L, columns: U } = gt(I, e.columns), ne = (e) => {
 		let n = t?.[e.name] ?? e.value;
-		if (e.render) return /* @__PURE__ */ Z(We, {
+		if (e.render) return /* @__PURE__ */ Z(Xe, {
 			schema: e.render,
 			data: {
 				...t,
 				value: n
 			}
 		});
-		let r = ft(e.span, V), c = i?.fields?.[e.name], l = { ...e };
+		let r = yt(e.span, U), c = i?.fields?.[e.name], l = { ...e };
 		if (c) {
 			!e.type && c.type && (l.type = c.type), c.options && !l.options && (l.options = c.options), c.currency && !l.currency && (l.currency = c.currency), c.precision !== void 0 && l.precision === void 0 && (l.precision = c.precision), c.format && !l.format && (l.format = c.format);
 			let t = c.reference_to || c.reference;
@@ -211,13 +212,15 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 		}
 		a && Array.isArray(l.options) && l.options.length > 0 && (l.options = O(a, e.name, l.options));
 		let u = (() => {
-			if (n == null) return /* @__PURE__ */ Z("span", {
-				className: "text-muted-foreground/50 text-xs italic",
+			if (n == null || n === "") return /* @__PURE__ */ Z("span", {
+				className: "text-muted-foreground/60 text-sm select-none",
+				"aria-label": E("detail.noValue", { defaultValue: "No value" }),
+				title: E("detail.noValue", { defaultValue: "No value" }),
 				children: "—"
 			});
-			let t = tt(l) || e.type;
+			let t = ct(l) || e.type;
 			if (t) {
-				let e = et(t);
+				let e = ot(t);
 				if (e) return /* @__PURE__ */ Z(e, {
 					value: n,
 					field: l
@@ -226,7 +229,7 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			return String(n);
 		})(), f = n != null && n !== "", p = d === e.name;
 		return /* @__PURE__ */ Q("div", {
-			className: L("space-y-1.5 group", r),
+			className: H("space-y-1.5 group", r),
 			children: [/* @__PURE__ */ Z("div", {
 				className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 				children: D(a || "", e.name, e.label || e.name)
@@ -234,12 +237,12 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 				className: "min-h-[44px] sm:min-h-0",
 				children: (() => {
 					let t = l.type || e.type;
-					if (t === "select" && Array.isArray(l.options) && l.options.length > 0) return /* @__PURE__ */ Z($e, {
+					if (t === "select" && Array.isArray(l.options) && l.options.length > 0) return /* @__PURE__ */ Z(at, {
 						field: l,
 						value: n == null ? "" : String(n),
 						onChange: (t) => s?.(e.name, t)
 					});
-					if (t === "boolean") return /* @__PURE__ */ Z(Qe, {
+					if (t === "boolean") return /* @__PURE__ */ Z(it, {
 						field: l,
 						value: !!n,
 						onChange: (t) => s?.(e.name, t)
@@ -264,7 +267,7 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 					});
 				})()
 			}) : /* @__PURE__ */ Q("div", {
-				className: L("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", f && "cursor-pointer active:bg-muted/60 transition-colors"),
+				className: H("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", f && "cursor-pointer active:bg-muted/60 transition-colors"),
 				onClick: f ? () => k(e.name, n) : void 0,
 				onKeyDown: f ? (t) => {
 					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), k(e.name, n));
@@ -274,7 +277,7 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 				children: [/* @__PURE__ */ Z("div", {
 					className: "text-sm flex-1 break-words py-1",
 					children: u
-				}), f && /* @__PURE__ */ Z(F, { children: /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+				}), f && /* @__PURE__ */ Z(B, { children: /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 					asChild: !0,
 					children: /* @__PURE__ */ Z(g, {
 						variant: "ghost",
@@ -283,33 +286,33 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 						onClick: (t) => {
 							t.stopPropagation(), k(e.name, n);
 						},
-						children: p ? /* @__PURE__ */ Z(W, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(me, { className: "h-3 w-3" })
+						children: p ? /* @__PURE__ */ Z(ce, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(ge, { className: "h-3 w-3" })
 					})
-				}), /* @__PURE__ */ Z(P, { children: E(p ? "detail.copied" : "detail.copyToClipboard") })] }) })]
+				}), /* @__PURE__ */ Z(z, { children: E(p ? "detail.copied" : "detail.copyToClipboard") })] }) })]
 			})]
 		}, e.name);
-	}, ie = c?.enabled === !0, U = c?.batchSize ?? 20;
+	}, W = c?.enabled === !0, re = c?.batchSize ?? 20;
 	n.useEffect(() => {
-		if (!ie) {
+		if (!W) {
 			m(void 0);
 			return;
 		}
-		if (re.length <= U) {
+		if (L.length <= re) {
 			m(void 0);
 			return;
 		}
-		m(U);
+		m(re);
 		let e = setTimeout(() => m(void 0), 100);
 		return () => clearTimeout(e);
 	}, [
-		ie,
-		re.length,
-		U
+		W,
+		L.length,
+		re
 	]);
-	let ae = p === void 0 ? re : re.slice(0, p), oe = j > 0 && (e.hideEmpty || z), ce = /* @__PURE__ */ Q(nt, { children: [/* @__PURE__ */ Z("div", {
-		className: L("grid gap-3 sm:gap-4", V === 1 ? "grid-cols-1" : V === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
-		children: ae.map(H)
-	}), oe && /* @__PURE__ */ Z("div", {
+	let ie = p === void 0 ? L : L.slice(0, p), G = j > 0 && (e.hideEmpty || F), ae = /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z("div", {
+		className: H("grid gap-3 sm:gap-4", U === 1 ? "grid-cols-1" : U === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
+		children: ie.map(ne)
+	}), G && /* @__PURE__ */ Z("div", {
 		className: "mt-3 -ml-2",
 		children: /* @__PURE__ */ Q(g, {
 			type: "button",
@@ -317,15 +320,15 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			size: "sm",
 			onClick: () => T((e) => !e),
 			className: "h-7 px-2 text-xs text-muted-foreground hover:text-foreground",
-			children: [Z(w ? _e : G, { className: "h-3.5 w-3.5 mr-1.5" }), w ? E("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : E("detail.showEmptyFields", {
+			children: [Z(w ? ye : ve, { className: "h-3.5 w-3.5 mr-1.5" }), w ? E("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : E("detail.showEmptyFields", {
 				count: j,
 				defaultValue: `Show ${j} empty field${j === 1 ? "" : "s"}`
 			})]
 		})
 	})] });
 	return !e.title && !e.collapsible && e.showBorder === !1 ? /* @__PURE__ */ Z("div", {
-		className: L(r),
-		children: ce
+		className: H(r),
+		children: ae
 	}) : e.collapsible ? /* @__PURE__ */ Z(x, {
 		open: !l,
 		onOpenChange: (e) => u(!e),
@@ -333,7 +336,7 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 		children: /* @__PURE__ */ Q(_, { children: [/* @__PURE__ */ Z(C, {
 			asChild: !0,
 			children: /* @__PURE__ */ Q(y, {
-				className: L("cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
+				className: H("cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
 				children: [/* @__PURE__ */ Q(b, {
 					className: "flex items-center justify-between",
 					children: [/* @__PURE__ */ Q("div", {
@@ -352,7 +355,7 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 						]
 					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-2",
-						children: Z(l ? le : se, { className: "h-4 w-4 text-muted-foreground" })
+						children: Z(l ? fe : ue, { className: "h-4 w-4 text-muted-foreground" })
 					})]
 				}), e.description && !l && /* @__PURE__ */ Z("p", {
 					className: "text-sm text-muted-foreground mt-1.5",
@@ -361,12 +364,12 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			})
 		}), /* @__PURE__ */ Z(S, { children: /* @__PURE__ */ Z(v, {
 			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: ce
+			children: ae
 		}) })] })
 	}) : /* @__PURE__ */ Q(_, {
-		className: L(e.showBorder === !1 ? "border-none shadow-none" : "", r),
+		className: H(e.showBorder === !1 ? "border-none shadow-none" : "", r),
 		children: [e.title && /* @__PURE__ */ Q(y, {
-			className: L(e.headerColor && `bg-${e.headerColor}`),
+			className: H(e.headerColor && `bg-${e.headerColor}`),
 			children: [/* @__PURE__ */ Z(b, {
 				className: "flex items-center justify-between",
 				children: /* @__PURE__ */ Q("div", {
@@ -382,18 +385,18 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			})]
 		}), /* @__PURE__ */ Z(v, {
 			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: ce
+			children: ae
 		})]
 	});
-}, mt = ({ tabs: e, data: t, className: r }) => {
+}, xt = ({ tabs: e, data: t, className: r }) => {
 	let [i, a] = n.useState(e[0]?.key), o = e.filter((e) => typeof e.visible == "boolean" ? e.visible : (e.visible, !0));
-	return /* @__PURE__ */ Q(A, {
+	return /* @__PURE__ */ Q(ee, {
 		value: i,
 		onValueChange: a,
 		className: r,
-		children: [/* @__PURE__ */ Z(ee, {
+		children: [/* @__PURE__ */ Z(I, {
 			className: "w-full justify-start border-b rounded-none bg-transparent p-0",
-			children: o.map((e) => /* @__PURE__ */ Z(M, {
+			children: o.map((e) => /* @__PURE__ */ Z(L, {
 				value: e.key,
 				className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 				children: /* @__PURE__ */ Q("div", {
@@ -409,18 +412,18 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 					]
 				})
 			}, e.key))
-		}), o.map((e) => /* @__PURE__ */ Z(j, {
+		}), o.map((e) => /* @__PURE__ */ Z(F, {
 			value: e.key,
 			className: "mt-4",
 			children: /* @__PURE__ */ Z(n.Suspense, {
 				fallback: null,
 				children: Array.isArray(e.content) ? /* @__PURE__ */ Z("div", {
 					className: "space-y-4",
-					children: e.content.map((e, n) => /* @__PURE__ */ Z(We, {
+					children: e.content.map((e, n) => /* @__PURE__ */ Z(Xe, {
 						schema: e,
 						data: t
 					}, n))
-				}) : /* @__PURE__ */ Z(We, {
+				}) : /* @__PURE__ */ Z(Xe, {
 					schema: e.content,
 					data: t
 				})
@@ -430,15 +433,15 @@ var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 };
 //#endregion
 //#region src/RelatedList.tsx
-function ht(e) {
-	return e && Ue[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || Se;
+function St(e) {
+	return e && Ye[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || X;
 }
-var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className: x, dataSource: S, objectName: C, onNew: T, onViewAll: E, onRowEdit: D, onRowDelete: O, onRowClick: k, maxColumns: A = 6, pageSize: j, sortable: ee = !1, filterable: M = !1, collapsible: N = !1, defaultCollapsed: P = !1, referenceField: F, parentId: I, icon: ne }) => {
-	let R = f !== void 0, z = f ?? [], [B, V] = n.useState(z), [H, ie] = n.useState(() => !!r && !R), [U, ae] = n.useState(0), [W, oe] = n.useState(null), [ue, de] = n.useState("asc"), [fe, pe] = n.useState(""), [me, he] = n.useState(null), [G, _e] = n.useState(P), [ve, ye] = n.useState({}), { t: K } = $(), { fieldLabel: be } = Ze();
+var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className: x, dataSource: S, objectName: C, onNew: T, onViewAll: E, onRowEdit: D, onRowDelete: O, onRowClick: k, maxColumns: A = 6, pageSize: j, sortable: M = !1, filterable: N = !1, collapsible: P = !1, defaultCollapsed: ee = !1, referenceField: F, parentId: I, icon: L }) => {
+	let R = f !== void 0, z = f ?? [], [B, V] = n.useState(z), [U, ne] = n.useState(() => !!r && !R), [W, re] = n.useState(0), [G, ae] = n.useState(null), [oe, K] = n.useState("asc"), [se, ce] = n.useState(""), [le, q] = n.useState(null), [pe, me] = n.useState(ee), [he, ge] = n.useState({}), { t: J } = $(), { fieldLabel: ve } = rt();
 	n.useEffect(() => {
 		R && V(f ?? []);
 	}, [f, R]), n.useEffect(() => {
-		r && S?.getObjectSchema && !m?.length && S.getObjectSchema(r).then(he).catch((e) => {
+		r && S?.getObjectSchema && !m?.length && S.getObjectSchema(r).then(q).catch((e) => {
 			console.warn(`[RelatedList] Failed to fetch schema for ${r}:`, e);
 		});
 	}, [
@@ -448,15 +451,15 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 	]), n.useEffect(() => {
 		if (r && !R) {
 			if (!(F && I != null && I !== "")) {
-				r && (I == null || I === "") && !F && console.warn(`[RelatedList] "${r}" has no referenceField/parentId — refusing to fetch all rows. Pass relationshipField + parentId to scope the query.`), V([]), ie(!1);
+				r && (I == null || I === "") && !F && console.warn(`[RelatedList] "${r}" has no referenceField/parentId — refusing to fetch all rows. Pass relationshipField + parentId to scope the query.`), V([]), ne(!1);
 				return;
 			}
-			ie(!0);
+			ne(!0);
 			let e = { [F]: I };
 			if (S && typeof S.find == "function") S.find(r, { $filter: e }).then((e) => {
-				V(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), ie(!1);
+				V(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), ne(!1);
 			}).catch((e) => {
-				console.error("Failed to fetch related data:", e), ie(!1);
+				console.error("Failed to fetch related data:", e), ne(!1);
 			});
 			else {
 				let e = new URLSearchParams({ [`filter[${F}]`]: String(I) }).toString();
@@ -464,7 +467,7 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 					V(Array.isArray(e) ? e : e?.data || []);
 				}).catch((e) => {
 					console.error("Failed to fetch related data:", e);
-				}).finally(() => ie(!1));
+				}).finally(() => ne(!1));
 			}
 		}
 	}, [
@@ -474,8 +477,8 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		F,
 		I
 	]), n.useEffect(() => {
-		if (!S?.find || !me?.fields || !B.length) return;
-		let e = me.fields, t = [];
+		if (!S?.find || !le?.fields || !B.length) return;
+		let e = le.fields, t = [];
 		for (let [n, r] of Object.entries(e)) {
 			if (!r || r.type !== "lookup" && r.type !== "master_detail") continue;
 			let e = r.reference_to || r.reference;
@@ -485,7 +488,7 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 				let t = e?.[n];
 				t != null && (typeof t == "string" && t ? i.add(t) : typeof t == "number" && i.add(String(t)));
 			}
-			let a = ve[n] || {}, o = Array.from(i).filter((e) => !(e in a));
+			let a = he[n] || {}, o = Array.from(i).filter((e) => !(e in a));
 			o.length > 0 && t.push({
 				fieldName: n,
 				target: e,
@@ -511,7 +514,7 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			fieldName: e,
 			map: {}
 		})))).then((e) => {
-			n || ye((t) => {
+			n || ge((t) => {
 				let n = { ...t };
 				for (let { fieldName: t, map: r } of e) n[t] = {
 					...n[t] || {},
@@ -524,48 +527,48 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		};
 	}, [
 		S,
-		me,
+		le,
 		B
 	]);
-	let xe = n.useMemo(() => {
-		if (!fe) return B;
-		let e = fe.toLowerCase();
+	let ye = n.useMemo(() => {
+		if (!se) return B;
+		let e = se.toLowerCase();
 		return B.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
-	}, [B, fe]), Se = n.useMemo(() => W ? [...xe].sort((e, t) => {
-		let n = e[W], r = t[W];
+	}, [B, se]), be = n.useMemo(() => G ? [...ye].sort((e, t) => {
+		let n = e[G], r = t[G];
 		if (n == null && r == null) return 0;
 		if (n == null) return 1;
 		if (r == null) return -1;
 		let i = String(n).localeCompare(String(r), void 0, { numeric: !0 });
-		return ue === "asc" ? i : -i;
-	}) : xe, [
-		xe,
-		W,
-		ue
-	]), q = j && j > 0 ? j : 0, Ce = q ? Math.max(1, Math.ceil(Se.length / q)) : 1, we = q ? Se.slice(U * q, (U + 1) * q) : Se;
+		return oe === "asc" ? i : -i;
+	}) : ye, [
+		ye,
+		G,
+		oe
+	]), Y = j && j > 0 ? j : 0, xe = Y ? Math.max(1, Math.ceil(be.length / Y)) : 1, Se = Y ? be.slice(W * Y, (W + 1) * Y) : be;
 	n.useEffect(() => {
-		ae(0);
+		re(0);
 	}, [
-		fe,
-		W,
-		ue
+		se,
+		G,
+		oe
 	]);
-	let Te = n.useCallback((e) => {
-		W === e ? de((e) => e === "asc" ? "desc" : "asc") : (oe(e), de("asc"));
-	}, [W]), [Ee, J] = n.useState(null), De = n.useCallback((e) => {
-		J(e);
-	}, []), Oe = n.useCallback(() => {
-		Ee && O?.(Ee), J(null);
-	}, [Ee, O]), ke = it(), Y = n.useMemo(() => {
-		let e = C || r || "", t = (t) => !ke?.isLoaded || !e ? t : t.filter((t) => {
+	let Ce = n.useCallback((e) => {
+		G === e ? K((e) => e === "asc" ? "desc" : "asc") : (ae(e), K("asc"));
+	}, [G]), [X, we] = n.useState(null), Te = n.useCallback((e) => {
+		we(e);
+	}, []), Ee = n.useCallback(() => {
+		X && O?.(X), we(null);
+	}, [X, O]), De = dt(), Oe = n.useMemo(() => {
+		let e = C || r || "", t = (t) => !De?.isLoaded || !e ? t : t.filter((t) => {
 			let n = t?.accessorKey || t?.field || t?.name;
-			return n ? ke.checkField(e, String(n), "read") : !0;
+			return n ? De.checkField(e, String(n), "read") : !0;
 		}), i = (e) => F ? e.filter((e) => (e?.accessorKey || e?.field || e?.name) !== F) : e, a = (e) => e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0, o = (e) => B.length ? e.filter((e) => {
 			let t = e?.accessorKey || e?.field || e?.name;
 			return t ? B.some((e) => !a(e?.[t])) : !0;
 		}) : e;
 		if (m && m.length > 0) return o(t(i(m)));
-		if (!me?.fields) return [];
+		if (!le?.fields) return [];
 		let s = e, c = new Set([
 			"image",
 			"file",
@@ -582,7 +585,7 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			"label",
 			"code",
 			"number"
-		], u = Object.entries(me.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === F || t?.hidden || t?.type && c.has(t.type) || ke?.isLoaded && s && !ke.checkField(s, e, "read")));
+		], u = Object.entries(le.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === F || t?.hidden || t?.type && c.has(t.type) || De?.isLoaded && s && !De.checkField(s, e, "read")));
 		return u.sort(([e, t], [n, r]) => {
 			let i = l.indexOf(e), a = l.indexOf(n), o = i >= 0 ? i : 100, s = a >= 0 ? a : 100;
 			if (o !== s) return o - s;
@@ -591,15 +594,15 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		}), o(u.map(([e, t]) => {
 			let r = {
 				accessorKey: e,
-				header: be(s, e, t.label || e)
+				header: ve(s, e, t.label || e)
 			};
 			if (t.type) {
-				let i = et(tt({
+				let i = ot(ct({
 					type: t.type,
 					format: t.format
 				}) || t.type);
 				if (i) {
-					let a = t.type === "lookup" || t.type === "master_detail" ? ve[e] : void 0, o = a && Object.keys(a).length > 0 ? Object.entries(a).map(([e, t]) => ({
+					let a = t.type === "lookup" || t.type === "master_detail" ? he[e] : void 0, o = a && Object.keys(a).length > 0 ? Object.entries(a).map(([e, t]) => ({
 						value: e,
 						label: t
 					})) : void 0, s = {
@@ -623,22 +626,22 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		})).slice(0, Math.max(1, A));
 	}, [
 		m,
-		me,
+		le,
 		C,
 		r,
-		be,
+		ve,
 		F,
 		B,
 		A,
-		ve,
-		ke
-	]), Ae = !!D || !!O, je = te(), Ne = n.useMemo(() => {
+		he,
+		De
+	]), ke = !!D || !!O, Ae = te(), je = n.useMemo(() => {
 		if (p) return p;
-		if (je && (t === "grid" || t === "table")) {
-			let e = Y[0]?.accessorKey || Y[0]?.field || Y[0]?.name, t = Y.slice(1, 4).map((e) => e.accessorKey || e.field || e.name).filter(Boolean);
+		if (Ae && (t === "grid" || t === "table")) {
+			let e = Oe[0]?.accessorKey || Oe[0]?.field || Oe[0]?.name, t = Oe.slice(1, 4).map((e) => e.accessorKey || e.field || e.name).filter(Boolean);
 			return {
 				type: "object-gallery",
-				data: we,
+				data: Se,
 				objectName: r,
 				gallery: {
 					titleField: e || "name",
@@ -652,20 +655,20 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			case "grid":
 			case "table": return {
 				type: "data-table",
-				data: we,
-				columns: Y,
+				data: Se,
+				columns: Oe,
 				pagination: !1,
-				pageSize: q || 10,
+				pageSize: Y || 10,
 				searchable: !1,
 				exportable: !1,
-				rowActions: Ae,
+				rowActions: ke,
 				onRowEdit: D,
-				onRowDelete: O ? De : void 0,
+				onRowDelete: O ? Te : void 0,
 				onRowClick: k
 			};
 			case "list": return {
 				type: "data-list",
-				data: we
+				data: Se
 			};
 			default: return {
 				type: "div",
@@ -674,127 +677,127 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		}
 	}, [
 		t,
-		we,
-		Y,
+		Se,
+		Oe,
 		p,
-		q,
-		Ae,
+		Y,
+		ke,
 		D,
 		O,
-		De,
+		Te,
 		k,
-		je,
+		Ae,
 		r
-	]), Pe = N ? "cursor-pointer select-none" : void 0, Fe = N ? () => _e((e) => !e) : void 0, Ie = ht(ne), X = !H && B.length === 0, Le = M;
+	]), Me = P ? "cursor-pointer select-none" : void 0, Ne = P ? () => me((e) => !e) : void 0, Pe = St(L), Fe = !U && B.length === 0, Ie = N;
 	return /* @__PURE__ */ Q(_, {
-		className: L("shadow-none border-border/60 bg-transparent", X && "bg-muted/10", x),
+		className: H("shadow-none border-border/60 bg-transparent", Fe && "bg-muted/10", x),
 		children: [
 			/* @__PURE__ */ Z(y, {
-				className: L("py-3 px-4 sm:py-3 min-h-12 sm:min-h-0", Pe),
-				onClick: Fe,
+				className: H("py-3 px-4 sm:py-3 min-h-12 sm:min-h-0", Me),
+				onClick: Ne,
 				children: /* @__PURE__ */ Q(b, {
 					className: "flex items-center justify-between gap-2 text-sm font-semibold",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2 min-w-0",
 						children: [
-							N && Z(G ? le : se, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-							/* @__PURE__ */ Z(Ie, {
+							P && Z(pe ? fe : ue, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+							/* @__PURE__ */ Z(Pe, {
 								className: "h-4 w-4 text-muted-foreground shrink-0",
 								"aria-hidden": !0
 							}),
 							/* @__PURE__ */ Z("span", {
-								className: L("truncate", X && "text-muted-foreground font-medium"),
+								className: H("truncate", Fe && "text-muted-foreground font-medium"),
 								children: e
 							}),
 							/* @__PURE__ */ Z(h, {
 								variant: "secondary",
-								className: L("text-xs font-normal h-5 px-1.5", B.length === 0 && "bg-muted text-muted-foreground"),
+								className: H("text-xs font-normal h-5 px-1.5", B.length === 0 && "bg-muted text-muted-foreground"),
 								"aria-label": `${B.length} records`,
 								children: B.length
 							}),
-							X && /* @__PURE__ */ Z("span", {
+							Fe && /* @__PURE__ */ Z("span", {
 								className: "text-xs text-muted-foreground/70 italic ml-1 truncate",
-								children: K("detail.noRelatedRecords")
+								children: J("detail.noRelatedRecords")
 							})
 						]
 					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-1 shrink-0",
 						children: T && /* @__PURE__ */ Q(g, {
-							variant: X ? "ghost" : "outline",
+							variant: Fe ? "ghost" : "outline",
 							size: "sm",
 							onClick: (e) => {
 								e.stopPropagation(), T();
 							},
 							className: "gap-1 h-9 sm:h-7 text-xs shadow-none",
-							children: [/* @__PURE__ */ Z(Me, { className: "h-3.5 w-3.5" }), K("detail.new")]
+							children: [/* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5" }), J("detail.new")]
 						})
 					})]
 				})
 			}),
-			!G && !X && /* @__PURE__ */ Q(v, {
-				className: L("pt-0 pb-4 px-4"),
+			!pe && !Fe && /* @__PURE__ */ Q(v, {
+				className: H("pt-0 pb-4 px-4"),
 				children: [
-					Le && /* @__PURE__ */ Z("div", {
+					Ie && /* @__PURE__ */ Z("div", {
 						className: "mb-3",
 						children: /* @__PURE__ */ Z(w, {
-							placeholder: K("detail.filterPlaceholder"),
-							value: fe,
-							onChange: (e) => pe(e.target.value),
+							placeholder: J("detail.filterPlaceholder"),
+							value: se,
+							onChange: (e) => ce(e.target.value),
 							className: "h-8 text-sm"
 						})
 					}),
-					ee && Y && Y.length > 0 && B.length > 0 && /* @__PURE__ */ Z("div", {
+					M && Oe && Oe.length > 0 && B.length > 0 && /* @__PURE__ */ Z("div", {
 						className: "flex flex-wrap gap-1 mb-3",
-						children: Y.map((e) => {
+						children: Oe.map((e) => {
 							let t = e.accessorKey || e.field || e.name;
 							if (!t) return null;
-							let n = e.header || e.label || t, r = W === t;
+							let n = e.header || e.label || t, r = G === t;
 							return /* @__PURE__ */ Q(g, {
 								variant: r ? "secondary" : "ghost",
 								size: "sm",
 								className: "gap-1 h-7 text-xs",
-								onClick: () => Te(t),
+								onClick: () => Ce(t),
 								children: [
-									/* @__PURE__ */ Z(re, { className: "h-3 w-3" }),
+									/* @__PURE__ */ Z(ie, { className: "h-3 w-3" }),
 									n,
-									r && (ue === "asc" ? " ↑" : " ↓")
+									r && (oe === "asc" ? " ↑" : " ↓")
 								]
 							}, t);
 						})
 					}),
-					H ? /* @__PURE__ */ Z("div", {
+					U ? /* @__PURE__ */ Z("div", {
 						className: "flex items-center justify-center py-6 text-muted-foreground text-sm",
-						children: K("detail.loading")
-					}) : /* @__PURE__ */ Z(We, { schema: Ne }),
-					q > 0 && Se.length > q && /* @__PURE__ */ Q("div", {
+						children: J("detail.loading")
+					}) : /* @__PURE__ */ Z(Xe, { schema: je }),
+					Y > 0 && be.length > Y && /* @__PURE__ */ Q("div", {
 						className: "flex items-center justify-between mt-3 pt-3 border-t",
 						children: [
 							/* @__PURE__ */ Q(g, {
 								variant: "outline",
 								size: "sm",
 								className: "h-7 text-xs gap-1",
-								disabled: U === 0,
-								onClick: () => ae((e) => Math.max(0, e - 1)),
-								children: [/* @__PURE__ */ Z(ce, { className: "h-3 w-3" }), K("detail.previousPage")]
+								disabled: W === 0,
+								onClick: () => re((e) => Math.max(0, e - 1)),
+								children: [/* @__PURE__ */ Z(de, { className: "h-3 w-3" }), J("detail.previousPage")]
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "text-xs text-muted-foreground",
-								children: K("detail.pageOf", {
-									current: U + 1,
-									total: Ce
+								children: J("detail.pageOf", {
+									current: W + 1,
+									total: xe
 								})
 							}),
 							/* @__PURE__ */ Q(g, {
 								variant: "outline",
 								size: "sm",
 								className: "h-7 text-xs gap-1",
-								disabled: U >= Ce - 1,
-								onClick: () => ae((e) => Math.min(Ce - 1, e + 1)),
-								children: [K("detail.nextPage"), /* @__PURE__ */ Z(le, { className: "h-3 w-3" })]
+								disabled: W >= xe - 1,
+								onClick: () => re((e) => Math.min(xe - 1, e + 1)),
+								children: [J("detail.nextPage"), /* @__PURE__ */ Z(fe, { className: "h-3 w-3" })]
 							})
 						]
 					}),
-					E && !X && q > 0 && Se.length > q && /* @__PURE__ */ Z("div", {
+					E && !Fe && Y > 0 && be.length > Y && /* @__PURE__ */ Z("div", {
 						className: "mt-3 pt-3 border-t flex justify-center",
 						children: /* @__PURE__ */ Q("button", {
 							type: "button",
@@ -802,28 +805,28 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 								e.stopPropagation(), E();
 							},
 							className: "text-xs text-muted-foreground hover:text-foreground inline-flex items-center gap-1 transition-colors",
-							children: [K("detail.viewAll"), /* @__PURE__ */ Z(ge, { className: "h-3 w-3" })]
+							children: [J("detail.viewAll"), /* @__PURE__ */ Z(_e, { className: "h-3 w-3" })]
 						})
 					})
 				]
 			}),
 			/* @__PURE__ */ Z(i, {
-				open: Ee !== null,
+				open: X !== null,
 				onOpenChange: (e) => {
-					e || J(null);
+					e || we(null);
 				},
-				children: /* @__PURE__ */ Q(s, { children: [/* @__PURE__ */ Q(u, { children: [/* @__PURE__ */ Z(d, { children: K("detail.deleteRowTitle", { defaultValue: "Delete record" }) }), /* @__PURE__ */ Z(c, { children: K("detail.deleteRowConfirmation") })] }), /* @__PURE__ */ Q(l, { children: [/* @__PURE__ */ Z(o, { children: K("detail.cancel", { defaultValue: "Cancel" }) }), /* @__PURE__ */ Z(a, {
-					onClick: Oe,
+				children: /* @__PURE__ */ Q(s, { children: [/* @__PURE__ */ Q(u, { children: [/* @__PURE__ */ Z(d, { children: J("detail.deleteRowTitle", { defaultValue: "Delete record" }) }), /* @__PURE__ */ Z(c, { children: J("detail.deleteRowConfirmation") })] }), /* @__PURE__ */ Q(l, { children: [/* @__PURE__ */ Z(o, { children: J("detail.cancel", { defaultValue: "Cancel" }) }), /* @__PURE__ */ Z(a, {
+					onClick: Ee,
 					className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-					children: K("detail.delete", { defaultValue: "Delete" })
+					children: J("detail.delete", { defaultValue: "Delete" })
 				})] })] })
 			})
 		]
 	});
-}, _t = ({ group: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s }) => {
+}, wt = ({ group: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s }) => {
 	let c = e.collapsible ?? !0, [l, u] = n.useState(e.defaultCollapsed ?? !1), d = /* @__PURE__ */ Z("div", {
 		className: "space-y-3 sm:space-y-4",
-		children: e.sections.map((e, n) => /* @__PURE__ */ Z(pt, {
+		children: e.sections.map((e, n) => /* @__PURE__ */ Z(bt, {
 			section: e,
 			data: t,
 			objectSchema: i,
@@ -842,7 +845,7 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 				children: /* @__PURE__ */ Q("div", {
 					className: "flex items-center gap-2 pb-2 border-b cursor-pointer hover:bg-muted/50 transition-colors rounded-t-md px-2 py-1.5",
 					children: [
-						Z(l ? le : se, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+						Z(l ? fe : ue, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
 						e.icon && /* @__PURE__ */ Z("span", {
 							className: "text-muted-foreground",
 							children: e.icon
@@ -864,7 +867,7 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			}) })
 		]
 	}) : /* @__PURE__ */ Q("div", {
-		className: L("space-y-3", r),
+		className: H("space-y-3", r),
 		children: [
 			/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2 pb-2 border-b",
@@ -883,18 +886,18 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			d
 		]
 	});
-}, vt = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
-	let { fieldLabel: a } = Ze();
+}, Tt = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
+	let { fieldLabel: a } = rt();
 	if (!e.length || !t) return null;
 	let o = e.filter((e) => {
 		let n = t?.[e.name];
 		return n != null && n !== "";
 	});
 	return o.length === 0 ? null : /* @__PURE__ */ Z("section", {
-		className: L("@container border-b border-border/60 pb-4", n),
+		className: H("@container border-b border-border/60 pb-4", n),
 		"aria-label": "Record highlights",
 		children: /* @__PURE__ */ Z("div", {
-			className: L("flex flex-wrap gap-x-8 gap-y-3"),
+			className: H("flex flex-wrap gap-x-8 gap-y-3"),
 			children: o.map((e) => {
 				let n = t[e.name], o = i?.fields?.[e.name], s = e.type || o?.type, c = {
 					name: e.name,
@@ -904,7 +907,7 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 					...o?.currency && { currency: o.currency },
 					...o?.precision !== void 0 && { precision: o.precision },
 					...o?.format && { format: o.format }
-				}, l = et(tt(c) || s || "text");
+				}, l = ot(ct(c) || s || "text");
 				return /* @__PURE__ */ Q("div", {
 					className: "flex min-w-[8rem] max-w-[16rem] basis-[10rem] flex-col gap-0.5",
 					children: [/* @__PURE__ */ Q("span", {
@@ -927,7 +930,7 @@ var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 };
 //#endregion
 //#region src/RecordComments.tsx
-function yt(e) {
+function Et(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -940,7 +943,7 @@ function yt(e) {
 		return e;
 	}
 }
-var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, className: a }) => {
+var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, className: a }) => {
 	let { t: o } = $(), [s, c] = n.useState(""), [l, u] = n.useState(!1), [d, f] = n.useState(""), p = n.useCallback(async () => {
 		let e = s.trim();
 		if (!(!e || !t)) {
@@ -958,11 +961,11 @@ var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 		return e.text.toLowerCase().includes(t) || e.author.toLowerCase().includes(t);
 	}) : e].sort((e, t) => e.pinned && !t.pinned ? -1 : !e.pinned && t.pinned ? 1 : 0), [e, d]);
 	return /* @__PURE__ */ Q(_, {
-		className: L("", a),
+		className: H("", a),
 		children: [/* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Q(b, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ Z(J, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Z(Ae, { className: "h-4 w-4" }),
 				o("detail.comments"),
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
@@ -981,7 +984,7 @@ var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 					children: /* @__PURE__ */ Q("div", {
 						className: "relative flex-1",
 						children: [
-							/* @__PURE__ */ Z(Ie, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+							/* @__PURE__ */ Z(Ve, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
 							/* @__PURE__ */ Z("input", {
 								className: "w-full rounded-md border border-input bg-background pl-8 pr-8 py-1.5 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
 								placeholder: o("detail.searchComments"),
@@ -994,7 +997,7 @@ var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 								onClick: () => f(""),
 								"aria-label": o("detail.clearSearch"),
 								type: "button",
-								children: /* @__PURE__ */ Z(Ve, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ Z(qe, { className: "h-3.5 w-3.5" })
 							})
 						]
 					})
@@ -1014,7 +1017,7 @@ var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 						onClick: p,
 						disabled: !s.trim() || l,
 						className: "shrink-0 self-end",
-						children: /* @__PURE__ */ Z(X, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ Z(He, { className: "h-4 w-4" })
 					})]
 				}),
 				h.length === 0 ? /* @__PURE__ */ Z("p", {
@@ -1023,7 +1026,7 @@ var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 				}) : /* @__PURE__ */ Z("div", {
 					className: "space-y-3",
 					children: h.map((e) => /* @__PURE__ */ Q("div", {
-						className: L("flex gap-3", e.pinned && "bg-muted/40 rounded-md p-2 -mx-2"),
+						className: H("flex gap-3", e.pinned && "bg-muted/40 rounded-md p-2 -mx-2"),
 						children: [/* @__PURE__ */ Z("div", {
 							className: "shrink-0",
 							children: e.avatarUrl ? /* @__PURE__ */ Z("img", {
@@ -1046,11 +1049,11 @@ var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 										}),
 										/* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground",
-											children: yt(e.createdAt)
+											children: Et(e.createdAt)
 										}),
 										e.pinned && /* @__PURE__ */ Q("span", {
 											className: "text-xs text-amber-600 flex items-center gap-0.5",
-											children: [/* @__PURE__ */ Z(je, { className: "h-3 w-3" }), o("detail.pinned")]
+											children: [/* @__PURE__ */ Z(Ie, { className: "h-3 w-3" }), o("detail.pinned")]
 										})
 									]
 								}),
@@ -1063,7 +1066,7 @@ var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 									className: "mt-1 text-xs text-muted-foreground hover:text-foreground flex items-center gap-1",
 									onClick: () => r(e.id),
 									"aria-label": e.pinned ? o("detail.unpin") : o("detail.pin"),
-									children: [/* @__PURE__ */ Z(je, { className: "h-3 w-3" }), e.pinned ? o("detail.unpin") : o("detail.pin")]
+									children: [/* @__PURE__ */ Z(Ie, { className: "h-3 w-3" }), e.pinned ? o("detail.unpin") : o("detail.pin")]
 								})
 							]
 						})]
@@ -1072,20 +1075,20 @@ var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 			]
 		})]
 	});
-}, xt = {
-	field_change: he,
-	create: Ne,
-	delete: ze,
-	comment: J,
-	status_change: B
-}, St = {
+}, Ot = {
+	field_change: J,
+	create: Re,
+	delete: Ge,
+	comment: Ae,
+	status_change: re
+}, kt = {
 	field_change: "bg-blue-100 text-blue-600",
 	create: "bg-green-100 text-green-600",
 	delete: "bg-red-100 text-red-600",
 	comment: "bg-purple-100 text-purple-600",
 	status_change: "bg-amber-100 text-amber-600"
 };
-function Ct(e) {
+function At(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -1098,24 +1101,24 @@ function Ct(e) {
 		return e;
 	}
 }
-function wt(e) {
+function jt(e) {
 	return e.description ? e.description : e.type === "field_change" && e.field ? `Changed ${e.field.charAt(0).toUpperCase() + e.field.slice(1).replace(/_/g, " ")} from "${e.oldValue == null ? "(empty)" : String(e.oldValue)}" to "${e.newValue == null ? "(empty)" : String(e.newValue)}"` : e.type === "create" ? "Created this record" : e.type === "delete" ? "Deleted this record" : e.type === "status_change" && e.field ? `Changed status to "${e.newValue == null ? "(empty)" : String(e.newValue)}"` : "Updated record";
 }
-var Tt = {
+var Mt = {
 	all: "All",
 	field_change: "Field Changes",
 	create: "Creates",
 	delete: "Deletes",
 	comment: "Comments",
 	status_change: "Status Changes"
-}, Et = ({ activities: e, filterable: t = !1, defaultFilter: r = "all", className: i }) => {
+}, Nt = ({ activities: e, filterable: t = !1, defaultFilter: r = "all", className: i }) => {
 	let [a, o] = n.useState(r), s = n.useMemo(() => a === "all" ? e : e.filter((e) => e.type === a), [e, a]);
 	return /* @__PURE__ */ Q(_, {
-		className: L("", i),
+		className: H("", i),
 		children: [/* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Q(b, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ Z(ne, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Z(U, { className: "h-4 w-4" }),
 				"Activity",
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
@@ -1130,12 +1133,12 @@ var Tt = {
 			className: "flex flex-wrap gap-1.5 mb-4",
 			role: "group",
 			"aria-label": "Activity type filter",
-			children: Object.keys(Tt).map((e) => /* @__PURE__ */ Q("button", {
+			children: Object.keys(Mt).map((e) => /* @__PURE__ */ Q("button", {
 				type: "button",
-				className: L("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors", a === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
+				className: H("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors", a === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
 				onClick: () => o(e),
 				"aria-pressed": a === e,
-				children: [e !== "all" && n.createElement(xt[e] || he, { className: "h-3 w-3" }), Tt[e]]
+				children: [e !== "all" && n.createElement(Ot[e] || J, { className: "h-3 w-3" }), Mt[e]]
 			}, e))
 		}), s.length === 0 ? /* @__PURE__ */ Z("p", {
 			className: "text-sm text-muted-foreground text-center py-4",
@@ -1145,11 +1148,11 @@ var Tt = {
 			children: [/* @__PURE__ */ Z("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Z("div", {
 				className: "space-y-4",
 				children: s.map((e) => {
-					let t = xt[e.type] || he;
+					let t = Ot[e.type] || J;
 					return /* @__PURE__ */ Q("div", {
 						className: "flex gap-3 relative",
 						children: [/* @__PURE__ */ Z("div", {
-							className: L("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", St[e.type] || "bg-gray-100 text-gray-600"),
+							className: H("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", kt[e.type] || "bg-gray-100 text-gray-600"),
 							children: /* @__PURE__ */ Z(t, { className: "h-3.5 w-3.5" })
 						}), /* @__PURE__ */ Q("div", {
 							className: "flex-1 min-w-0 pt-1",
@@ -1163,12 +1166,12 @@ var Tt = {
 									" ",
 									/* @__PURE__ */ Z("span", {
 										className: "text-muted-foreground",
-										children: wt(e)
+										children: jt(e)
 									})
 								]
 							}), /* @__PURE__ */ Z("p", {
 								className: "text-xs text-muted-foreground mt-0.5",
-								children: Ct(e.timestamp)
+								children: At(e.timestamp)
 							})]
 						})]
 					}, e.id);
@@ -1176,7 +1179,7 @@ var Tt = {
 			})]
 		})] })]
 	});
-}, Dt = {
+}, Pt = {
 	create: "default",
 	update: "secondary",
 	delete: "destructive",
@@ -1188,12 +1191,12 @@ var Tt = {
 	export: "outline",
 	import: "outline"
 };
-function Ot(e) {
+function Ft(e) {
 	if (!e) return "";
 	let t = e instanceof Date ? e : new Date(e);
 	return Number.isNaN(t.getTime()) ? String(e) : t.toLocaleString();
 }
-var kt = [
+var It = [
 	[60, "second"],
 	[60, "minute"],
 	[24, "hour"],
@@ -1202,27 +1205,27 @@ var kt = [
 	[12, "month"],
 	[Infinity, "year"]
 ];
-function At(e, t) {
+function Lt(e, t) {
 	if (!e) return "";
 	let n = e instanceof Date ? e : new Date(e);
 	if (Number.isNaN(n.getTime())) return String(e);
 	let r = (n.getTime() - Date.now()) / 1e3;
-	for (let [n, i] of kt) {
+	for (let [n, i] of It) {
 		if (Math.abs(r) < n) try {
 			return new Intl.RelativeTimeFormat(t, { numeric: "auto" }).format(Math.round(r), i);
 		} catch {
-			return Ot(e);
+			return Ft(e);
 		}
 		r /= n;
 	}
-	return Ot(e);
+	return Ft(e);
 }
-function jt(e) {
+function Rt(e) {
 	if (!e) return "?";
 	let t = e.trim().split(/\s+/).filter(Boolean).slice(0, 2);
 	return t.length === 0 ? "?" : t.map((e) => e.charAt(0).toUpperCase()).join("");
 }
-function Mt(e) {
+function zt(e) {
 	if (e == null || e === "") return "—";
 	if (typeof e == "string") return e;
 	if (typeof e == "number" || typeof e == "boolean") return String(e);
@@ -1232,25 +1235,25 @@ function Mt(e) {
 		return String(e);
 	}
 }
-function Nt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
+function Bt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 	return t ? /* @__PURE__ */ Z("div", {
-		className: L("space-y-3", r),
+		className: H("space-y-3", r),
 		children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ Q("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ Z(k, { className: "h-8 w-8 rounded-full" }), /* @__PURE__ */ Q("div", {
+			children: [/* @__PURE__ */ Z(P, { className: "h-8 w-8 rounded-full" }), /* @__PURE__ */ Q("div", {
 				className: "flex-1 space-y-2",
-				children: [/* @__PURE__ */ Z(k, { className: "h-4 w-1/3" }), /* @__PURE__ */ Z(k, { className: "h-3 w-1/2" })]
+				children: [/* @__PURE__ */ Z(P, { className: "h-4 w-1/3" }), /* @__PURE__ */ Z(P, { className: "h-3 w-1/2" })]
 			})]
 		}, t))
 	}) : !e || e.length === 0 ? /* @__PURE__ */ Z("div", {
-		className: L("flex items-center justify-center rounded-md border border-dashed py-10 text-sm text-muted-foreground", r),
+		className: H("flex items-center justify-center rounded-md border border-dashed py-10 text-sm text-muted-foreground", r),
 		children: n ?? "No history yet"
-	}) : /* @__PURE__ */ Z(F, {
+	}) : /* @__PURE__ */ Z(B, {
 		delayDuration: 150,
 		children: /* @__PURE__ */ Z("ol", {
-			className: L("space-y-4", r),
+			className: H("space-y-4", r),
 			children: e.map((e, t) => {
-				let n = (e.action ?? "").toLowerCase(), r = Dt[n] ?? "outline", a = typeof e.user_name == "string" && e.user_name.trim() || "Unknown user", o = Ot(e.created_at), s = At(e.created_at, i), c = typeof e.user_avatar == "string" ? e.user_avatar : void 0;
+				let n = (e.action ?? "").toLowerCase(), r = Pt[n] ?? "outline", a = typeof e.user_name == "string" && e.user_name.trim() || "Unknown user", o = Ft(e.created_at), s = Lt(e.created_at, i), c = typeof e.user_avatar == "string" ? e.user_avatar : void 0;
 				return /* @__PURE__ */ Q("li", {
 					className: "flex items-start gap-3",
 					children: [/* @__PURE__ */ Q(f, {
@@ -1260,7 +1263,7 @@ function Nt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 							alt: a
 						}) : null, /* @__PURE__ */ Z(p, {
 							className: "text-[10px] font-medium",
-							children: jt(e.user_name)
+							children: Rt(e.user_name)
 						})]
 					}), /* @__PURE__ */ Q("div", {
 						className: "min-w-0 flex-1",
@@ -1277,14 +1280,14 @@ function Nt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 										className: "text-[10px] uppercase tracking-wide",
 										children: e.action
 									}),
-									o && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+									o && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 										asChild: !0,
 										children: /* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground cursor-help",
 											"aria-label": o,
 											children: s || o
 										})
-									}), /* @__PURE__ */ Z(P, { children: o })] })
+									}), /* @__PURE__ */ Z(z, { children: o })] })
 								]
 							}),
 							e.summary && /* @__PURE__ */ Z("p", {
@@ -1311,7 +1314,7 @@ function Nt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 											": ",
 											/* @__PURE__ */ Z("span", {
 												className: "text-foreground",
-												children: Mt(e.to)
+												children: zt(e.to)
 											})
 										]
 									}, e.field))
@@ -1328,12 +1331,12 @@ function Nt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 										": ",
 										/* @__PURE__ */ Z("span", {
 											className: "line-through opacity-70",
-											children: Mt(e.from)
+											children: zt(e.from)
 										}),
 										" → ",
 										/* @__PURE__ */ Z("span", {
 											className: "text-foreground",
-											children: Mt(e.to)
+											children: zt(e.to)
 										})
 									]
 								}, e.field))
@@ -1347,13 +1350,13 @@ function Nt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 }
 //#endregion
 //#region src/RecordMetaFooter.tsx
-var Pt = {
+var Vt = {
 	createdAt: "created_at",
 	createdBy: "created_by",
 	updatedAt: "updated_at",
 	updatedBy: "updated_by"
 };
-function Ft(e) {
+function Ht(e) {
 	if (!e) return null;
 	if (e instanceof Date) return isNaN(e.getTime()) ? null : e;
 	if (typeof e == "string" || typeof e == "number") {
@@ -1362,7 +1365,7 @@ function Ft(e) {
 	}
 	return null;
 }
-function It(e, t) {
+function Ut(e, t) {
 	let n = Date.now() - e.getTime(), r = Math.max(0, Math.floor(n / 1e3));
 	if (r < 60) return t("detail.justNow");
 	let i = Math.floor(r / 60);
@@ -1370,7 +1373,7 @@ function It(e, t) {
 	let a = Math.floor(i / 60);
 	return a < 24 ? t("detail.hoursAgo", { count: a }) : t("detail.daysAgo", { count: Math.floor(a / 24) });
 }
-function Lt(e) {
+function Wt(e) {
 	try {
 		return new Intl.DateTimeFormat(void 0, {
 			dateStyle: "medium",
@@ -1380,16 +1383,16 @@ function Lt(e) {
 		return e.toISOString();
 	}
 }
-var Rt = ({ value: e, objectSchema: t, fieldName: n }) => {
+var Gt = ({ value: e, objectSchema: t, fieldName: n }) => {
 	if (e == null || e === "") return null;
 	let r = t?.fields?.[n], i = r?.reference_to || r?.reference, a = {
 		name: n,
 		type: r?.type || (i ? "lookup" : "text"),
 		...i && { reference_to: i },
 		...r?.reference_field && { reference_field: r.reference_field }
-	}, o = tt(a) || a.type;
+	}, o = ct(a) || a.type;
 	if (o) {
-		let t = et(o);
+		let t = ot(o);
 		if (t) return /* @__PURE__ */ Z("span", {
 			className: "inline-flex items-center [&_a]:text-inherit [&_a]:hover:underline",
 			children: /* @__PURE__ */ Z(t, {
@@ -1399,20 +1402,20 @@ var Rt = ({ value: e, objectSchema: t, fieldName: n }) => {
 		});
 	}
 	return /* @__PURE__ */ Z("span", { children: String(e) });
-}, zt = ({ label: e, user: t, date: n, objectSchema: r, userField: i, t: a }) => {
+}, Kt = ({ label: e, user: t, date: n, objectSchema: r, userField: i, t: a }) => {
 	if (!t && !n) return null;
-	let o = n ? /* @__PURE__ */ Z(F, {
+	let o = n ? /* @__PURE__ */ Z(B, {
 		delayDuration: 200,
-		children: /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+		children: /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 			asChild: !0,
 			children: /* @__PURE__ */ Z("time", {
 				dateTime: n.toISOString(),
 				className: "cursor-default underline decoration-dotted decoration-muted-foreground/40 underline-offset-2",
-				children: It(n, a)
+				children: Ut(n, a)
 			})
-		}), /* @__PURE__ */ Z(P, {
+		}), /* @__PURE__ */ Z(z, {
 			side: "top",
-			children: Lt(n)
+			children: Wt(n)
 		})] })
 	}) : null;
 	return /* @__PURE__ */ Q("span", {
@@ -1422,7 +1425,7 @@ var Rt = ({ value: e, objectSchema: t, fieldName: n }) => {
 				className: "text-muted-foreground/70",
 				children: e
 			}),
-			t ? /* @__PURE__ */ Z(Rt, {
+			t ? /* @__PURE__ */ Z(Gt, {
 				value: t,
 				objectSchema: r,
 				fieldName: i
@@ -1434,31 +1437,31 @@ var Rt = ({ value: e, objectSchema: t, fieldName: n }) => {
 			o
 		]
 	});
-}, Bt = ({ data: e, objectSchema: t, objectName: n, className: r }) => {
+}, qt = ({ data: e, objectSchema: t, objectName: n, className: r }) => {
 	let { t: i } = $();
 	if (!e) return null;
-	let a = Ft(e[Pt.createdAt]), o = Ft(e[Pt.updatedAt]), s = e[Pt.createdBy], c = e[Pt.updatedBy], l = !!(a || s), u = a && o && Math.abs(o.getTime() - a.getTime()) < 2e3, d = !!(o || c) && !(u && (s != null && c != null && String(s) === String(c) || !c));
+	let a = Ht(e[Vt.createdAt]), o = Ht(e[Vt.updatedAt]), s = e[Vt.createdBy], c = e[Vt.updatedBy], l = !!(a || s), u = a && o && Math.abs(o.getTime() - a.getTime()) < 2e3, d = !!(o || c) && !(u && (s != null && c != null && String(s) === String(c) || !c));
 	return !l && !d ? null : /* @__PURE__ */ Q("div", {
-		className: L("mt-6 pt-3 border-t border-border/40", "flex flex-wrap items-center gap-x-4 gap-y-1", "text-xs text-muted-foreground", r),
+		className: H("mt-6 pt-3 border-t border-border/40", "flex flex-wrap items-center gap-x-4 gap-y-1", "text-xs text-muted-foreground", r),
 		"data-testid": "record-meta-footer",
-		children: [l && /* @__PURE__ */ Z(zt, {
+		children: [l && /* @__PURE__ */ Z(Kt, {
 			label: i("detail.createdBy"),
 			user: s,
 			date: a,
 			objectSchema: t,
-			userField: Pt.createdBy,
+			userField: Vt.createdBy,
 			t: i
-		}), d && /* @__PURE__ */ Z(zt, {
+		}), d && /* @__PURE__ */ Z(Kt, {
 			label: i("detail.updatedBy"),
 			user: c,
 			date: o,
 			objectSchema: t,
-			userField: Pt.updatedBy,
+			userField: Vt.updatedBy,
 			t: i
 		})]
 	});
-}, Vt = 5;
-function Ht(e, t, n, r) {
+}, Jt = 5;
+function Yt(e, t, n, r) {
 	if (e && typeof e == "object") {
 		if (t.primaryField) {
 			let n = e[t.primaryField];
@@ -1505,10 +1508,10 @@ function Ht(e, t, n, r) {
 	}
 	return r;
 }
-var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBack: s, inlineEdit: c = !1, onFieldSave: l, discussionSlot: u, rightRail: d, objectLabel: f, onDataLoaded: p }) => {
-	let [m, _] = n.useState(e.data), [v, y] = n.useState(!e.data && !!(e.api && e.resourceId || r && e.objectName && e.resourceId)), [b, x] = n.useState(!1), [S, C] = n.useState(!1), [w, T] = n.useState({}), [E, D] = n.useState(null), [O, ne] = n.useState(!1), { t: z } = $(), { fieldOptionLabel: B } = Ze(), re = te(), V = it(), H = n.useMemo(() => {
-		if (!V?.isLoaded || !e.objectName) return e;
-		let t = (t) => V.checkField(e.objectName, t, "read"), n = (e) => e && e.filter((e) => {
+var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBack: s, inlineEdit: c = !1, onFieldSave: l, discussionSlot: u, rightRail: d, objectLabel: f, onDataLoaded: p, isFavorite: m, onToggleFavorite: _ }) => {
+	let [v, y] = n.useState(e.data), [b, x] = n.useState(!e.data && !!(e.api && e.resourceId || r && e.objectName && e.resourceId)), [S, C] = n.useState(!1), w = m ?? S, [T, E] = n.useState(!1), [D, O] = n.useState({}), [k, A] = n.useState(!1), [j, M] = n.useState(null), [N, U] = n.useState(null), [W, re] = n.useState(!1), [ie, G] = n.useState(0), [ae, oe] = n.useState(!1), { t: K } = $(), { fieldOptionLabel: se } = rt(), le = te(), ue = dt(), q = n.useMemo(() => {
+		if (!ue?.isLoaded || !e.objectName) return e;
+		let t = (t) => ue.checkField(e.objectName, t, "read"), n = (e) => e && e.filter((e) => {
 			let n = typeof e == "string" ? e : e?.name;
 			return !n || t(n);
 		});
@@ -1521,20 +1524,20 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			})),
 			summaryFields: n(e.summaryFields)
 		};
-	}, [e, V]);
+	}, [e, ue]);
 	n.useEffect(() => {
-		m && p && p(m);
-	}, [m, p]);
-	let ie = n.useMemo(() => {
-		if (H.summaryFields && H.summaryFields.length > 0) return [];
-		let e = [...H.sections?.flatMap((e) => e.fields) || [], ...H.fields || []], t = {};
+		v && p && p(v);
+	}, [v, p]);
+	let pe = n.useMemo(() => {
+		if (q.summaryFields && q.summaryFields.length > 0) return [];
+		let e = [...q.sections?.flatMap((e) => e.fields) || [], ...q.fields || []], t = {};
 		for (let n of e) t[n.name] || (t[n.name] = n);
-		if (E?.fields) for (let [e, n] of Object.entries(E.fields)) t[e] = {
+		if (N?.fields) for (let [e, n] of Object.entries(N.fields)) t[e] = {
 			...t[e] || {},
 			...n,
 			name: e
 		};
-		let n = (e) => m?.[e] !== void 0 && m?.[e] !== null && m?.[e] !== "", r = [], i = [
+		let n = (e) => v?.[e] !== void 0 && v?.[e] !== null && v?.[e] !== "", r = [], i = [
 			"status",
 			"stage",
 			"state",
@@ -1546,167 +1549,211 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		let o = Object.keys(t).find((e) => (t[e]?.type === "date" || t[e]?.type === "datetime") && /close|due|start|end|expected/i.test(e) && n(e));
 		return o && !r.includes(o) && r.push(o), r;
 	}, [
-		H.summaryFields,
-		H.sections,
-		H.fields,
-		E,
-		m
-	]), U = H.summaryFields && H.summaryFields.length > 0 ? H.summaryFields : ie, ae = n.useCallback(() => {
-		H.resourceId && navigator.clipboard.writeText(String(H.resourceId)).then(() => {
-			ne(!0), setTimeout(() => ne(!1), 1500);
+		q.summaryFields,
+		q.sections,
+		q.fields,
+		N,
+		v
+	]), me = q.summaryFields && q.summaryFields.length > 0 ? q.summaryFields : pe, he = n.useCallback(() => {
+		q.resourceId && navigator.clipboard.writeText(String(q.resourceId)).then(() => {
+			re(!0), setTimeout(() => re(!1), 1500);
 		});
-	}, [H.resourceId]);
+	}, [q.resourceId]);
 	n.useEffect(() => {
 		let e = !0;
-		if (H.data) {
-			_(H.data), y(!1);
-			return;
-		}
-		if (r && H.objectName && H.resourceId) {
-			y(!0), D(null), _(null);
-			let n = H.objectName, i = H.resourceId, a = `${n}-`, o = [...H.sections?.flatMap((e) => e.fields) || [], ...H.fields || []];
+		if (q.data) return y(q.data), x(!1), r?.getObjectSchema && q.objectName && r.getObjectSchema(q.objectName).then((t) => {
+			e && U(t);
+		}).catch(() => {}), () => {
+			e = !1;
+		};
+		if (r && q.objectName && q.resourceId) {
+			x(!0), U(null), y(null);
+			let n = q.objectName, i = q.resourceId, a = `${n}-`, o = [...q.sections?.flatMap((e) => e.fields) || [], ...q.fields || []];
 			(r.getObjectSchema ? r.getObjectSchema(n).catch(() => null) : Promise.resolve(null)).then((s) => {
 				if (!e) return;
-				D(s);
+				U(s);
 				let c = t(s?.fields, o), l = c.length > 0 ? { $expand: c } : void 0, u = l ? r.findOne(n, i, l) : r.findOne(n, i), d = () => {
 					let t = String(i), o = t.startsWith(a) ? t.slice(a.length) : `${a}${t}`;
 					return (l ? r.findOne(n, o, l) : r.findOne(n, o)).then((t) => {
-						e && (_(t), y(!1));
+						e && (y(t), x(!1));
 					}).catch(() => {
-						e && (_(null), y(!1));
+						e && (y(null), x(!1));
 					});
 				};
 				return u.catch(() => null).then((t) => {
 					if (e) {
 						if (t) {
-							_(t), y(!1);
+							y(t), x(!1);
 							return;
 						}
 						return d();
 					}
 				});
 			}).catch((t) => {
-				e && (console.error("Failed to fetch detail data:", t), y(!1));
+				e && (console.error("Failed to fetch detail data:", t), x(!1));
 			});
-		} else H.api && H.resourceId && (y(!0), fetch(`${H.api}/${H.resourceId}`).then((e) => e.json()).then((t) => {
-			e && _(t?.data || t);
+		} else q.api && q.resourceId && (x(!0), fetch(`${q.api}/${q.resourceId}`).then((e) => e.json()).then((t) => {
+			e && y(t?.data || t);
 		}).catch((e) => {
 			console.error("Failed to fetch detail data:", e);
 		}).finally(() => {
-			e && y(!1);
+			e && x(!1);
 		}));
 		return () => {
 			e = !1;
 		};
 	}, [
-		H.api,
-		H.resourceId,
-		H.objectName,
+		q.api,
+		q.resourceId,
+		q.objectName,
 		r,
-		H.sections,
-		H.fields
+		q.sections,
+		q.fields,
+		ie
 	]);
-	let oe = n.useCallback(() => {
+	let _e = n.useCallback(() => {
 		if (s) s();
-		else if (H.onNavigate) {
-			let e = H.backUrl || (H.objectName ? `/${H.objectName}` : "/");
-			H.onNavigate(e, { replace: !0 });
-		} else H.backUrl ? window.location.href = H.backUrl : window.history.back();
-	}, [s, H]), se = n.useCallback(() => {
-		a ? a() : H.onNavigate && H.editUrl ? H.onNavigate(H.editUrl) : H.onNavigate && H.objectName && H.resourceId ? H.onNavigate(`/${H.objectName}/${H.resourceId}/edit`) : H.editUrl && (window.location.href = H.editUrl);
-	}, [a, H]), ue = n.useCallback(() => {
-		let e = H.deleteConfirmation || z("detail.deleteConfirmation");
-		window.confirm(e) && (o?.(), H.onNavigate && H.objectName && H.onNavigate(`/${H.objectName}`, { replace: !0 }));
-	}, [o, H]), de = n.useCallback(() => {
-		navigator.share && H.objectName && H.resourceId ? navigator.share({
-			title: H.title || z("detail.details"),
-			text: `${H.objectName} #${H.resourceId}`,
+		else if (q.onNavigate) {
+			let e = q.backUrl || (q.objectName ? `/${q.objectName}` : "/");
+			q.onNavigate(e, { replace: !0 });
+		} else q.backUrl ? window.location.href = q.backUrl : window.history.back();
+	}, [s, q]), ve = n.useCallback(() => {
+		a ? a() : q.onNavigate && q.editUrl ? q.onNavigate(q.editUrl) : q.onNavigate && q.objectName && q.resourceId ? q.onNavigate(`/${q.objectName}/${q.resourceId}/edit`) : q.editUrl && (window.location.href = q.editUrl);
+	}, [a, q]), ye = n.useCallback(async () => {
+		if (!r?.cancelPendingApproval || !q.objectName || !q.resourceId) {
+			M(K("detail.cancelApprovalUnavailable"));
+			return;
+		}
+		oe(!0), M(null);
+		try {
+			if (await r.cancelPendingApproval(String(q.objectName), String(q.resourceId)), r.findOne) try {
+				let e = await r.findOne(String(q.objectName), String(q.resourceId));
+				e && y(e);
+			} catch {}
+			G((e) => e + 1);
+			try {
+				window.dispatchEvent(new CustomEvent("objectui:record-changed", { detail: {
+					objectName: String(q.objectName),
+					recordId: String(q.resourceId),
+					reason: "approval-recalled"
+				} }));
+			} catch {}
+		} catch (e) {
+			let t = (e?.message || e?.error || String(e ?? "Cancel failed")).replace(/^\[[^\]]+\]\s*/, "").replace(/^[A-Z][A-Z0-9_]+:\s*/, "");
+			M(`${K("detail.cancelApprovalFailed")}: ${t}`);
+		} finally {
+			oe(!1);
+		}
+	}, [
+		r,
+		q.objectName,
+		q.resourceId,
+		K
+	]), be = n.useCallback(() => {
+		let e = q.deleteConfirmation || K("detail.deleteConfirmation");
+		window.confirm(e) && (o?.(), q.onNavigate && q.objectName && q.onNavigate(`/${q.objectName}`, { replace: !0 }));
+	}, [o, q]), Y = n.useCallback(() => {
+		navigator.share && q.objectName && q.resourceId ? navigator.share({
+			title: q.title || K("detail.details"),
+			text: `${q.objectName} #${q.resourceId}`,
 			url: window.location.href
 		}).catch((e) => console.log("Share failed:", e)) : navigator.clipboard.writeText(window.location.href).then(() => {
 			console.log("Link copied to clipboard");
 		});
-	}, [H]), fe = n.useCallback(() => {
-		x(!b);
-	}, [b]), pe = n.useCallback(() => {
-		if (S) {
-			let e = Object.entries(w);
+	}, [q]), xe = n.useCallback(() => {
+		let e = !w;
+		_ && _(e), m === void 0 && C(e);
+	}, [
+		w,
+		m,
+		_
+	]), Se = n.useCallback(async () => {
+		if (T) {
+			let e = Object.entries(D);
 			if (e.length > 0) {
-				let t = {
-					...m,
-					...w
+				let t = v, n = {
+					...v,
+					...D
 				};
-				_(t), e.forEach(([e, n]) => {
-					l?.(e, n, t);
-				});
+				y(n), M(null), A(!0);
+				try {
+					if (l) for (let [t, r] of e) await l(t, r, n);
+					O({}), E(!1);
+				} catch (e) {
+					y(t), M((e?.message || e?.error || String(e ?? "Save failed")).replace(/^\[[^\]]+\]\s*/, "").replace(/^[A-Z][A-Z0-9_]+:\s*/, ""));
+				} finally {
+					A(!1);
+				}
+				return;
 			}
-			T({});
+			O({});
 		}
-		C(!S);
+		E(!T), M(null);
 	}, [
-		S,
-		w,
-		m,
+		T,
+		D,
+		v,
 		l
-	]), ge = n.useCallback(() => {
-		T({}), C(!1);
-	}, []), G = n.useCallback((e, t) => {
-		T((n) => ({
+	]), Ce = n.useCallback(() => {
+		O({}), E(!1), M(null);
+	}, []), X = n.useCallback((e, t) => {
+		O((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
 	n.useEffect(() => {
-		if (!H.recordNavigation) return;
-		let e = H.recordNavigation, t = (t) => {
+		if (!q.recordNavigation) return;
+		let e = q.recordNavigation, t = (t) => {
 			let n = t.target?.tagName;
 			n === "INPUT" || n === "TEXTAREA" || t.target?.isContentEditable || (t.key === "ArrowLeft" && e.currentIndex > 0 ? (t.preventDefault(), e.onNavigate(e.recordIds[e.currentIndex - 1])) : t.key === "ArrowRight" && e.currentIndex < e.recordIds.length - 1 && (t.preventDefault(), e.onNavigate(e.recordIds[e.currentIndex + 1])));
 		};
 		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-	}, [H.recordNavigation]);
-	let _e = n.useMemo(() => H.related ?? [], [H.related]), ve = n.useMemo(() => {
+	}, [q.recordNavigation]);
+	let we = n.useMemo(() => q.related ?? [], [q.related]), Te = n.useMemo(() => {
 		let e = [];
 		return e.push({
 			name: "sys_share",
-			label: z("detail.share"),
+			label: K("detail.share"),
 			icon: "share-2",
 			type: "script",
-			onClick: de
-		}), H.showEdit && e.push({
+			onClick: Y
+		}), q.showEdit && e.push({
 			name: "sys_edit_mobile",
-			label: z("detail.edit"),
+			label: K("detail.edit"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
-			onClick: se
+			onClick: ve
 		}), c && e.push({
 			name: "sys_toggle_inline_edit_mobile",
-			label: z(S ? "detail.save" : "detail.editInline"),
+			label: K(T ? "detail.save" : "detail.editInline"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
-			onClick: pe
-		}), H.showDelete && e.push({
+			onClick: Se
+		}), q.showDelete && e.push({
 			name: "sys_delete",
-			label: z("detail.delete"),
+			label: K("detail.delete"),
 			icon: "trash-2",
 			type: "script",
 			variant: "destructive",
 			tags: ["separator-before"],
-			onClick: ue
+			onClick: be
 		}), e;
 	}, [
-		z,
-		H.showEdit,
-		H.showDelete,
+		K,
+		q.showEdit,
+		q.showDelete,
 		c,
-		S,
-		de,
-		se,
-		pe,
-		ue
-	]), ye = n.useMemo(() => {
-		let e = H.actions ?? [];
-		if (ve.length === 0) return e;
+		T,
+		Y,
+		ve,
+		Se,
+		be
+	]), Ee = n.useMemo(() => {
+		let e = q.actions ?? [];
+		if (Te.length === 0) return e;
 		let t = !1, n = e.map((e) => {
 			let n = e;
 			if (n && typeof n == "object" && n.type === "action:bar" && (!n.location || n.location === "record_header")) {
@@ -1714,7 +1761,7 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				let e = Array.isArray(n.systemActions) ? n.systemActions : [];
 				return {
 					...n,
-					systemActions: [...e, ...ve]
+					systemActions: [...e, ...Te]
 				};
 			}
 			return e;
@@ -1722,64 +1769,64 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		return t || n.push({
 			type: "action:bar",
 			location: "record_header",
-			systemActions: ve
+			systemActions: Te
 		}), n;
-	}, [H.actions, ve]);
-	return v || H.loading ? /* @__PURE__ */ Q("div", {
-		className: L("space-y-4", i),
+	}, [q.actions, Te]);
+	return b || q.loading ? /* @__PURE__ */ Q("div", {
+		className: H("space-y-4", i),
 		children: [
-			/* @__PURE__ */ Z(k, { className: "h-10 w-full" }),
-			/* @__PURE__ */ Z(k, { className: "h-64 w-full" }),
-			/* @__PURE__ */ Z(k, { className: "h-48 w-full" })
+			/* @__PURE__ */ Z(P, { className: "h-10 w-full" }),
+			/* @__PURE__ */ Z(P, { className: "h-64 w-full" }),
+			/* @__PURE__ */ Z(P, { className: "h-48 w-full" })
 		]
-	}) : !m && !H.data ? /* @__PURE__ */ Q("div", {
-		className: L("flex flex-col items-center justify-center py-16 text-center", i),
+	}) : !v && !q.data ? /* @__PURE__ */ Q("div", {
+		className: H("flex flex-col items-center justify-center py-16 text-center", i),
 		children: [
 			/* @__PURE__ */ Z("p", {
 				className: "text-lg font-semibold",
-				children: z("detail.recordNotFound")
+				children: K("detail.recordNotFound")
 			}),
 			/* @__PURE__ */ Z("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: z("detail.recordNotFoundDescription")
+				children: K("detail.recordNotFoundDescription")
 			}),
-			(H.showBack ?? !0) && /* @__PURE__ */ Q(g, {
+			(q.showBack ?? !0) && /* @__PURE__ */ Q(g, {
 				variant: "outline",
 				size: "sm",
-				onClick: oe,
+				onClick: _e,
 				className: "mt-4 gap-2",
-				children: [/* @__PURE__ */ Z(R, { className: "h-4 w-4" }), z("detail.goBack")]
+				children: [/* @__PURE__ */ Z(ne, { className: "h-4 w-4" }), K("detail.goBack")]
 			})
 		]
-	}) : /* @__PURE__ */ Z(F, { children: /* @__PURE__ */ Q("div", {
-		className: L("space-y-6", i),
+	}) : /* @__PURE__ */ Z(B, { children: /* @__PURE__ */ Q("div", {
+		className: H("space-y-6", i),
 		children: [
-			H.showHeader !== !1 && /* @__PURE__ */ Q("div", {
+			q.showHeader !== !1 && /* @__PURE__ */ Q("div", {
 				className: "flex flex-col sm:flex-row items-start justify-between gap-3 sm:gap-4 pb-4 border-b",
 				children: [/* @__PURE__ */ Q("div", {
 					className: "flex items-start gap-2 sm:gap-3 flex-1 min-w-0",
-					children: [(H.showBack ?? !0) && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+					children: [(q.showBack ?? !0) && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 						asChild: !0,
 						children: /* @__PURE__ */ Z(g, {
 							variant: "ghost",
 							size: "icon",
-							onClick: oe,
+							onClick: _e,
 							className: "shrink-0 mt-1",
-							children: /* @__PURE__ */ Z(R, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ Z(ne, { className: "h-4 w-4" })
 						})
-					}), /* @__PURE__ */ Z(P, { children: z("detail.back") })] }), /* @__PURE__ */ Q("div", {
+					}), /* @__PURE__ */ Z(z, { children: K("detail.back") })] }), /* @__PURE__ */ Q("div", {
 						className: "flex-1 min-w-0",
 						children: [/* @__PURE__ */ Q("div", {
 							className: "flex items-center gap-2 flex-wrap",
 							children: [
 								/* @__PURE__ */ Z("h1", {
 									className: "text-xl sm:text-2xl font-bold truncate",
-									children: Ht(m, H, E, z("detail.details"))
+									children: Yt(v, q, N, K("detail.details"))
 								}),
-								U.map((e) => {
-									let t = m?.[e];
+								me.map((e) => {
+									let t = v?.[e];
 									if (t == null || t === "") return null;
-									let n = (H.sections || []).flatMap((e) => e.fields).concat(H.fields || []).find((t) => t.name === e), r = E?.fields?.[e], i = n?.type || r?.type, a = String(t), o = null;
+									let n = (q.sections || []).flatMap((e) => e.fields).concat(q.fields || []).find((t) => t.name === e), r = N?.fields?.[e], i = n?.type || r?.type, a = String(t), o = null;
 									try {
 										if (i === "currency") {
 											let e = Number(t);
@@ -1810,7 +1857,7 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 												let e = i[String(t)];
 												e?.label && (o = e.label);
 											}
-											a = H.objectName ? B(H.objectName, e, String(t), o) : o;
+											a = q.objectName ? se(q.objectName, e, String(t), o) : o;
 										}
 									} catch {}
 									return o === null ? /* @__PURE__ */ Z(h, {
@@ -1832,251 +1879,297 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 										}), a]
 									}, e);
 								}),
-								/* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+								/* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 									asChild: !0,
 									children: /* @__PURE__ */ Z(g, {
 										variant: "ghost",
 										size: "icon",
 										className: "h-6 w-6 shrink-0",
-										onClick: fe,
-										"aria-label": z(b ? "detail.removeFromFavorites" : "detail.addToFavorites"),
-										children: b ? /* @__PURE__ */ Z(Re, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Z(Re, { className: "h-4 w-4 text-muted-foreground" })
+										onClick: xe,
+										"aria-label": K(w ? "detail.removeFromFavorites" : "detail.addToFavorites"),
+										children: w ? /* @__PURE__ */ Z(We, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Z(We, { className: "h-4 w-4 text-muted-foreground" })
 									})
-								}), /* @__PURE__ */ Z(P, { children: z(b ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
+								}), /* @__PURE__ */ Z(z, { children: K(w ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
 							]
-						}), H.objectName && /* @__PURE__ */ Q("p", {
+						}), q.objectName && /* @__PURE__ */ Q("p", {
 							className: "text-sm text-muted-foreground mt-1 flex items-center gap-1",
 							children: [/* @__PURE__ */ Z("span", {
 								className: "font-medium",
-								children: f || H.objectName
-							}), H.resourceId && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+								children: f || q.objectName
+							}), q.resourceId && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 								asChild: !0,
 								children: /* @__PURE__ */ Z(g, {
 									variant: "ghost",
 									size: "icon",
 									className: "h-5 w-5 shrink-0 text-muted-foreground/60 hover:text-foreground",
-									onClick: ae,
-									"aria-label": z("detail.copyRecordId", { defaultValue: "Copy record ID" }),
-									children: O ? /* @__PURE__ */ Z(W, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(me, { className: "h-3 w-3" })
+									onClick: he,
+									"aria-label": K("detail.copyRecordId", { defaultValue: "Copy record ID" }),
+									children: W ? /* @__PURE__ */ Z(ce, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(ge, { className: "h-3 w-3" })
 								})
-							}), /* @__PURE__ */ Z(P, { children: O ? z("detail.copied", { defaultValue: "Copied" }) : z("detail.copyRecordId", { defaultValue: "Copy record ID" }) })] })]
+							}), /* @__PURE__ */ Z(z, { children: W ? K("detail.copied", { defaultValue: "Copied" }) : K("detail.copyRecordId", { defaultValue: "Copy record ID" }) })] })]
 						})]
 					})]
 				}), /* @__PURE__ */ Q("div", {
 					className: "flex flex-wrap items-center gap-1.5 shrink-0 w-full sm:w-auto",
 					children: [
-						H.recordNavigation && /* @__PURE__ */ Q("div", {
+						q.recordNavigation && /* @__PURE__ */ Q("div", {
 							className: "flex items-center gap-1 mr-2",
 							children: [
-								/* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+								/* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 									asChild: !0,
 									children: /* @__PURE__ */ Z(g, {
 										variant: "outline",
 										size: "icon",
 										className: "h-8 w-8",
-										disabled: H.recordNavigation.currentIndex <= 0,
+										disabled: q.recordNavigation.currentIndex <= 0,
 										onClick: () => {
-											let e = H.recordNavigation;
+											let e = q.recordNavigation;
 											e.currentIndex > 0 && e.onNavigate(e.recordIds[e.currentIndex - 1]);
 										},
-										children: /* @__PURE__ */ Z(ce, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Z(de, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ Z(P, { children: z("detail.previousRecord") })] }),
+								}), /* @__PURE__ */ Z(z, { children: K("detail.previousRecord") })] }),
 								/* @__PURE__ */ Z("span", {
 									className: "text-xs text-muted-foreground whitespace-nowrap px-1",
-									children: z("detail.recordOf", {
-										current: H.recordNavigation.currentIndex + 1,
-										total: H.recordNavigation.recordIds.length
+									children: K("detail.recordOf", {
+										current: q.recordNavigation.currentIndex + 1,
+										total: q.recordNavigation.recordIds.length
 									})
 								}),
-								/* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+								/* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 									asChild: !0,
 									children: /* @__PURE__ */ Z(g, {
 										variant: "outline",
 										size: "icon",
 										className: "h-8 w-8",
-										disabled: H.recordNavigation.currentIndex >= H.recordNavigation.recordIds.length - 1,
+										disabled: q.recordNavigation.currentIndex >= q.recordNavigation.recordIds.length - 1,
 										onClick: () => {
-											let e = H.recordNavigation;
+											let e = q.recordNavigation;
 											e.currentIndex < e.recordIds.length - 1 && e.onNavigate(e.recordIds[e.currentIndex + 1]);
 										},
-										children: /* @__PURE__ */ Z(le, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Z(fe, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ Z(P, { children: z("detail.nextRecord") })] })
+								}), /* @__PURE__ */ Z(z, { children: K("detail.nextRecord") })] })
 							]
 						}),
-						c && /* @__PURE__ */ Q(nt, { children: [S && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+						c && /* @__PURE__ */ Q(lt, { children: [T && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 							asChild: !0,
 							children: /* @__PURE__ */ Q(g, {
 								variant: "ghost",
 								size: "sm",
-								onClick: ge,
+								onClick: Ce,
 								className: "gap-2 hidden sm:inline-flex",
-								children: [/* @__PURE__ */ Z(Ve, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: [/* @__PURE__ */ Z(qe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: z("detail.cancel")
+									children: K("detail.cancel")
 								})]
 							})
-						}), /* @__PURE__ */ Z(P, { children: z("detail.cancelEdit") })] }), /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+						}), /* @__PURE__ */ Z(z, { children: K("detail.cancelEdit") })] }), /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 							asChild: !0,
 							children: /* @__PURE__ */ Z(g, {
-								variant: S ? "default" : "outline",
+								variant: T ? "default" : "outline",
 								size: "sm",
-								onClick: pe,
+								onClick: Se,
 								className: "gap-2 hidden sm:inline-flex",
-								children: S ? /* @__PURE__ */ Q(nt, { children: [/* @__PURE__ */ Z(W, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: T ? /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z(ce, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: z("detail.save")
-								})] }) : /* @__PURE__ */ Q(nt, { children: [/* @__PURE__ */ Z(he, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+									children: K("detail.save")
+								})] }) : /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: z("detail.editInline")
+									children: K("detail.editInline")
 								})] })
 							})
-						}), /* @__PURE__ */ Z(P, { children: z(S ? "detail.saveChanges" : "detail.editFieldsInline") })] })] }),
-						H.showEdit && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+						}), /* @__PURE__ */ Z(z, { children: K(T ? "detail.saveChanges" : "detail.editFieldsInline") })] })] }),
+						q.showEdit && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
 							asChild: !0,
 							children: /* @__PURE__ */ Q(g, {
 								variant: "default",
-								onClick: se,
+								onClick: ve,
 								className: "gap-2 hidden sm:inline-flex",
-								children: [/* @__PURE__ */ Z(he, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: z("detail.edit")
+									children: K("detail.edit")
 								})]
 							})
-						}), /* @__PURE__ */ Z(P, { children: z("detail.editRecord") })] }),
-						ye.map((e, t) => /* @__PURE__ */ Z(We, {
+						}), /* @__PURE__ */ Z(z, { children: K("detail.editRecord") })] }),
+						Ee.map((e, t) => /* @__PURE__ */ Z(Xe, {
 							schema: e,
-							data: m
+							data: v
 						}, `header-action-${t}`))
 					]
 				})]
 			}),
-			H.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(We, {
-				schema: H.header,
-				data: m
+			q.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(Xe, {
+				schema: q.header,
+				data: v
 			}) }),
-			H.highlightFields && H.highlightFields.length > 0 && /* @__PURE__ */ Z(vt, {
-				fields: H.highlightFields,
-				data: m,
-				objectName: H.objectName,
-				objectSchema: E
+			q.highlightFields && q.highlightFields.length > 0 && /* @__PURE__ */ Z(Tt, {
+				fields: q.highlightFields,
+				data: v,
+				objectName: q.objectName,
+				objectSchema: N
 			}),
-			H.autoTabs && !H.tabs?.length ? (() => {
-				let e = _e.length > 0, t = !!H.activities && H.activities.length > 0, n = !!u, i = !!H.history, a = /* @__PURE__ */ Q("div", {
+			c && q.showHeader === !1 && (() => {
+				let e = v?.approval_status, t = e === "pending" || e === "in_approval";
+				return /* @__PURE__ */ Q("div", {
+					className: "flex flex-col items-end gap-1",
+					children: [/* @__PURE__ */ Q("div", {
+						className: "flex items-center justify-end gap-2",
+						children: [
+							t && !T && /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Q("span", {
+								role: "status",
+								className: "inline-flex items-center gap-1 rounded-md border border-amber-300 bg-amber-50 px-2 py-1 text-xs text-amber-800",
+								title: K("detail.lockedTooltip"),
+								children: [/* @__PURE__ */ Z(Oe, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: K("detail.lockedByApproval") })]
+							}), r?.cancelPendingApproval && /* @__PURE__ */ Q(g, {
+								variant: "outline",
+								size: "sm",
+								onClick: ye,
+								disabled: ae,
+								className: "gap-2 border-amber-300 text-amber-800 hover:bg-amber-50",
+								title: K("detail.cancelApprovalTooltip"),
+								children: [/* @__PURE__ */ Z(qe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K(ae ? "detail.cancelApprovalInFlight" : "detail.cancelApproval") })]
+							})] }),
+							T && /* @__PURE__ */ Q(g, {
+								variant: "ghost",
+								size: "sm",
+								onClick: Ce,
+								className: "gap-2",
+								disabled: k,
+								children: [/* @__PURE__ */ Z(qe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K("detail.cancel") })]
+							}),
+							/* @__PURE__ */ Q(g, {
+								variant: T ? "default" : "outline",
+								size: "sm",
+								onClick: Se,
+								className: "gap-2",
+								disabled: k || t && !T,
+								title: t && !T ? K("detail.lockedTooltip") : void 0,
+								children: [Z(T ? ce : J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K(k ? "detail.saving" : T ? "detail.save" : "detail.editFieldsInline") })]
+							})
+						]
+					}), j && /* @__PURE__ */ Z("div", {
+						role: "alert",
+						className: "text-xs text-destructive bg-destructive/10 border border-destructive/20 rounded-md px-2 py-1 max-w-md text-right",
+						children: j
+					})]
+				});
+			})(),
+			q.autoTabs && !q.tabs?.length ? (() => {
+				let e = we.length > 0, t = !!q.activities && q.activities.length > 0, n = !!u, i = !!q.history, a = /* @__PURE__ */ Q("div", {
 					className: "space-y-3 sm:space-y-4",
 					children: [
-						H.sectionGroups && H.sectionGroups.length > 0 && H.sectionGroups.map((e, t) => /* @__PURE__ */ Z(_t, {
+						q.sectionGroups && q.sectionGroups.length > 0 && q.sectionGroups.map((e, t) => /* @__PURE__ */ Z(wt, {
 							group: e,
 							data: {
-								...m,
-								...w
+								...v,
+								...D
 							},
-							objectSchema: E,
-							objectName: H.objectName,
-							isEditing: S,
-							onFieldChange: G
+							objectSchema: N,
+							objectName: q.objectName,
+							isEditing: T,
+							onFieldChange: X
 						}, t)),
-						H.sections && H.sections.length > 0 && H.sections.map((e, t) => /* @__PURE__ */ Z(pt, {
+						q.sections && q.sections.length > 0 && q.sections.map((e, t) => /* @__PURE__ */ Z(bt, {
 							section: e,
 							data: {
-								...m,
-								...w
+								...v,
+								...D
 							},
-							objectSchema: E,
-							objectName: H.objectName,
-							isEditing: S,
-							onFieldChange: G
+							objectSchema: N,
+							objectName: q.objectName,
+							isEditing: T,
+							onFieldChange: X
 						}, t)),
-						H.fields && H.fields.length > 0 && !H.sections?.length && /* @__PURE__ */ Z(pt, {
+						q.fields && q.fields.length > 0 && !q.sections?.length && /* @__PURE__ */ Z(bt, {
 							section: {
-								fields: H.fields,
-								columns: H.columns
+								fields: q.fields,
+								columns: q.columns
 							},
 							data: {
-								...m,
-								...w
+								...v,
+								...D
 							},
-							objectSchema: E,
-							objectName: H.objectName,
-							isEditing: S,
-							onFieldChange: G
+							objectSchema: N,
+							objectName: q.objectName,
+							isEditing: T,
+							onFieldChange: X
 						}),
-						H.comments && /* @__PURE__ */ Z(bt, {
-							comments: H.comments,
-							onAddComment: H.onAddComment
+						q.comments && /* @__PURE__ */ Z(Dt, {
+							comments: q.comments,
+							onAddComment: q.onAddComment
 						})
 					]
 				});
 				return !e && !t && !n && !i ? /* @__PURE__ */ Z("div", {
 					className: "mt-2",
 					children: a
-				}) : /* @__PURE__ */ Q(A, {
+				}) : /* @__PURE__ */ Q(ee, {
 					defaultValue: "details",
 					className: "w-full",
 					children: [
-						/* @__PURE__ */ Q(ee, {
+						/* @__PURE__ */ Q(I, {
 							className: "w-full justify-start border-b rounded-none bg-transparent p-0",
 							children: [
-								/* @__PURE__ */ Z(M, {
+								/* @__PURE__ */ Z(L, {
 									value: "details",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
-									children: z("detail.details")
+									children: K("detail.details")
 								}),
-								e && /* @__PURE__ */ Z(M, {
+								e && /* @__PURE__ */ Z(L, {
 									value: "related",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: /* @__PURE__ */ Q("span", {
 										className: "flex items-center gap-1.5",
-										children: [z("detail.related"), /* @__PURE__ */ Z(h, {
+										children: [K("detail.related"), /* @__PURE__ */ Z(h, {
 											variant: "secondary",
 											className: "text-xs bg-primary/10 text-primary border-transparent",
-											children: _e.length
+											children: we.length
 										})]
 									})
 								}),
-								t && /* @__PURE__ */ Z(M, {
+								t && /* @__PURE__ */ Z(L, {
 									value: "activity",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: /* @__PURE__ */ Q("span", {
 										className: "flex items-center gap-1.5",
-										children: [z("detail.activity"), /* @__PURE__ */ Z(h, {
+										children: [K("detail.activity"), /* @__PURE__ */ Z(h, {
 											variant: "secondary",
 											className: "text-xs bg-primary/10 text-primary border-transparent",
-											children: H.activities.length
+											children: q.activities.length
 										})]
 									})
 								}),
-								n && /* @__PURE__ */ Z(M, {
+								n && /* @__PURE__ */ Z(L, {
 									value: "discussion",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
-									children: z("detail.discussion", { defaultValue: "Discussion" })
+									children: K("detail.discussion", { defaultValue: "Discussion" })
 								}),
-								i && /* @__PURE__ */ Z(M, {
+								i && /* @__PURE__ */ Z(L, {
 									value: "history",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: /* @__PURE__ */ Q("span", {
 										className: "flex items-center gap-1.5",
-										children: [z("detail.history", { defaultValue: "History" }), !H.history.loading && H.history.entries.length > 0 && /* @__PURE__ */ Z(h, {
+										children: [K("detail.history", { defaultValue: "History" }), !q.history.loading && q.history.entries.length > 0 && /* @__PURE__ */ Z(h, {
 											variant: "secondary",
 											className: "text-xs bg-primary/10 text-primary border-transparent",
-											children: H.history.entries.length
+											children: q.history.entries.length
 										})]
 									})
 								})
 							]
 						}),
-						/* @__PURE__ */ Z(j, {
+						/* @__PURE__ */ Z(F, {
 							value: "details",
 							className: "mt-4",
 							children: a
 						}),
-						e && /* @__PURE__ */ Z(j, {
+						e && /* @__PURE__ */ Z(F, {
 							value: "related",
 							className: "mt-4",
 							children: /* @__PURE__ */ Z("div", {
 								className: "space-y-3",
-								children: _e.map((e, t) => /* @__PURE__ */ Z(gt, {
+								children: we.map((e, t) => /* @__PURE__ */ Z(Ct, {
 									title: e.title,
 									type: e.type,
 									api: e.api,
@@ -2092,85 +2185,85 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 									onRowEdit: e.onRowEdit,
 									onRowDelete: e.onRowDelete,
 									collapsible: !0,
-									defaultCollapsed: re && t > 0,
-									pageSize: Vt
+									defaultCollapsed: le && t > 0,
+									pageSize: Jt
 								}, t))
 							})
 						}),
-						t && /* @__PURE__ */ Z(j, {
+						t && /* @__PURE__ */ Z(F, {
 							value: "activity",
 							className: "mt-4",
-							children: /* @__PURE__ */ Z(Et, { activities: H.activities })
+							children: /* @__PURE__ */ Z(Nt, { activities: q.activities })
 						}),
-						n && /* @__PURE__ */ Z(j, {
+						n && /* @__PURE__ */ Z(F, {
 							value: "discussion",
 							className: "mt-4",
 							children: u
 						}),
-						i && /* @__PURE__ */ Z(j, {
+						i && /* @__PURE__ */ Z(F, {
 							value: "history",
 							className: "mt-4",
-							children: /* @__PURE__ */ Z(Nt, {
-								entries: H.history.entries,
-								loading: H.history.loading,
-								emptyText: H.history.emptyText ?? z("detail.historyEmpty", { defaultValue: "No history yet" })
+							children: /* @__PURE__ */ Z(Bt, {
+								entries: q.history.entries,
+								loading: q.history.loading,
+								emptyText: q.history.emptyText ?? K("detail.historyEmpty", { defaultValue: "No history yet" })
 							})
 						})
 					]
 				});
-			})() : /* @__PURE__ */ Q(nt, { children: [
-				H.sectionGroups && H.sectionGroups.length > 0 && /* @__PURE__ */ Z("div", {
+			})() : /* @__PURE__ */ Q(lt, { children: [
+				q.sectionGroups && q.sectionGroups.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: H.sectionGroups.map((e, t) => /* @__PURE__ */ Z(_t, {
+					children: q.sectionGroups.map((e, t) => /* @__PURE__ */ Z(wt, {
 						group: e,
 						data: {
-							...m,
-							...w
+							...v,
+							...D
 						},
-						objectSchema: E,
-						objectName: H.objectName,
-						isEditing: S,
-						onFieldChange: G
+						objectSchema: N,
+						objectName: q.objectName,
+						isEditing: T,
+						onFieldChange: X
 					}, t))
 				}),
-				H.sections && H.sections.length > 0 && /* @__PURE__ */ Z("div", {
+				q.sections && q.sections.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: H.sections.map((e, t) => /* @__PURE__ */ Z(pt, {
+					children: q.sections.map((e, t) => /* @__PURE__ */ Z(bt, {
 						section: e,
 						data: {
-							...m,
-							...w
+							...v,
+							...D
 						},
-						objectSchema: E,
-						objectName: H.objectName,
-						isEditing: S,
-						onFieldChange: G
+						objectSchema: N,
+						objectName: q.objectName,
+						isEditing: T,
+						onFieldChange: X
 					}, t))
 				}),
-				H.fields && H.fields.length > 0 && !H.sections?.length && /* @__PURE__ */ Z(pt, {
+				q.fields && q.fields.length > 0 && !q.sections?.length && /* @__PURE__ */ Z(bt, {
 					section: {
-						fields: H.fields,
-						columns: H.columns
+						fields: q.fields,
+						columns: q.columns
 					},
 					data: {
-						...m,
-						...w
+						...v,
+						...D
 					},
-					objectSchema: E,
-					objectName: H.objectName,
-					isEditing: S,
-					onFieldChange: G
+					objectSchema: N,
+					objectName: q.objectName,
+					isEditing: T,
+					onFieldChange: X
 				}),
-				H.tabs && H.tabs.length > 0 && /* @__PURE__ */ Z(mt, {
-					tabs: H.tabs,
-					data: m
+				q.tabs && q.tabs.length > 0 && /* @__PURE__ */ Z(xt, {
+					tabs: q.tabs,
+					data: v
 				}),
-				_e.length > 0 && /* @__PURE__ */ Q("div", {
+				we.length > 0 && /* @__PURE__ */ Q("div", {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ Z("h2", {
 						className: "text-lg font-semibold",
-						children: z("detail.related")
-					}), _e.map((e, t) => /* @__PURE__ */ Z(gt, {
+						children: K("detail.related")
+					}), we.map((e, t) => /* @__PURE__ */ Z(Ct, {
 						title: e.title,
 						type: e.type,
 						api: e.api,
@@ -2186,31 +2279,31 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						onRowEdit: e.onRowEdit,
 						onRowDelete: e.onRowDelete,
 						collapsible: !0,
-						defaultCollapsed: re && t > 0,
-						pageSize: Vt
+						defaultCollapsed: le && t > 0,
+						pageSize: Jt
 					}, t))]
 				}),
-				H.comments && /* @__PURE__ */ Z(bt, {
-					comments: H.comments,
-					onAddComment: H.onAddComment
+				q.comments && /* @__PURE__ */ Z(Dt, {
+					comments: q.comments,
+					onAddComment: q.onAddComment
 				}),
-				H.activities && H.activities.length > 0 && /* @__PURE__ */ Z(Et, { activities: H.activities })
+				q.activities && q.activities.length > 0 && /* @__PURE__ */ Z(Nt, { activities: q.activities })
 			] }),
-			/* @__PURE__ */ Z(Bt, {
+			/* @__PURE__ */ Z(qt, {
 				data: {
-					...m,
-					...w
+					...v,
+					...D
 				},
-				objectSchema: E,
-				objectName: H.objectName
+				objectSchema: N,
+				objectName: q.objectName
 			}),
-			H.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(We, {
-				schema: H.footer,
-				data: m
+			q.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(Xe, {
+				schema: q.footer,
+				data: v
 			}) })
 		]
 	}) });
-}, Wt = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name) || null, Gt = (e) => {
+}, Zt = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name) || null, Qt = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2220,21 +2313,21 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		},
 		rest: i
 	};
-}, Kt = ({ schema: e = {}, className: t, ...n }) => {
-	let r = Ye(), { designer: i } = Gt(n);
-	if (!r) return /* @__PURE__ */ Z("div", {
+}, $t = ({ schema: e = {}, className: t, ...n }) => {
+	let i = tt(), { designer: a } = Qt(n);
+	if (!i) return /* @__PURE__ */ Z("div", {
 		className: t,
 		"data-record-details-placeholder": !0,
-		...i,
+		...a,
 		children: /* @__PURE__ */ Z("div", {
 			className: "text-xs text-muted-foreground italic px-3 py-2 border border-dashed rounded",
 			children: "record:details — bind a record to preview"
 		})
 	});
-	let a = e.layout === "inline" || e.layout === "compact" ? "horizontal" : "vertical", o = r.objectName || "", s = it(), { readableFields: c } = rt(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
-	if (l.length > 0 && o && !l.every((e) => s.can(o, e))) return /* @__PURE__ */ Z("div", {
+	let o = e.layout === "inline" || e.layout === "compact" ? "horizontal" : "vertical", s = i.objectName || "", c = dt(), { readableFields: l } = ut(s), u = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+	if (u.length > 0 && s && !u.every((e) => c.can(s, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
-		...i,
+		...a,
 		role: "status",
 		"aria-live": "polite",
 		children: /* @__PURE__ */ Z("p", {
@@ -2242,20 +2335,20 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			children: "Insufficient permissions to view details."
 		})
 	});
-	let u = e.enforceFieldSecurity === !0, d = Array.isArray(e.redactFields) ? e.redactFields : [], f = (e) => {
-		if (!e || !u && d.length === 0) return e;
-		let t = e.map(Wt).filter((e) => !!e), n = new Set((u && o ? c(t) : t).filter((e) => !d.includes(e)));
+	let d = e.enforceFieldSecurity === !0, f = Array.isArray(e.redactFields) ? e.redactFields : [], p = (e) => {
+		if (!e || !d && f.length === 0) return e;
+		let t = e.map(Zt).filter((e) => !!e), n = new Set((d && s ? l(t) : t).filter((e) => !f.includes(e)));
 		return e.filter((e) => {
-			let t = Wt(e);
+			let t = Zt(e);
 			return t ? n.has(t) : !0;
 		});
-	}, p = (e) => typeof e == "string" ? { name: e } : e && typeof e == "object" && !e.name && e.field ? {
+	}, m = (e) => typeof e == "string" ? { name: e } : e && typeof e == "object" && !e.name && e.field ? {
 		...e,
 		name: e.field
-	} : e, m = (e) => Array.isArray(e) ? e.map(p) : e, h = qe(), g = new Set((Array.isArray(e.hideFields) ? e.hideFields : []).map((e) => typeof e == "string" ? e : Wt(e)).filter((e) => !!e));
-	for (let e of h) g.add(e);
-	let _ = r.objectSchema, v = r.data ?? {}, y = [
-		_?.primaryField,
+	} : e, h = (e) => Array.isArray(e) ? e.map(m) : e, g = $e(), _ = new Set((Array.isArray(e.hideFields) ? e.hideFields : []).map((e) => typeof e == "string" ? e : Zt(e)).filter((e) => !!e));
+	for (let e of g) _.add(e);
+	let v = i.objectSchema, y = i.data ?? {}, b = [
+		v?.primaryField,
 		"name",
 		"full_name",
 		"title",
@@ -2263,42 +2356,62 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		"display_name",
 		"label"
 	].filter((e) => typeof e == "string" && e.length > 0);
-	for (let e of y) if (v[e] !== void 0 && v[e] !== null && v[e] !== "") {
-		g.add(e);
+	for (let e of b) if (y[e] !== void 0 && y[e] !== null && y[e] !== "") {
+		_.add(e);
 		break;
 	}
-	let b = (e) => !e || g.size === 0 ? e : e.filter((e) => {
-		let t = Wt(e);
-		return t ? !g.has(t) : !0;
-	}), x = b(m(f(e.fields))), S = Array.isArray(e.sections) ? e.sections.map((e) => ({
+	let x = (e) => !e || _.size === 0 ? e : e.filter((e) => {
+		let t = Zt(e);
+		return t ? !_.has(t) : !0;
+	}), S = x(h(p(e.fields))), C = Array.isArray(e.sections) ? e.sections.map((e) => ({
 		...e,
 		title: e.title ?? e.label,
 		showBorder: e.showBorder ?? !1,
 		hideEmpty: e.hideEmpty ?? !0,
-		fields: b(m(f(e.fields)))
-	})) : e.sections, C = e.inlineEdit ?? !0, w = {
+		fields: x(h(p(e.fields)))
+	})) : e.sections, w = e.inlineEdit ?? !0, T = r.useCallback(async (e, t) => {
+		let n = i.dataSource, r = i.recordId, a = i.objectName;
+		if (!(!n || !r || !a)) try {
+			if (typeof n.update == "function") await n.update(a, r, { [e]: t });
+			else if (typeof n.updateOne == "function") await n.updateOne(a, r, { [e]: t });
+			else if (typeof n.patch == "function") await n.patch(a, r, { [e]: t });
+			else {
+				console.warn("[record:details] DataSource exposes no update/updateOne/patch method; cannot persist inline edit");
+				return;
+			}
+			typeof i.refresh == "function" && await i.refresh();
+		} catch (e) {
+			throw console.error("[record:details] Inline-edit save failed", e), e;
+		}
+	}, [
+		i.dataSource,
+		i.recordId,
+		i.objectName,
+		i.refresh
+	]), E = {
 		type: "detail-view",
-		objectName: r.objectName,
-		resourceId: r.recordId,
-		data: r.data,
-		layout: a,
+		objectName: i.objectName,
+		resourceId: i.recordId,
+		data: i.data,
+		layout: o,
 		columns: e.columns,
-		sections: S,
-		fields: x,
+		sections: C,
+		fields: S,
 		showBack: !1,
 		showHeader: e.showHeader ?? !1,
-		inlineEdit: C
+		inlineEdit: w
 	};
 	return /* @__PURE__ */ Z("div", {
 		className: t,
-		...i,
-		children: /* @__PURE__ */ Z(Ut, {
-			schema: w,
-			dataSource: r.dataSource,
-			inlineEdit: C
+		...a,
+		children: /* @__PURE__ */ Z(Xt, {
+			schema: E,
+			dataSource: i.dataSource,
+			inlineEdit: w,
+			onFieldSave: T
 		})
 	});
-}, qt = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name || e.key) || null, Jt = (e) => {
+}, en = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name || e.key) || null, tn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2308,8 +2421,11 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		},
 		rest: i
 	};
-}, Yt = ({ schema: e = {}, className: t, ...n }) => {
-	let r = Ye(), { designer: i } = Jt(n), a = e.title || e.objectName || "Related", o = e.objectName;
+}, nn = ({ schema: e = {}, className: t, ...n }) => {
+	let r = tt(), { designer: i } = tn(n), a = rt(), o = e.objectName, s = o && a.objectLabel ? a.objectLabel({
+		name: o,
+		label: st(o)
+	}) : o ? st(o) : "", c = e.title || s || "Related";
 	if (!o) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2318,8 +2434,8 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			children: "record:related_list — missing objectName"
 		})
 	});
-	let s = it(), { readableFields: c } = rt(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
-	if (l.length > 0 && !l.every((e) => s.can(o, e))) return /* @__PURE__ */ Z("div", {
+	let l = dt(), { readableFields: u } = ut(o), d = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+	if (d.length > 0 && !d.every((e) => l.can(o, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
 		role: "status",
@@ -2329,30 +2445,30 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			children: "Insufficient permissions to view related list."
 		})
 	});
-	let u = e.enforceFieldSecurity === !0, d = Array.isArray(e.redactFields) ? e.redactFields : [], f = Array.isArray(e.columns) ? e.columns : [], p = f;
-	if (u || d.length > 0) {
-		let e = f.map(qt).filter((e) => !!e), t = new Set((u ? c(e) : e).filter((e) => !d.includes(e)));
-		p = f.filter((e) => {
-			let n = qt(e);
+	let f = e.enforceFieldSecurity === !0, p = Array.isArray(e.redactFields) ? e.redactFields : [], m = Array.isArray(e.columns) ? e.columns : [], h = m;
+	if (f || p.length > 0) {
+		let e = m.map(en).filter((e) => !!e), t = new Set((f ? u(e) : e).filter((e) => !p.includes(e)));
+		h = m.filter((e) => {
+			let n = en(e);
 			return n ? t.has(n) : !0;
 		});
 	}
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
-		children: /* @__PURE__ */ Z(gt, {
-			title: a,
+		children: /* @__PURE__ */ Z(Ct, {
+			title: c,
 			type: "table",
 			api: o,
 			objectName: o,
 			referenceField: e.relationshipField,
 			parentId: r?.recordId,
-			columns: p,
+			columns: h,
 			pageSize: e.limit,
 			dataSource: r?.dataSource
 		})
 	});
-}, Xt = (e) => {
+}, rn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2362,8 +2478,8 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		},
 		rest: i
 	};
-}, Zt = ({ schema: e = {}, className: t, ...n }) => {
-	let i = Ye(), { designer: a } = Xt(n), o = i?.objectName || "", s = it(), { readableFields: c } = rt(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+}, an = ({ schema: e = {}, className: t, ...n }) => {
+	let i = tt(), { designer: a } = rn(n), o = i?.objectName || "", s = dt(), { readableFields: c } = ut(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
 	if (l.length > 0 && o && !l.every((e) => s.can(o, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...a,
@@ -2380,20 +2496,20 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		icon: e?.icon,
 		type: e?.type
 	}).filter((e) => typeof e.name == "string" && e.name.length > 0), d = e.enforceFieldSecurity === !0, f = Array.isArray(e.redactFields) ? e.redactFields : [], p = d && o ? new Set(c(u.map((e) => e.name))) : null, m = u.filter((e) => !(f.includes(e.name) || p && !p.has(e.name)));
-	return Xe(r.useId(), m.map((e) => e.name)), /* @__PURE__ */ Z("div", {
+	return nt(r.useId(), m.map((e) => e.name)), /* @__PURE__ */ Z("div", {
 		className: t,
 		...a,
-		children: /* @__PURE__ */ Z(vt, {
+		children: /* @__PURE__ */ Z(Tt, {
 			fields: m,
 			data: i?.data,
 			objectName: i?.objectName,
 			objectSchema: i?.objectSchema
 		})
 	});
-}, Qt = ({ change: e, className: t }) => {
+}, on = ({ change: e, className: t }) => {
 	let n = e.fieldLabel ?? e.field.charAt(0).toUpperCase() + e.field.slice(1).replace(/_/g, " "), r = e.oldDisplayValue ?? (e.oldValue == null ? "(empty)" : String(e.oldValue)), i = e.newDisplayValue ?? (e.newValue == null ? "(empty)" : String(e.newValue));
 	return /* @__PURE__ */ Q("div", {
-		className: L("flex items-center gap-1.5 text-sm flex-wrap", t),
+		className: H("flex items-center gap-1.5 text-sm flex-wrap", t),
 		children: [
 			/* @__PURE__ */ Z("span", {
 				className: "font-medium text-foreground",
@@ -2403,29 +2519,29 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				className: "text-muted-foreground line-through",
 				children: r
 			}),
-			/* @__PURE__ */ Z(z, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+			/* @__PURE__ */ Z(W, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
 			/* @__PURE__ */ Z("span", {
 				className: "text-foreground",
 				children: i
 			})
 		]
 	});
-}, $t = [
+}, sn = [
 	"👍",
 	"❤️",
 	"🎉",
 	"😂",
 	"😮",
 	"😢"
-], en = ({ reactions: e, onToggleReaction: t, emojiOptions: r = $t, className: i }) => {
+], cn = ({ reactions: e, onToggleReaction: t, emojiOptions: r = sn, className: i }) => {
 	let [a, o] = n.useState(!1), s = n.useCallback((e) => {
 		t?.(e), o(!1);
 	}, [t]);
 	return /* @__PURE__ */ Q("div", {
-		className: L("flex items-center gap-1 flex-wrap", i),
+		className: H("flex items-center gap-1 flex-wrap", i),
 		children: [e.map((e) => /* @__PURE__ */ Q("button", {
 			type: "button",
-			className: L("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs border transition-colors", e.reacted ? "bg-primary/10 border-primary/30 text-primary" : "bg-muted border-border text-muted-foreground hover:bg-muted/80"),
+			className: H("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs border transition-colors", e.reacted ? "bg-primary/10 border-primary/30 text-primary" : "bg-muted border-border text-muted-foreground hover:bg-muted/80"),
 			onClick: () => s(e.emoji),
 			disabled: !t,
 			"aria-label": `${e.emoji} ${e.count} reaction${e.count === 1 ? "" : "s"}`,
@@ -2438,7 +2554,7 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				className: "h-6 w-6",
 				onClick: () => o(!a),
 				"aria-label": "Add reaction",
-				children: /* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ Z(Ue, { className: "h-3.5 w-3.5" })
 			}), a && /* @__PURE__ */ Z("div", {
 				className: "absolute bottom-full mb-1 left-0 bg-popover border rounded-md shadow-md z-50 p-1.5 flex gap-1",
 				role: "listbox",
@@ -2457,7 +2573,7 @@ var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 };
 //#endregion
 //#region src/ThreadedReplies.tsx
-function tn(e) {
+function ln(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -2470,7 +2586,7 @@ function tn(e) {
 		return e;
 	}
 }
-var nn = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, className: a }) => {
+var un = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, className: a }) => {
 	let { t: o } = $(), [s, c] = n.useState(!1), [l, u] = n.useState(""), [d, f] = n.useState(!1), p = n.useCallback(async () => {
 		let t = l.trim();
 		if (!(!t || !r)) {
@@ -2489,7 +2605,7 @@ var nn = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), p());
 	}, [p]);
 	return t.length === 0 && !i ? null : /* @__PURE__ */ Q("div", {
-		className: L("ml-10 mt-1", a),
+		className: H("ml-10 mt-1", a),
 		children: [
 			t.length > 0 && /* @__PURE__ */ Q("button", {
 				type: "button",
@@ -2497,8 +2613,8 @@ var nn = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 				onClick: () => c(!s),
 				"aria-expanded": s,
 				children: [
-					Z(s ? se : le, { className: "h-3 w-3" }),
-					/* @__PURE__ */ Z(J, { className: "h-3 w-3" }),
+					Z(s ? ue : fe, { className: "h-3 w-3" }),
+					/* @__PURE__ */ Z(Ae, { className: "h-3 w-3" }),
 					/* @__PURE__ */ Z("span", { children: t.length === 1 ? o("detail.replyCount", { count: t.length }) : o("detail.replyCountPlural", { count: t.length }) })
 				]
 			}),
@@ -2525,7 +2641,7 @@ var nn = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 								children: e.actor
 							}), /* @__PURE__ */ Z("span", {
 								className: "text-[10px] text-muted-foreground",
-								children: tn(e.createdAt)
+								children: ln(e.createdAt)
 							})]
 						}), /* @__PURE__ */ Z("p", {
 							className: "text-xs whitespace-pre-wrap break-words",
@@ -2550,12 +2666,12 @@ var nn = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 					onClick: p,
 					disabled: !l.trim() || d,
 					"aria-label": "Send reply",
-					children: /* @__PURE__ */ Z(X, { className: "h-3 w-3" })
+					children: /* @__PURE__ */ Z(He, { className: "h-3 w-3" })
 				})]
 			})
 		]
 	});
-}, rn = ({ subscription: e, onToggle: t, className: r }) => {
+}, dn = ({ subscription: e, onToggle: t, className: r }) => {
 	let { t: i } = $(), [a, o] = n.useState(!1), s = n.useCallback(async () => {
 		if (t) {
 			o(!0);
@@ -2569,22 +2685,22 @@ var nn = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 	return /* @__PURE__ */ Z(g, {
 		variant: "ghost",
 		size: "icon",
-		className: L("h-8 w-8", r),
+		className: H("h-8 w-8", r),
 		onClick: s,
 		disabled: a || !t,
 		"aria-label": e.subscribed ? i("detail.unsubscribeAriaLabel") : i("detail.subscribeAriaLabel"),
 		title: e.subscribed ? i("detail.subscribedTooltip") : i("detail.unsubscribedTooltip"),
-		children: e.subscribed ? /* @__PURE__ */ Z(H, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(ie, { className: "h-4 w-4 text-muted-foreground" })
+		children: e.subscribed ? /* @__PURE__ */ Z(ae, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(oe, { className: "h-4 w-4 text-muted-foreground" })
 	});
-}, an = {
-	comment: J,
-	field_change: he,
-	task: oe,
-	event: ae,
-	system: He,
-	email: Ee,
-	call: Ae
-}, on = {
+}, fn = {
+	comment: Ae,
+	field_change: J,
+	task: le,
+	event: se,
+	system: Je,
+	email: ke,
+	call: Fe
+}, pn = {
 	comment: "bg-purple-100 text-purple-600",
 	field_change: "bg-blue-100 text-blue-600",
 	task: "bg-green-100 text-green-600",
@@ -2593,7 +2709,7 @@ var nn = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 	email: "bg-indigo-100 text-indigo-600",
 	call: "bg-teal-100 text-teal-600"
 };
-function sn(e) {
+function mn(e) {
 	return [
 		{
 			value: "all",
@@ -2613,7 +2729,7 @@ function sn(e) {
 		}
 	];
 }
-function cn(e) {
+function hn(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -2626,7 +2742,7 @@ function cn(e) {
 		return e;
 	}
 }
-function ln(e, t) {
+function gn(e, t) {
 	switch (t) {
 		case "comments_only": return e.filter((e) => e.type === "comment");
 		case "changes_only": return e.filter((e) => e.type === "field_change");
@@ -2634,18 +2750,18 @@ function ln(e, t) {
 		default: return e;
 	}
 }
-var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a = !1, onLoadMore: o, loading: s = !1, onAddComment: c, onAddReply: l, onToggleReaction: u, subscription: d, onToggleSubscription: f, collapseWhenEmpty: p = !1, titleLabel: m, emptyLabel: h, className: _ }) => {
-	let { t: v } = $(), [y, b] = n.useState("all"), [x, S] = n.useState(""), [C, w] = n.useState(!1), [T, E] = n.useState(!1), D = r ?? y, O = t?.showFilterToggle !== !1, k = t?.showCommentInput !== !1 && !!c, A = t?.enableReactions ?? !1, j = t?.enableThreading ?? !1, ee = t?.showSubscriptionToggle ?? !1, M = n.useMemo(() => ln(e, D), [e, D]), N = n.useMemo(() => j ? M.filter((e) => !e.parentId) : M, [M, j]), P = n.useMemo(() => {
-		if (!j) return /* @__PURE__ */ new Map();
+var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a = !1, onLoadMore: o, loading: s = !1, onAddComment: c, onAddReply: l, onToggleReaction: u, subscription: d, onToggleSubscription: f, collapseWhenEmpty: p = !1, titleLabel: m, emptyLabel: h, className: _ }) => {
+	let { t: v } = $(), [y, b] = n.useState("all"), [x, S] = n.useState(""), [C, w] = n.useState(!1), [A, j] = n.useState(!1), M = r ?? y, N = t?.showFilterToggle !== !1, P = t?.showCommentInput !== !1 && !!c, ee = t?.enableReactions ?? !1, F = t?.enableThreading ?? !1, I = t?.showSubscriptionToggle ?? !1, L = n.useMemo(() => gn(e, M), [e, M]), R = n.useMemo(() => F ? L.filter((e) => !e.parentId) : L, [L, F]), z = n.useMemo(() => {
+		if (!F) return /* @__PURE__ */ new Map();
 		let e = /* @__PURE__ */ new Map();
-		for (let t of M) if (t.parentId) {
+		for (let t of L) if (t.parentId) {
 			let n = e.get(t.parentId) ?? [];
 			n.push(t), e.set(t.parentId, n);
 		}
 		return e;
-	}, [M, j]), F = n.useCallback((e) => {
+	}, [L, F]), B = n.useCallback((e) => {
 		i ? i(e) : b(e);
-	}, [i]), I = n.useCallback(async () => {
+	}, [i]), V = n.useCallback(async () => {
 		let e = x.trim();
 		if (!(!e || !c)) {
 			w(!0);
@@ -2656,19 +2772,19 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			}
 		}
 	}, [x, c]), te = n.useCallback((e) => {
-		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), I());
-	}, [I]), R = n.useCallback(async () => {
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), V());
+	}, [V]), ne = n.useCallback(async () => {
 		if (o) {
-			E(!0);
+			j(!0);
 			try {
 				await o();
 			} finally {
-				E(!1);
+				j(!1);
 			}
 		}
 	}, [o]);
 	return /* @__PURE__ */ Q("section", {
-		className: L("border-t border-border/60 pt-5", _),
+		className: H("border-t border-border/60 pt-5", _),
 		"aria-label": "Discussion",
 		children: [/* @__PURE__ */ Z("header", {
 			className: "mb-4",
@@ -2677,20 +2793,20 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				children: [/* @__PURE__ */ Q("h2", {
 					className: "flex items-center gap-2 text-base font-semibold leading-none tracking-tight",
 					children: [
-						/* @__PURE__ */ Z(ne, { className: "h-4 w-4" }),
+						/* @__PURE__ */ Z(U, { className: "h-4 w-4" }),
 						m ?? v("detail.activity"),
 						/* @__PURE__ */ Q("span", {
 							className: "text-sm font-normal text-muted-foreground",
 							children: [
 								"(",
-								M.length,
+								L.length,
 								")"
 							]
 						})
 					]
 				}), /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-1",
-					children: ee && d && /* @__PURE__ */ Z(rn, {
+					children: I && d && /* @__PURE__ */ Z(dn, {
 						subscription: d,
 						onToggle: f
 					})
@@ -2699,20 +2815,22 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		}), /* @__PURE__ */ Q("div", {
 			className: "space-y-4",
 			children: [
-				O && /* @__PURE__ */ Z("div", {
+				N && /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2",
-					children: /* @__PURE__ */ Z("select", {
-						className: "rounded-md border border-input bg-background px-2.5 py-1.5 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-						value: D,
-						onChange: (e) => F(e.target.value),
-						"aria-label": v("detail.filterActivity"),
-						children: sn(v).map((e) => /* @__PURE__ */ Z("option", {
+					children: /* @__PURE__ */ Q(T, {
+						value: M,
+						onValueChange: (e) => B(e),
+						children: [/* @__PURE__ */ Z(O, {
+							"aria-label": v("detail.filterActivity"),
+							className: "h-8 w-auto min-w-[140px] py-1 text-sm",
+							children: /* @__PURE__ */ Z(k, {})
+						}), /* @__PURE__ */ Z(E, { children: mn(v).map((e) => /* @__PURE__ */ Z(D, {
 							value: e.value,
 							children: e.label
-						}, e.value))
+						}, e.value)) })]
 					})
 				}),
-				k && /* @__PURE__ */ Q("div", {
+				P && /* @__PURE__ */ Q("div", {
 					className: "flex gap-2",
 					children: [/* @__PURE__ */ Z("textarea", {
 						className: "flex-1 min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none",
@@ -2723,27 +2841,27 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 						disabled: C
 					}), /* @__PURE__ */ Q(g, {
 						variant: "default",
-						onClick: I,
+						onClick: V,
 						disabled: !x.trim() || C,
 						className: "shrink-0 self-end gap-1.5",
 						"aria-label": v("detail.submitComment"),
 						title: v("detail.submitComment"),
-						children: [/* @__PURE__ */ Z(X, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: v("detail.sendComment") })]
+						children: [/* @__PURE__ */ Z(He, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: v("detail.sendComment") })]
 					})]
 				}),
-				M.length === 0 ? p ? null : /* @__PURE__ */ Z("p", {
+				L.length === 0 ? p ? null : /* @__PURE__ */ Z("p", {
 					className: "text-sm text-muted-foreground text-center py-4",
 					children: h ?? v("detail.noActivity")
 				}) : /* @__PURE__ */ Q("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ Z("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Z("div", {
 						className: "space-y-4",
-						children: N.map((e) => {
-							let t = an[e.type] || He, n = on[e.type] || "bg-gray-100 text-gray-600", r = P.get(e.id) ?? [];
+						children: R.map((e) => {
+							let t = fn[e.type] || Je, n = pn[e.type] || "bg-gray-100 text-gray-600", r = z.get(e.id) ?? [];
 							return /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("div", {
 								className: "flex gap-3 relative",
 								children: [/* @__PURE__ */ Z("div", {
-									className: L("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", n),
+									className: H("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", n),
 									children: e.actorAvatarUrl ? /* @__PURE__ */ Z("img", {
 										src: e.actorAvatarUrl,
 										alt: e.actor,
@@ -2765,7 +2883,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 												}),
 												/* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground",
-													children: cn(e.createdAt)
+													children: hn(e.createdAt)
 												}),
 												e.edited && /* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground italic",
@@ -2783,25 +2901,25 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 										}),
 										e.type === "field_change" && e.fieldChanges && /* @__PURE__ */ Z("div", {
 											className: "space-y-1 mt-1",
-											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z(Qt, { change: e }, t))
+											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z(on, { change: e }, t))
 										}),
-										A && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
+										ee && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(en, {
+											children: /* @__PURE__ */ Z(cn, {
 												reactions: e.reactions,
 												onToggleReaction: u ? (t) => u(e.id, t) : void 0
 											})
 										}),
-										A && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
+										ee && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(en, {
+											children: /* @__PURE__ */ Z(cn, {
 												reactions: [],
 												onToggleReaction: (t) => u(e.id, t)
 											})
 										})
 									]
 								})]
-							}), j && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(nn, {
+							}), F && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(un, {
 								parentItem: e,
 								replies: r,
 								onAddReply: l,
@@ -2815,16 +2933,16 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 					children: /* @__PURE__ */ Q(g, {
 						variant: "ghost",
 						size: "sm",
-						onClick: R,
-						disabled: T,
+						onClick: ne,
+						disabled: A,
 						"aria-label": v("detail.loadMore"),
-						children: [T ? /* @__PURE__ */ Z(Te, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(se, { className: "h-4 w-4 mr-1" }), v("detail.loadMore")]
+						children: [A ? /* @__PURE__ */ Z(De, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(ue, { className: "h-4 w-4 mr-1" }), v("detail.loadMore")]
 					})
 				})
 			]
 		})]
 	});
-}, dn = (e) => {
+}, vn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2834,31 +2952,31 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, fn = ({ schema: e = {}, className: t, ...n }) => {
-	Ye();
-	let { designer: r } = dn(n);
+}, yn = ({ schema: e = {}, className: t, ...n }) => {
+	tt();
+	let { designer: r } = vn(n);
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...r,
-		children: /* @__PURE__ */ Z(un, {
+		children: /* @__PURE__ */ Z(_n, {
 			items: [],
 			config: e
 		})
 	});
-}, pn = ({ config: e, items: t, hasMore: r, onLoadMore: i, loading: a, onAddComment: o, onAddReply: s, onToggleReaction: c, subscription: l, onToggleSubscription: u, filterMode: d, onFilterChange: f, collapseWhenEmpty: p = !1, className: m }) => {
+}, bn = ({ config: e, items: t, hasMore: r, onLoadMore: i, loading: a, onAddComment: o, onAddReply: s, onToggleReaction: c, subscription: l, onToggleSubscription: u, filterMode: d, onFilterChange: f, collapseWhenEmpty: p = !1, className: m }) => {
 	let h = e?.position ?? "right", _ = e?.width ?? "360px", v = e?.collapsible ?? !0, y = p && t.length === 0 || (e?.defaultCollapsed ?? !1), { t: b } = $(), [x, S] = n.useState(y);
 	return h === "right" || h === "left" ? x && v ? /* @__PURE__ */ Z("div", {
-		className: L("flex items-start pt-4", h === "right" ? "border-l" : "border-r", m),
+		className: H("flex items-start pt-4", h === "right" ? "border-l" : "border-r", m),
 		children: /* @__PURE__ */ Z(g, {
 			variant: "ghost",
 			size: "icon",
 			className: "h-8 w-8 mx-1",
 			onClick: () => S(!1),
 			"aria-label": b("detail.openDiscussion"),
-			children: /* @__PURE__ */ Z(ke, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ Z(Ne, { className: "h-4 w-4" })
 		})
 	}) : /* @__PURE__ */ Q("div", {
-		className: L("flex flex-col overflow-hidden", h === "right" ? "border-l" : "border-r", m),
+		className: H("flex flex-col overflow-hidden", h === "right" ? "border-l" : "border-r", m),
 		style: {
 			width: _,
 			minWidth: _
@@ -2867,7 +2985,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			className: "flex items-center justify-between px-4 py-3 border-b",
 			children: [/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+				children: [/* @__PURE__ */ Z(Ae, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 					className: "text-sm font-medium",
 					children: b("detail.discussion")
 				})]
@@ -2877,11 +2995,11 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				className: "h-7 w-7",
 				onClick: () => S(!0),
 				"aria-label": b("detail.closeDiscussion"),
-				children: /* @__PURE__ */ Z(Ve, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ Z(qe, { className: "h-3.5 w-3.5" })
 			})]
 		}), /* @__PURE__ */ Z("div", {
 			className: "flex-1 overflow-y-auto",
-			children: /* @__PURE__ */ Z(un, {
+			children: /* @__PURE__ */ Z(_n, {
 				items: t,
 				config: e?.feed,
 				hasMore: r,
@@ -2901,27 +3019,27 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			})
 		})]
 	}) : /* @__PURE__ */ Z("div", {
-		className: L("", m),
+		className: H("", m),
 		children: v && x ? /* @__PURE__ */ Q(g, {
 			variant: "ghost",
 			className: "w-full justify-start gap-2 text-muted-foreground",
 			onClick: () => S(!1),
 			"aria-label": b("detail.showDiscussion", { count: t.length }),
-			children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: b("detail.showDiscussion", { count: t.length }) })]
+			children: [/* @__PURE__ */ Z(Ae, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: b("detail.showDiscussion", { count: t.length }) })]
 		}) : /* @__PURE__ */ Q("div", { children: [v && /* @__PURE__ */ Q("div", {
 			className: "flex items-center justify-between mb-2",
 			children: [/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2 text-sm font-medium",
-				children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), b("detail.discussion")]
+				children: [/* @__PURE__ */ Z(Ae, { className: "h-4 w-4" }), b("detail.discussion")]
 			}), /* @__PURE__ */ Z(g, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
 				onClick: () => S(!0),
 				"aria-label": b("detail.hideDiscussion"),
-				children: /* @__PURE__ */ Z(Oe, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ Z(Me, { className: "h-3.5 w-3.5" })
 			})]
-		}), /* @__PURE__ */ Z(un, {
+		}), /* @__PURE__ */ Z(_n, {
 			items: t,
 			config: e?.feed,
 			hasMore: r,
@@ -2939,7 +3057,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			emptyLabel: b("detail.noCommentsYet")
 		})] })
 	});
-}, mn = (e) => {
+}, xn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2949,9 +3067,9 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, hn = ({ schema: e = {}, className: t, ...n }) => {
-	Ye();
-	let r = Ke(), { designer: i } = mn(n), a = {
+}, Sn = ({ schema: e = {}, className: t, ...n }) => {
+	tt();
+	let r = Qe(), { designer: i } = xn(n), a = {
 		position: "bottom",
 		collapsible: !1,
 		feed: {
@@ -2964,7 +3082,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
-		children: /* @__PURE__ */ Z(pn, {
+		children: /* @__PURE__ */ Z(bn, {
 			items: r?.items || [],
 			config: a,
 			onAddComment: r?.onAddComment,
@@ -2972,7 +3090,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			onToggleReaction: r?.onToggleReaction
 		})
 	});
-}, gn = (e) => {
+}, Cn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2982,8 +3100,8 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, _n = ({ schema: e = {}, className: t, ...n }) => {
-	let i = Ye(), { translateOptions: a } = Ze(), { designer: o } = gn(n), s = Array.isArray(e.stages) ? e.stages : [], c = e.statusField, l = r.useMemo(() => {
+}, wn = ({ schema: e = {}, className: t, ...n }) => {
+	let i = tt(), { translateOptions: a } = rt(), { designer: o } = Cn(n), s = Array.isArray(e.stages) ? e.stages : [], c = e.statusField, l = r.useMemo(() => {
 		if (s.length === 0 || !c || !i?.objectName) return s;
 		let e = a(i.objectName, c, s);
 		return Array.isArray(e) && e.length === s.length ? e : s;
@@ -3005,7 +3123,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		if (l.length !== 1) return e === 0 ? "polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%)" : e === t ? "polygon(0 0, 100% 0, 100% 100%, 0 100%, 14px 50%)" : "polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%)";
 	}, p = l.length - 1;
 	return /* @__PURE__ */ Q("div", {
-		className: L("w-full", t),
+		className: H("w-full", t),
 		...o,
 		children: [/* @__PURE__ */ Z("div", {
 			className: "hidden sm:flex w-full items-stretch",
@@ -3020,7 +3138,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 						clipPath: i,
 						WebkitClipPath: i
 					} : void 0,
-					className: L("relative flex-1 min-w-0 px-5 py-2 text-xs font-medium text-center", t > 0 && "-ml-2", l.length === 1 && "rounded-md border", r && "bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground", !r && !n && "bg-background text-foreground/70 border border-border/60"),
+					className: H("relative flex-1 min-w-0 px-5 py-2 text-xs font-medium text-center", t > 0 && "-ml-2", l.length === 1 && "rounded-md border", r && "bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground", !r && !n && "bg-background text-foreground/70 border border-border/60"),
 					children: /* @__PURE__ */ Q("span", {
 						className: "inline-flex items-center gap-1.5 truncate",
 						style: {
@@ -3043,7 +3161,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				return /* @__PURE__ */ Z("div", {
 					role: "listitem",
 					"aria-current": r ? "step" : void 0,
-					className: L("shrink-0 px-3 py-1.5 rounded-full text-xs font-medium border whitespace-nowrap", r && "bg-primary text-primary-foreground border-primary shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground border-transparent", !r && !n && "bg-background text-foreground/70 border-border/60"),
+					className: H("shrink-0 px-3 py-1.5 rounded-full text-xs font-medium border whitespace-nowrap", r && "bg-primary text-primary-foreground border-primary shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground border-transparent", !r && !n && "bg-background text-foreground/70 border-border/60"),
 					children: /* @__PURE__ */ Q("span", {
 						className: "inline-flex items-center gap-1",
 						children: [n && /* @__PURE__ */ Z("span", {
@@ -3055,7 +3173,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			})
 		})]
 	});
-}, vn = (e) => {
+}, Tn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -3065,8 +3183,8 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, yn = ({ schema: e = {}, className: t, ...n }) => {
-	let r = Ye(), { designer: i } = vn(n), a = it(), o = Array.isArray(e.actions) ? e.actions : Array.isArray(e.properties?.actions) ? e.properties.actions : [], s = r?.objectName || "", c = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+}, En = ({ schema: e = {}, className: t, ...n }) => {
+	let r = tt(), { designer: i } = Tn(n), a = dt(), o = Array.isArray(e.actions) ? e.actions : Array.isArray(e.properties?.actions) ? e.properties.actions : [], s = r?.objectName || "", c = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
 	if (c.length > 0 && s && !c.every((e) => a.can(s, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -3077,7 +3195,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			children: "Insufficient permissions to view quick actions."
 		})
 	});
-	let l = e.location || "record_header", { getActionsForLocation: u, executeAction: d } = Ge({
+	let l = e.location || "record_header", { getActionsForLocation: u, executeAction: d } = Ze({
 		actions: o,
 		context: {
 			record: r?.data,
@@ -3095,7 +3213,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 	});
 	let p = e.align || "end", m = p === "start" ? "justify-start" : p === "center" ? "justify-center" : "justify-end";
 	return /* @__PURE__ */ Z("div", {
-		className: L("flex flex-wrap items-center gap-2", l === "record_header" && !e.inline && "-mt-12 sm:-mt-14 mb-2 relative z-10", m, t),
+		className: H("flex flex-wrap items-center gap-2", l === "record_header" && !e.inline && "-mt-12 sm:-mt-14 mb-2 relative z-10", m, t),
 		role: "toolbar",
 		"aria-label": e.aria?.label || "Quick actions",
 		...i,
@@ -3116,7 +3234,7 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			}, t.name || `qa-${n}`);
 		})
 	});
-}, bn = (e) => {
+}, Dn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -3126,18 +3244,18 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, xn = ({ schema: e = {}, className: t, ...n }) => {
-	let { designer: r } = bn(n), i = Array.isArray(e.entries) ? e.entries : Array.isArray(e.properties?.entries) ? e.properties.entries : [], a = e.loading ?? e.properties?.loading ?? !1, o = e.emptyText ?? e.properties?.emptyText;
+}, On = ({ schema: e = {}, className: t, ...n }) => {
+	let { designer: r } = Dn(n), i = Array.isArray(e.entries) ? e.entries : Array.isArray(e.properties?.entries) ? e.properties.entries : [], a = e.loading ?? e.properties?.loading ?? !1, o = e.emptyText ?? e.properties?.emptyText;
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...r,
-		children: /* @__PURE__ */ Z(Nt, {
+		children: /* @__PURE__ */ Z(Bt, {
 			entries: i,
 			loading: a,
 			emptyText: o
 		})
 	});
-}, Sn = new Set([
+}, kn = new Set([
 	"id",
 	"_id",
 	"__v",
@@ -3152,15 +3270,15 @@ var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 	"owner_id",
 	"deleted_at",
 	"is_deleted"
-]), Cn = 480, wn = 95;
-function Tn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId: o, dataSource: s, objectSchema: c, width: l = "min(960px, 60vw)", columns: u = 2, systemFields: d = Sn, onFieldSave: f, onDelete: p, resizable: m = !0, fullPageHref: h }) {
+]), An = 480, jn = 95;
+function Mn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId: o, dataSource: s, objectSchema: c, width: l = "min(960px, 60vw)", columns: u = 2, systemFields: d = kn, onFieldSave: f, onDelete: p, resizable: m = !0, fullPageHref: h }) {
 	let { t: g } = $(), _ = `objectui.drawerWidth.${a}`, [v, y] = r.useState(() => {
 		if (typeof window > "u" || !m) return null;
 		try {
 			let e = window.localStorage.getItem(_);
 			if (e) {
 				let t = parseInt(e, 10);
-				if (Number.isFinite(t) && t >= Cn) return t;
+				if (Number.isFinite(t) && t >= An) return t;
 			}
 		} catch {}
 		return null;
@@ -3182,7 +3300,7 @@ function Tn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 		let n = (e) => {
 			let t = S.current;
 			if (!t) return;
-			let n = t.startX - e.clientX, r = typeof window < "u" ? window.innerWidth * wn / 100 : 1600, i = Math.min(r, Math.max(Cn, t.startWidth + n));
+			let n = t.startX - e.clientX, r = typeof window < "u" ? window.innerWidth * jn / 100 : 1600, i = Math.min(r, Math.max(An, t.startWidth + n));
 			y(Math.round(i));
 		}, r = () => {
 			S.current, S.current = null, window.removeEventListener("pointermove", n), window.removeEventListener("pointerup", r), window.removeEventListener("pointercancel", r);
@@ -3195,7 +3313,7 @@ function Tn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 		m,
 		v,
 		_
-	]), w = c?.fields ?? {}, k = (Object.keys(w).length ? Object.keys(w) : Object.keys(i)).filter((e) => !d.has(e) && !e.startsWith("__")).filter((e) => e in i).filter((e) => !w[e]?.hidden).map((e) => {
+	]), w = c?.fields ?? {}, T = (Object.keys(w).length ? Object.keys(w) : Object.keys(i)).filter((e) => !d.has(e) && !e.startsWith("__")).filter((e) => e in i).filter((e) => !w[e]?.hidden).map((e) => {
 		let t = w[e] || {}, n = t.type === "lookup" || t.type === "master_detail" || t.type === "reference";
 		return {
 			name: e,
@@ -3214,12 +3332,12 @@ function Tn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 			description: t.description
 		};
 	});
-	return /* @__PURE__ */ Z(T, {
+	return /* @__PURE__ */ Z(A, {
 		open: e,
 		onOpenChange: (e) => {
 			e || t();
 		},
-		children: /* @__PURE__ */ Q(E, {
+		children: /* @__PURE__ */ Q(j, {
 			side: "right",
 			className: "w-full overflow-y-auto p-0 sm:!max-w-none",
 			style: x,
@@ -3232,13 +3350,13 @@ function Tn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 					onPointerDown: C,
 					className: "hidden sm:block absolute left-0 top-0 h-full w-1.5 cursor-col-resize select-none bg-transparent hover:bg-primary/30 active:bg-primary/50 transition-colors z-10"
 				}),
-				/* @__PURE__ */ Z(D, {
+				/* @__PURE__ */ Z(M, {
 					className: "sr-only",
-					children: /* @__PURE__ */ Z(O, { children: n })
+					children: /* @__PURE__ */ Z(N, { children: n })
 				}),
 				/* @__PURE__ */ Z("div", {
 					className: "px-6 pt-6 pb-6",
-					children: /* @__PURE__ */ Z(Ut, {
+					children: /* @__PURE__ */ Z(Xt, {
 						dataSource: s,
 						inlineEdit: !0,
 						schema: {
@@ -3248,7 +3366,7 @@ function Tn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 							data: i,
 							showDelete: !0,
 							columns: u,
-							fields: k,
+							fields: T,
 							actions: h ? [{
 								type: "action:bar",
 								location: "record_header",
@@ -3281,19 +3399,19 @@ function Tn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 		})
 	});
 }
-function En(e, t) {
+function Nn(e, t) {
 	if (typeof window > "u") return null;
 	let n = window.location.pathname, r = `/${e}`, i = n.indexOf(r);
 	return `${i >= 0 ? n.slice(0, i) : n.replace(/\/$/, "")}/${e}/record/${encodeURIComponent(String(t))}`;
 }
 //#endregion
 //#region src/InlineCreateRelated.tsx
-var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, onLinkRecord: a, onSearch: o, existingRecords: s = [], className: c }) => {
+var Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, onLinkRecord: a, onSearch: o, existingRecords: s = [], className: c }) => {
 	let [l, u] = n.useState(!1), [d, f] = n.useState("create"), [p, m] = n.useState({}), [h, x] = n.useState(""), [S, C] = n.useState(s), [T, E] = n.useState(!1), [D, O] = n.useState(!1), k = n.useMemo(() => {
 		if (!h.trim()) return S;
 		let e = h.toLowerCase();
 		return S.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
-	}, [h, S]), N = n.useCallback(async (e) => {
+	}, [h, S]), A = n.useCallback(async (e) => {
 		if (x(e), o && e.trim().length >= 2) {
 			O(!0);
 			try {
@@ -3302,12 +3420,12 @@ var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 				O(!1);
 			}
 		}
-	}, [o]), P = n.useCallback((e, t) => {
+	}, [o]), j = n.useCallback((e, t) => {
 		m((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), F = n.useCallback(async () => {
+	}, []), M = n.useCallback(async () => {
 		if (i) {
 			E(!0);
 			try {
@@ -3323,7 +3441,7 @@ var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 		i,
 		p,
 		t
-	]), I = n.useCallback(async (e) => {
+	]), N = n.useCallback(async (e) => {
 		if (a) {
 			E(!0);
 			try {
@@ -3332,9 +3450,9 @@ var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 				E(!1);
 			}
 		}
-	}, [a]), te = n.useMemo(() => r.filter((e) => e.required).every((e) => p[e.name]?.toString().trim()), [r, p]);
+	}, [a]), P = n.useMemo(() => r.filter((e) => e.required).every((e) => p[e.name]?.toString().trim()), [r, p]);
 	return l ? /* @__PURE__ */ Q(_, {
-		className: L("", c),
+		className: H("", c),
 		children: [/* @__PURE__ */ Z(y, {
 			className: "pb-3",
 			children: /* @__PURE__ */ Q(b, {
@@ -3348,26 +3466,26 @@ var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 					size: "icon",
 					className: "h-6 w-6",
 					onClick: () => u(!1),
-					children: /* @__PURE__ */ Z(Ve, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(qe, { className: "h-3.5 w-3.5" })
 				})]
 			})
-		}), /* @__PURE__ */ Z(v, { children: /* @__PURE__ */ Q(A, {
+		}), /* @__PURE__ */ Z(v, { children: /* @__PURE__ */ Q(ee, {
 			value: d,
 			onValueChange: f,
 			children: [
-				/* @__PURE__ */ Q(ee, {
+				/* @__PURE__ */ Q(I, {
 					className: "mb-3 w-full",
-					children: [i && /* @__PURE__ */ Q(M, {
+					children: [i && /* @__PURE__ */ Q(L, {
 						value: "create",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ Z(Me, { className: "h-3.5 w-3.5" }), "Create New"]
-					}), a && /* @__PURE__ */ Q(M, {
+						children: [/* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5" }), "Create New"]
+					}), a && /* @__PURE__ */ Q(L, {
 						value: "link",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ Z(Ce, { className: "h-3.5 w-3.5" }), "Link Existing"]
+						children: [/* @__PURE__ */ Z(Te, { className: "h-3.5 w-3.5" }), "Link Existing"]
 					})]
 				}),
-				i && /* @__PURE__ */ Q(j, {
+				i && /* @__PURE__ */ Q(F, {
 					value: "create",
 					className: "space-y-3 mt-0",
 					children: [r.map((e) => /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("label", {
@@ -3380,7 +3498,7 @@ var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 						type: e.type === "number" ? "number" : e.type === "date" ? "date" : "text",
 						placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
 						value: p[e.name] || "",
-						onChange: (t) => P(e.name, t.target.value),
+						onChange: (t) => j(e.name, t.target.value),
 						className: "h-8 text-sm"
 					})] }, e.name)), /* @__PURE__ */ Q("div", {
 						className: "flex justify-end gap-2 pt-1",
@@ -3391,36 +3509,36 @@ var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 							children: "Cancel"
 						}), /* @__PURE__ */ Q(g, {
 							size: "sm",
-							onClick: F,
-							disabled: !te || T,
+							onClick: M,
+							disabled: !P || T,
 							className: "gap-1.5",
-							children: [T && /* @__PURE__ */ Z(Te, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
+							children: [T && /* @__PURE__ */ Z(De, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
 						})]
 					})]
 				}),
-				a && /* @__PURE__ */ Q(j, {
+				a && /* @__PURE__ */ Q(F, {
 					value: "link",
 					className: "space-y-3 mt-0",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ Z(Ie, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ Z(w, {
+						children: [/* @__PURE__ */ Z(Ve, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ Z(w, {
 							placeholder: `Search ${e}…`,
 							value: h,
-							onChange: (e) => N(e.target.value),
+							onChange: (e) => A(e.target.value),
 							className: "h-8 text-sm pl-8"
 						})]
 					}), /* @__PURE__ */ Z("div", {
 						className: "max-h-48 overflow-y-auto space-y-1",
 						children: D ? /* @__PURE__ */ Q("div", {
 							className: "flex items-center justify-center py-4 text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ Z(Te, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
+							children: [/* @__PURE__ */ Z(De, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
 						}) : k.length === 0 ? /* @__PURE__ */ Z("p", {
 							className: "text-sm text-muted-foreground text-center py-4",
 							children: h ? "No records found" : "Type to search records"
 						}) : k.map((e) => /* @__PURE__ */ Q("button", {
 							type: "button",
 							className: "w-full text-left px-3 py-2 rounded-md hover:bg-accent text-sm transition-colors",
-							onClick: () => I(e.id),
+							onClick: () => N(e.id),
 							disabled: T,
 							children: [/* @__PURE__ */ Z("span", {
 								className: "font-medium",
@@ -3435,7 +3553,7 @@ var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 			]
 		}) })]
 	}) : /* @__PURE__ */ Q("div", {
-		className: L("flex gap-2", c),
+		className: H("flex gap-2", c),
 		children: [i && /* @__PURE__ */ Q(g, {
 			variant: "outline",
 			size: "sm",
@@ -3444,7 +3562,7 @@ var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 			},
 			className: "gap-1.5",
 			children: [
-				/* @__PURE__ */ Z(Me, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5" }),
 				"New ",
 				e
 			]
@@ -3455,17 +3573,17 @@ var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 				f("link"), u(!0);
 			},
 			className: "gap-1.5",
-			children: [/* @__PURE__ */ Z(Ce, { className: "h-3.5 w-3.5" }), "Link Existing"]
+			children: [/* @__PURE__ */ Z(Te, { className: "h-3.5 w-3.5" }), "Link Existing"]
 		})]
 	});
 };
 //#endregion
 //#region src/RichTextCommentInput.tsx
-function On(e) {
+function Fn(e) {
 	let t = e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/```([\s\S]*?)```/g, "<pre class=\"bg-muted rounded p-2 text-xs font-mono my-1 overflow-x-auto\">$1</pre>").replace(/`([^`]+)`/g, "<code class=\"bg-muted rounded px-1 py-0.5 text-xs font-mono\">$1</code>").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/@(\w+)/g, "<span class=\"text-primary font-medium\">@$1</span>").replace(/^- (.+)$/gm, "<li class=\"ml-4 list-disc\">$1</li>").replace(/\n/g, "<br/>");
 	return t = t.replace(/(<li[^>]*>.*?<\/li>(?:<br\/>)?)+/g, (e) => `<ul class="my-1">${e.replace(/<br\/>/g, "")}</ul>`), t;
 }
-var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], placeholder: a, className: o, disabled: s = !1 }) => {
+var In = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], placeholder: a, className: o, disabled: s = !1 }) => {
 	let { t: c } = $(), [l, u] = n.useState(!1), [d, f] = n.useState(!1), [p, m] = n.useState(""), [h, _] = n.useState(0), v = n.useRef(null), y = n.useMemo(() => {
 		if (!p) return i;
 		let e = p.toLowerCase();
@@ -3526,7 +3644,7 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 		r
 	]);
 	return /* @__PURE__ */ Q("div", {
-		className: L("border rounded-md", o),
+		className: H("border rounded-md", o),
 		children: [/* @__PURE__ */ Q("div", {
 			className: "flex items-center gap-0.5 px-2 py-1.5 border-b bg-muted/30",
 			children: [
@@ -3537,7 +3655,7 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: x,
 					disabled: s || l,
 					title: c("detail.bold"),
-					children: /* @__PURE__ */ Z(U, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(K, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3546,7 +3664,7 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: S,
 					disabled: s || l,
 					title: c("detail.italic"),
-					children: /* @__PURE__ */ Z(q, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(we, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3555,7 +3673,7 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: C,
 					disabled: s || l,
 					title: c("detail.listFormat"),
-					children: /* @__PURE__ */ Z(we, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(Ee, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3564,7 +3682,7 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: w,
 					disabled: s || l,
 					title: c("detail.inlineCode"),
-					children: /* @__PURE__ */ Z(fe, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(me, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3573,7 +3691,7 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: T,
 					disabled: s || l,
 					title: c("detail.mentionSomeone"),
-					children: /* @__PURE__ */ Z(V, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(G, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z("div", { className: "flex-1" }),
 				/* @__PURE__ */ Z(g, {
@@ -3582,7 +3700,7 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					className: "h-7 w-7",
 					onClick: () => u(!l),
 					title: c(l ? "detail.edit" : "detail.preview"),
-					children: Z(l ? he : G, { className: "h-3.5 w-3.5" })
+					children: Z(l ? J : ve, { className: "h-3.5 w-3.5" })
 				}),
 				r && /* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3591,15 +3709,15 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: r,
 					disabled: s || !e.trim(),
 					title: c("detail.submitComment"),
-					children: /* @__PURE__ */ Z(X, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(He, { className: "h-3.5 w-3.5" })
 				})
 			]
 		}), /* @__PURE__ */ Z("div", {
 			className: "relative",
 			children: l ? /* @__PURE__ */ Z("div", {
 				className: "min-h-[80px] px-3 py-2 text-sm prose prose-sm max-w-none",
-				dangerouslySetInnerHTML: { __html: On(e) }
-			}) : /* @__PURE__ */ Q(nt, { children: [/* @__PURE__ */ Z("textarea", {
+				dangerouslySetInnerHTML: { __html: Fn(e) }
+			}) : /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z("textarea", {
 				ref: v,
 				className: "w-full min-h-[80px] px-3 py-2 text-sm bg-transparent resize-none focus:outline-none placeholder:text-muted-foreground",
 				placeholder: a ?? c("detail.writeComment"),
@@ -3611,7 +3729,7 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 				className: "absolute left-2 bottom-full mb-1 w-56 bg-popover border rounded-md shadow-md z-50 max-h-40 overflow-y-auto",
 				children: y.map((e, t) => /* @__PURE__ */ Q("button", {
 					type: "button",
-					className: L("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === h && "bg-accent"),
+					className: H("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === h && "bg-accent"),
 					onMouseDown: (t) => {
 						t.preventDefault(), E(e);
 					},
@@ -3630,7 +3748,7 @@ var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 };
 //#endregion
 //#region src/DiffView.tsx
-function An(e, t) {
+function Ln(e, t) {
 	if (e == null) return ["(empty)"];
 	switch (t) {
 		case "json": try {
@@ -3649,7 +3767,7 @@ function An(e, t) {
 		default: return String(e).split("\n");
 	}
 }
-function jn(e, t) {
+function Rn(e, t) {
 	let n = [], r = Math.max(e.length, t.length);
 	for (let i = 0; i < r; i++) {
 		let r = i < e.length ? e[i] : void 0, a = i < t.length ? t[i] : void 0;
@@ -3666,16 +3784,16 @@ function jn(e, t) {
 	}
 	return n;
 }
-var Mn = {
+var zn = {
 	added: "bg-green-50 text-green-800 dark:bg-green-950/30 dark:text-green-300",
 	removed: "bg-red-50 text-red-800 dark:bg-red-950/30 dark:text-red-300",
 	unchanged: "text-muted-foreground"
-}, Nn = {
+}, Bn = {
 	added: "+",
 	removed: "-",
 	unchanged: " "
-}, Pn = ({ oldValue: e, newValue: t, fieldName: r, fieldType: i = "string", mode: a = "unified", className: o }) => {
-	let { t: s } = $(), [c, l] = n.useState(a), u = n.useMemo(() => An(e, i), [e, i]), d = n.useMemo(() => An(t, i), [t, i]), f = n.useMemo(() => jn(u, d), [u, d]), p = f.some((e) => e.type !== "unchanged"), m = n.useMemo(() => {
+}, Vn = ({ oldValue: e, newValue: t, fieldName: r, fieldType: i = "string", mode: a = "unified", className: o }) => {
+	let { t: s } = $(), [c, l] = n.useState(a), u = n.useMemo(() => Ln(e, i), [e, i]), d = n.useMemo(() => Ln(t, i), [t, i]), f = n.useMemo(() => Rn(u, d), [u, d]), p = f.some((e) => e.type !== "unchanged"), m = n.useMemo(() => {
 		if (c !== "side-by-side") return [];
 		let e = [], t = 0;
 		for (; t < f.length;) {
@@ -3701,7 +3819,7 @@ var Mn = {
 		return e;
 	}, [c, f]);
 	return /* @__PURE__ */ Q(_, {
-		className: L("overflow-hidden", o),
+		className: H("overflow-hidden", o),
 		children: [/* @__PURE__ */ Z(y, {
 			className: "pb-2",
 			children: /* @__PURE__ */ Q(b, {
@@ -3717,14 +3835,14 @@ var Mn = {
 						className: "h-7 w-7",
 						onClick: () => l("unified"),
 						title: s("detail.unifiedDiff"),
-						children: /* @__PURE__ */ Z(Fe, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ Z(Be, { className: "h-3.5 w-3.5" })
 					}), /* @__PURE__ */ Z(g, {
 						variant: c === "side-by-side" ? "secondary" : "ghost",
 						size: "icon",
 						className: "h-7 w-7",
 						onClick: () => l("side-by-side"),
 						title: s("detail.sideBySideDiff"),
-						children: /* @__PURE__ */ Z(pe, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ Z(he, { className: "h-3.5 w-3.5" })
 					})]
 				})]
 			})
@@ -3733,10 +3851,10 @@ var Mn = {
 			children: p ? c === "unified" ? /* @__PURE__ */ Z("div", {
 				className: "font-mono text-xs overflow-x-auto",
 				children: f.map((e, t) => /* @__PURE__ */ Q("div", {
-					className: L("px-4 py-0.5 whitespace-pre-wrap border-l-2", Mn[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
+					className: H("px-4 py-0.5 whitespace-pre-wrap border-l-2", zn[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
 					children: [/* @__PURE__ */ Z("span", {
 						className: "select-none mr-2 inline-block w-3 text-center opacity-60",
-						children: Nn[e.type]
+						children: Bn[e.type]
 					}), e.value]
 				}, t))
 			}) : /* @__PURE__ */ Z("div", {
@@ -3753,10 +3871,10 @@ var Mn = {
 							children: s("detail.currentVersion")
 						}),
 						m.map((e, t) => /* @__PURE__ */ Q(n.Fragment, { children: [/* @__PURE__ */ Z("div", {
-							className: L("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Mn[e.left.type] : "bg-muted/20"),
+							className: H("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? zn[e.left.type] : "bg-muted/20"),
 							children: e.left?.value ?? ""
 						}), /* @__PURE__ */ Z("div", {
-							className: L("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Mn[e.right.type] : "bg-muted/20"),
+							className: H("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? zn[e.right.type] : "bg-muted/20"),
 							children: e.right?.value ?? ""
 						})] }, t))
 					]
@@ -3767,7 +3885,7 @@ var Mn = {
 			})
 		})]
 	});
-}, Fn = ({ currentIndex: e, totalRecords: t, recordIds: r, onNavigate: i, onSearch: a, className: o }) => {
+}, Hn = ({ currentIndex: e, totalRecords: t, recordIds: r, onNavigate: i, onSearch: a, className: o }) => {
 	let { t: s } = $(), [c, l] = n.useState(""), [u, d] = n.useState(!1), f = n.useRef(null), p = e > 0, m = e > 0, h = e < t - 1, _ = e < t - 1, v = n.useCallback(() => {
 		p && i(r[0]);
 	}, [
@@ -3835,7 +3953,7 @@ var Mn = {
 		i,
 		a
 	]), /* @__PURE__ */ Q("div", {
-		className: L("flex items-center gap-1.5", o),
+		className: H("flex items-center gap-1.5", o),
 		children: [
 			/* @__PURE__ */ Z(g, {
 				variant: "outline",
@@ -3844,7 +3962,7 @@ var Mn = {
 				disabled: !p,
 				onClick: v,
 				title: s("detail.firstRecord"),
-				children: /* @__PURE__ */ Z(ue, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(q, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z(g, {
 				variant: "outline",
@@ -3853,7 +3971,7 @@ var Mn = {
 				disabled: !m,
 				onClick: y,
 				title: s("detail.previousRecordKey"),
-				children: /* @__PURE__ */ Z(ce, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(de, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "text-xs text-muted-foreground whitespace-nowrap px-1.5 tabular-nums",
@@ -3869,7 +3987,7 @@ var Mn = {
 				disabled: !h,
 				onClick: b,
 				title: s("detail.nextRecordKey"),
-				children: /* @__PURE__ */ Z(le, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(fe, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z(g, {
 				variant: "outline",
@@ -3878,15 +3996,15 @@ var Mn = {
 				disabled: !_,
 				onClick: x,
 				title: s("detail.lastRecord"),
-				children: /* @__PURE__ */ Z(de, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(pe, { className: "h-4 w-4" })
 			}),
-			a && /* @__PURE__ */ Q(nt, { children: [/* @__PURE__ */ Z(g, {
+			a && /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z(g, {
 				variant: u ? "secondary" : "ghost",
 				size: "icon",
 				className: "h-8 w-8",
 				onClick: C,
 				title: s("detail.searchWhileNavigating"),
-				children: /* @__PURE__ */ Z(Ie, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(Ve, { className: "h-4 w-4" })
 			}), u && /* @__PURE__ */ Z("div", {
 				className: "relative",
 				children: /* @__PURE__ */ Z(w, {
@@ -3900,18 +4018,18 @@ var Mn = {
 			})] })
 		]
 	});
-}, In = 28, Ln = [
+}, Un = 28, Wn = [
 	"fill-primary stroke-primary",
 	"fill-blue-500 stroke-blue-500",
 	"fill-emerald-500 stroke-emerald-500",
 	"fill-amber-500 stroke-amber-500"
-], Rn = [
+], Gn = [
 	"fill-primary-foreground",
 	"fill-white",
 	"fill-white",
 	"fill-white"
 ];
-function zn(e, t, n, r, i) {
+function Kn(e, t, n, r, i) {
 	let a = [], o = [], s = /* @__PURE__ */ new Set(), c = r / 2, l = i / 2;
 	a.push({
 		id: e.id,
@@ -3975,10 +4093,10 @@ function zn(e, t, n, r, i) {
 		edges: o
 	};
 }
-function Bn(e, t = 6) {
+function qn(e, t = 6) {
 	return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-var Vn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: a }) => {
+var Jn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: a }) => {
 	let o = n.useRef(null), [s, c] = n.useState({
 		width: 500,
 		height: 400
@@ -3999,20 +4117,20 @@ var Vn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 		});
 		return n.observe(t), () => n.disconnect();
 	}, []);
-	let { nodes: d, edges: f } = n.useMemo(() => zn(e, t, r, s.width, s.height), [
+	let { nodes: d, edges: f } = n.useMemo(() => Kn(e, t, r, s.width, s.height), [
 		e,
 		t,
 		r,
 		s
 	]);
 	return /* @__PURE__ */ Q(_, {
-		className: L("overflow-hidden", a),
+		className: H("overflow-hidden", a),
 		children: [/* @__PURE__ */ Z(y, {
 			className: "pb-2",
 			children: /* @__PURE__ */ Q(b, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(De, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(je, { className: "h-4 w-4" }),
 					"Relationships",
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -4041,9 +4159,9 @@ var Vn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 					strokeWidth: 1.5,
 					strokeOpacity: .5
 				}, `edge-${t}`)), d.map((e) => {
-					let t = l === e.id, n = Ln[Math.min(e.level, Ln.length - 1)], r = Rn[Math.min(e.level, Rn.length - 1)], a = e.level === 0 ? In + 6 : In;
+					let t = l === e.id, n = Wn[Math.min(e.level, Wn.length - 1)], r = Gn[Math.min(e.level, Gn.length - 1)], a = e.level === 0 ? Un + 6 : Un;
 					return /* @__PURE__ */ Q("g", {
-						className: L("cursor-pointer transition-transform", i && "hover:opacity-80"),
+						className: H("cursor-pointer transition-transform", i && "hover:opacity-80"),
 						onClick: () => i?.(e.id),
 						onMouseEnter: () => u(e.id),
 						onMouseLeave: () => u(null),
@@ -4062,8 +4180,8 @@ var Vn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 								y: e.y,
 								textAnchor: "middle",
 								dominantBaseline: "central",
-								className: L("text-[10px] font-medium pointer-events-none", r),
-								children: Bn(e.label)
+								className: H("text-[10px] font-medium pointer-events-none", r),
+								children: qn(e.label)
 							}),
 							e.type && /* @__PURE__ */ Z("text", {
 								x: e.x,
@@ -4072,7 +4190,7 @@ var Vn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 								className: "fill-muted-foreground text-[9px] pointer-events-none",
 								children: e.type
 							}),
-							t && /* @__PURE__ */ Q(nt, { children: [/* @__PURE__ */ Z("rect", {
+							t && /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z("rect", {
 								x: e.x - 50,
 								y: e.y - a - 28,
 								width: 100,
@@ -4097,16 +4215,16 @@ var Vn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 };
 //#endregion
 //#region src/CommentAttachment.tsx
-function Hn(e) {
+function Yn(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Un(e) {
+function Xn(e) {
 	return e.startsWith("image/");
 }
-function Wn(e) {
-	return Un(e) ? xe : e.includes("pdf") || e.includes("document") || e.includes("text") ? K : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? ye : ve;
+function Zn(e) {
+	return Xn(e) ? Ce : e.includes("pdf") || e.includes("document") || e.includes("text") ? xe : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? Y : be;
 }
-var Gn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a = !1 }) => {
+var Qn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a = !1 }) => {
 	let { t: o } = $(), [s, c] = n.useState(!1), l = n.useRef(null), u = n.useCallback((e) => {
 		e.preventDefault(), e.stopPropagation(), c(!0);
 	}, []), d = n.useCallback((e) => {
@@ -4117,9 +4235,9 @@ var Gn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 		t && e.target.files && e.target.files.length > 0 && (t(e.target.files), e.target.value = "");
 	}, [t]);
 	return /* @__PURE__ */ Q("div", {
-		className: L("space-y-2", i),
+		className: H("space-y-2", i),
 		children: [t && !a && /* @__PURE__ */ Q("div", {
-			className: L("border-2 border-dashed rounded-md px-4 py-3 text-center transition-colors cursor-pointer", s ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/40"),
+			className: H("border-2 border-dashed rounded-md px-4 py-3 text-center transition-colors cursor-pointer", s ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/40"),
 			onDragOver: u,
 			onDragLeave: d,
 			onDrop: f,
@@ -4130,7 +4248,7 @@ var Gn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l.current?.click());
 			},
 			children: [
-				/* @__PURE__ */ Z(Be, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+				/* @__PURE__ */ Z(Ke, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
 				/* @__PURE__ */ Z("p", {
 					className: "text-xs text-muted-foreground",
 					children: o("detail.dropFilesToUpload")
@@ -4147,11 +4265,11 @@ var Gn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 			className: "space-y-1.5",
 			children: [/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-1.5 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ Z(Y, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: e.length === 1 ? o("detail.attachmentCount", { count: e.length }) : o("detail.attachmentCountPlural", { count: e.length }) })]
+				children: [/* @__PURE__ */ Z(Pe, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: e.length === 1 ? o("detail.attachmentCount", { count: e.length }) : o("detail.attachmentCountPlural", { count: e.length }) })]
 			}), /* @__PURE__ */ Z("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 gap-2",
 				children: e.map((e) => {
-					let t = Un(e.type), n = Wn(e.type);
+					let t = Xn(e.type), n = Zn(e.type);
 					return /* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2 rounded-md border px-2.5 py-2 bg-muted/30 group",
 						children: [
@@ -4170,7 +4288,7 @@ var Gn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 									children: e.name
 								}), /* @__PURE__ */ Z("p", {
 									className: "text-[10px] text-muted-foreground",
-									children: Hn(e.size)
+									children: Yn(e.size)
 								})]
 							}),
 							r && !a && /* @__PURE__ */ Z(g, {
@@ -4179,7 +4297,7 @@ var Gn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 								className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
 								onClick: () => r(e.id),
 								title: o("detail.removeAttachment"),
-								children: /* @__PURE__ */ Z(Ve, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ Z(qe, { className: "h-3.5 w-3.5" })
 							})
 						]
 					}, e.id);
@@ -4190,7 +4308,7 @@ var Gn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 };
 //#endregion
 //#region src/PointInTimeRestore.tsx
-function Kn(e) {
+function $n(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -4201,7 +4319,7 @@ function Kn(e) {
 		return e;
 	}
 }
-var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
+var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 	let [a, o] = n.useState(null), [s, c] = n.useState(!1), [l, u] = n.useState(!1), d = n.useMemo(() => t.find((e) => e.id === a) ?? null, [t, a]), f = n.useCallback(async () => {
 		if (!(!d || !r)) {
 			if (!s) {
@@ -4224,13 +4342,13 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 		c(!1);
 	}, []);
 	return /* @__PURE__ */ Q(_, {
-		className: L("", i),
+		className: H("", i),
 		children: [/* @__PURE__ */ Z(y, {
 			className: "pb-3",
 			children: /* @__PURE__ */ Q(b, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(be, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(Se, { className: "h-4 w-4" }),
 					"Revision History",
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -4257,13 +4375,13 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 							let t = e.id === a;
 							return /* @__PURE__ */ Q("button", {
 								type: "button",
-								className: L("w-full text-left flex items-start gap-3 py-2 px-2 rounded-md transition-colors relative", t ? "bg-accent" : "hover:bg-accent/50"),
+								className: H("w-full text-left flex items-start gap-3 py-2 px-2 rounded-md transition-colors relative", t ? "bg-accent" : "hover:bg-accent/50"),
 								onClick: () => {
 									o(e.id), c(!1);
 								},
 								children: [/* @__PURE__ */ Z("div", {
-									className: L("shrink-0 h-6 w-6 rounded-full border-2 flex items-center justify-center z-10 mt-0.5", t ? "border-primary bg-primary" : "border-border bg-background"),
-									children: t && /* @__PURE__ */ Z(le, { className: "h-3 w-3 text-primary-foreground" })
+									className: H("shrink-0 h-6 w-6 rounded-full border-2 flex items-center justify-center z-10 mt-0.5", t ? "border-primary bg-primary" : "border-border bg-background"),
+									children: t && /* @__PURE__ */ Z(fe, { className: "h-3 w-3 text-primary-foreground" })
 								}), /* @__PURE__ */ Q("div", {
 									className: "flex-1 min-w-0",
 									children: [/* @__PURE__ */ Q("div", {
@@ -4273,7 +4391,7 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 											children: e.user
 										}), /* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground",
-											children: Kn(e.timestamp)
+											children: $n(e.timestamp)
 										})]
 									}), /* @__PURE__ */ Q("p", {
 										className: "text-xs text-muted-foreground mt-0.5",
@@ -4295,7 +4413,7 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 				children: [
 					/* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2 text-sm font-medium",
-						children: [/* @__PURE__ */ Z(G, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
+						children: [/* @__PURE__ */ Z(ve, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "space-y-2",
@@ -4311,7 +4429,7 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 										className: "line-through text-red-600 dark:text-red-400 truncate max-w-[120px]",
 										children: e.oldValue == null ? "(empty)" : String(e.oldValue)
 									}),
-									/* @__PURE__ */ Z(le, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+									/* @__PURE__ */ Z(fe, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
 									/* @__PURE__ */ Z("span", {
 										className: "text-green-600 dark:text-green-400 truncate max-w-[120px]",
 										children: e.newValue == null ? "(empty)" : String(e.newValue)
@@ -4341,12 +4459,12 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 					}),
 					r && /* @__PURE__ */ Z("div", {
 						className: "pt-1 space-y-2",
-						children: s ? /* @__PURE__ */ Q(nt, { children: [/* @__PURE__ */ Q("p", {
+						children: s ? /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Q("p", {
 							className: "text-xs text-amber-600 dark:text-amber-400",
 							children: [
 								"This will restore the record to its state at",
 								" ",
-								Kn(d.timestamp),
+								$n(d.timestamp),
 								". Continue?"
 							]
 						}), /* @__PURE__ */ Q("div", {
@@ -4357,7 +4475,7 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 								className: "gap-1.5 flex-1",
 								onClick: f,
 								disabled: l,
-								children: [/* @__PURE__ */ Z(Pe, { className: "h-3.5 w-3.5" }), l ? "Restoring…" : "Confirm Restore"]
+								children: [/* @__PURE__ */ Z(ze, { className: "h-3.5 w-3.5" }), l ? "Restoring…" : "Confirm Restore"]
 							}), /* @__PURE__ */ Z(g, {
 								variant: "ghost",
 								size: "sm",
@@ -4370,14 +4488,14 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 							size: "sm",
 							className: "w-full gap-1.5",
 							onClick: f,
-							children: [/* @__PURE__ */ Z(Pe, { className: "h-3.5 w-3.5" }), "Restore to this point"]
+							children: [/* @__PURE__ */ Z(ze, { className: "h-3.5 w-3.5" }), "Restore to this point"]
 						})
 					})
 				]
 			})]
 		}) })]
 	});
-}, Jn = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: r = !1, className: i }) => {
+}, tr = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: r = !1, className: i }) => {
 	let [a, o] = n.useState(""), [s, c] = n.useState(!1), l = n.useCallback(async () => {
 		let t = a.trim();
 		if (t) {
@@ -4392,7 +4510,7 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), l());
 	}, [l]);
 	return /* @__PURE__ */ Q("div", {
-		className: L("flex gap-2", i),
+		className: H("flex gap-2", i),
 		children: [/* @__PURE__ */ Z("textarea", {
 			className: "flex-1 min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none",
 			placeholder: t,
@@ -4407,24 +4525,24 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 			disabled: !a.trim() || s || r,
 			className: "shrink-0 self-end",
 			"aria-label": "Submit comment",
-			children: /* @__PURE__ */ Z(X, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ Z(He, { className: "h-4 w-4" })
 		})]
 	});
-}, Yn = ({ query: e, suggestions: t, onSelect: r, visible: i = !0, activeIndex: a = 0, className: o }) => {
+}, nr = ({ query: e, suggestions: t, onSelect: r, visible: i = !0, activeIndex: a = 0, className: o }) => {
 	let s = n.useMemo(() => {
 		if (!e) return t;
 		let n = e.toLowerCase();
 		return t.filter((e) => e.name.toLowerCase().includes(n) || e.id.toLowerCase().includes(n));
 	}, [e, t]);
 	return !i || s.length === 0 ? null : /* @__PURE__ */ Z("div", {
-		className: L("bg-popover border rounded-md shadow-md z-50 max-h-48 overflow-y-auto w-56", o),
+		className: H("bg-popover border rounded-md shadow-md z-50 max-h-48 overflow-y-auto w-56", o),
 		role: "listbox",
 		"aria-label": "Mention suggestions",
 		children: s.map((e, t) => /* @__PURE__ */ Q("button", {
 			type: "button",
 			role: "option",
 			"aria-selected": t === a,
-			className: L("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === a && "bg-accent"),
+			className: H("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === a && "bg-accent"),
 			onMouseDown: (t) => {
 				t.preventDefault(), r(e);
 			},
@@ -4452,7 +4570,7 @@ var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 		}, e.id))
 	});
 };
-function Xn(e, t, n) {
+function rr(e, t, n) {
 	return {
 		type: e.type,
 		id: e.id,
@@ -4463,10 +4581,10 @@ function Xn(e, t, n) {
 }
 //#endregion
 //#region src/synth/buildDefaultPageSchema.ts
-function Zn(e) {
+function ir(e) {
 	return e == null ? [] : Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function Qn(e) {
+function ar(e) {
 	if (!e) return null;
 	if (e.stageField) return e.stageField;
 	let t = e.fields || {};
@@ -4482,7 +4600,7 @@ function Qn(e) {
 	}
 	return null;
 }
-function $n(e, t) {
+function or(e, t) {
 	if (!e || !t) return null;
 	let n = e.fields?.[t]?.options;
 	return !Array.isArray(n) || n.length === 0 ? null : n.map((e) => ({
@@ -4490,7 +4608,7 @@ function $n(e, t) {
 		label: e.label
 	}));
 }
-function er(e, t, n = 4) {
+function sr(e, t, n = 4) {
 	if (!e) return [];
 	if (Array.isArray(e.highlightFields) && e.highlightFields.length > 0) return e.highlightFields.slice(0, n);
 	let r = new Set([
@@ -4530,22 +4648,22 @@ function er(e, t, n = 4) {
 	for (let e of Object.keys(o)) if (!(a.includes(e) || r.has(e)) && (a.push(e), a.length >= n)) break;
 	return a;
 }
-function tr(e, t = {}) {
+function cr(e, t = {}) {
 	return {
 		type: "page:header",
 		recordChrome: t.recordChrome !== !1,
 		...Array.isArray(t.actions) && t.actions.length > 0 ? { actions: t.actions } : {}
 	};
 }
-function nr(e, t) {
+function lr(e, t) {
 	return !Array.isArray(t) || t.length === 0 ? null : {
 		type: "record:quick_actions",
 		actions: t,
 		location: "record_header"
 	};
 }
-function rr(e, t = {}) {
-	let n = t.statusField ?? Qn(e), r = t.stages ?? (n ? $n(e, n) : null), i = t.highlightFields ?? er(e, n), a = [];
+function ur(e, t = {}) {
+	let n = t.statusField ?? ar(e), r = t.stages ?? (n ? or(e, n) : null), i = t.highlightFields ?? sr(e, n), a = [];
 	return !t.hideHighlights && i.length > 0 && a.push({
 		type: "record:highlights",
 		fields: i
@@ -4555,17 +4673,17 @@ function rr(e, t = {}) {
 		stages: r
 	}), a;
 }
-function ir(e, t, n) {
+function dr(e, t, n) {
 	return {
 		type: "record:details",
 		sections: t,
 		...n && n.length > 0 ? { hideFields: n } : {}
 	};
 }
-function ar(e, t = {}) {
-	let n = t.statusField ?? Qn(e), r = t.highlightFields ?? er(e, n), i = [{
+function fr(e, t = {}) {
+	let n = t.statusField ?? ar(e), r = t.highlightFields ?? sr(e, n), i = [{
 		label: "Details",
-		children: [ir(e, t.sections, r)]
+		children: [dr(e, t.sections, r)]
 	}];
 	return Array.isArray(t.related) && t.related.length > 0 && i.push({
 		label: "Related",
@@ -4594,23 +4712,23 @@ function ar(e, t = {}) {
 		items: i
 	};
 }
-function or() {
+function pr() {
 	return { type: "record:discussion" };
 }
-function sr(e, t = {}) {
+function mr(e, t = {}) {
 	let n = t.slots || {}, r = [];
-	if ("header" in n && n.header !== void 0 ? r.push(...Zn(n.header)) : r.push(tr(e, {
+	if ("header" in n && n.header !== void 0 ? r.push(...ir(n.header)) : r.push(cr(e, {
 		recordChrome: t.recordChrome,
 		actions: t.headerActions
-	})), "actions" in n && n.actions !== void 0 && r.push(...Zn(n.actions)), "highlights" in n && n.highlights !== void 0 ? r.push(...Zn(n.highlights)) : r.push(...rr(e, {
+	})), "actions" in n && n.actions !== void 0 && r.push(...ir(n.actions)), "highlights" in n && n.highlights !== void 0 ? r.push(...ir(n.highlights)) : r.push(...ur(e, {
 		highlightFields: t.highlightFields,
 		statusField: t.statusField,
 		stages: t.stages,
 		hideHighlights: t.hideHighlights,
 		hidePath: t.hidePath
-	})), "tabs" in n && n.tabs !== void 0) r.push(...Zn(n.tabs));
+	})), "tabs" in n && n.tabs !== void 0) r.push(...ir(n.tabs));
 	else if ("details" in n && n.details !== void 0) {
-		let i = Zn(n.details), a = ar(e, {
+		let i = ir(n.details), a = fr(e, {
 			sections: t.sections,
 			related: t.related,
 			showActivity: t.showActivity,
@@ -4622,7 +4740,7 @@ function sr(e, t = {}) {
 			...a.items[0],
 			children: i
 		}), r.push(a);
-	} else r.push(ar(e, {
+	} else r.push(fr(e, {
 		sections: t.sections,
 		related: t.related,
 		showActivity: t.showActivity,
@@ -4630,7 +4748,7 @@ function sr(e, t = {}) {
 		highlightFields: t.highlightFields,
 		statusField: t.statusField
 	}));
-	return "discussion" in n && n.discussion !== void 0 ? r.push(...Zn(n.discussion)) : t.hideDiscussion || r.push(or()), {
+	return "discussion" in n && n.discussion !== void 0 ? r.push(...ir(n.discussion)) : t.hideDiscussion || r.push(pr()), {
 		type: "record",
 		pageType: "record",
 		object: e?.name,
@@ -4642,7 +4760,7 @@ function sr(e, t = {}) {
 		}]
 	};
 }
-e.register("detail-view", Ut, {
+e.register("detail-view", Xt, {
 	namespace: "plugin-detail",
 	label: "Detail View",
 	category: "Views",
@@ -4772,7 +4890,7 @@ e.register("detail-view", Ut, {
 		tabs: [],
 		related: []
 	}
-}), e.register("detail-section", pt, {
+}), e.register("detail-section", bt, {
 	namespace: "plugin-detail",
 	label: "Detail Section",
 	category: "Detail Components",
@@ -4823,7 +4941,7 @@ e.register("detail-view", Ut, {
 			label: "Header Color"
 		}
 	]
-}), e.register("related-list", gt, {
+}), e.register("related-list", Ct, {
 	namespace: "plugin-detail",
 	label: "Related List",
 	category: "Detail Components",
@@ -4870,7 +4988,7 @@ e.register("detail-view", Ut, {
 			label: "Columns"
 		}
 	]
-}), e.register("detail", Ut, {
+}), e.register("detail", Xt, {
 	namespace: "view",
 	category: "view",
 	label: "Detail",
@@ -4893,51 +5011,51 @@ e.register("detail-view", Ut, {
 			label: "Fields"
 		}
 	]
-}), e.register("record:details", Kt, {
+}), e.register("record:details", $t, {
 	namespace: "record",
 	category: "record",
 	label: "Record Details",
 	icon: "FileText"
-}), e.register("record:related_list", Yt, {
+}), e.register("record:related_list", nn, {
 	namespace: "record",
 	category: "record",
 	label: "Related List",
 	icon: "List"
-}), e.register("record:highlights", Zt, {
+}), e.register("record:highlights", an, {
 	namespace: "record",
 	category: "record",
 	label: "Highlights Panel",
 	icon: "Star"
-}), e.register("record:activity", fn, {
+}), e.register("record:activity", yn, {
 	namespace: "record",
 	category: "record",
 	label: "Activity Timeline",
 	icon: "Activity"
-}), e.register("record:chatter", hn, {
+}), e.register("record:chatter", Sn, {
 	namespace: "record",
 	category: "record",
 	label: "Chatter Feed",
 	icon: "MessageSquare"
-}), e.register("record:discussion", hn, {
+}), e.register("record:discussion", Sn, {
 	namespace: "record",
 	category: "record",
 	label: "Discussion",
 	icon: "MessageSquare"
-}), e.register("record:path", _n, {
+}), e.register("record:path", wn, {
 	namespace: "record",
 	category: "record",
 	label: "Path / Stepper",
 	icon: "GitBranch"
-}), e.register("record:quick_actions", yn, {
+}), e.register("record:quick_actions", En, {
 	namespace: "record",
 	category: "record",
 	label: "Quick Actions",
 	icon: "Zap"
-}), e.register("record:history", xn, {
+}), e.register("record:history", On, {
 	namespace: "record",
 	category: "record",
 	label: "History Timeline",
 	icon: "Clock"
 });
 //#endregion
-export { Et as ActivityTimeline, Gn as CommentAttachment, Jn as CommentInput, dt as DETAIL_DEFAULT_TRANSLATIONS, pt as DetailSection, mt as DetailTabs, Ut as DetailView, Pn as DiffView, Qt as FieldChangeItem, vt as HeaderHighlight, Nt as HistoryTimeline, Dn as InlineCreateRelated, Yn as MentionAutocomplete, qn as PointInTimeRestore, en as ReactionPicker, fn as RecordActivityRenderer, un as RecordActivityTimeline, pn as RecordChatterPanel, hn as RecordChatterRenderer, bt as RecordComments, Tn as RecordDetailDrawer, Kt as RecordDetailsRenderer, Zt as RecordHighlightsRenderer, xn as RecordHistoryRenderer, Bt as RecordMetaFooter, Fn as RecordNavigationEnhanced, _n as RecordPathRenderer, yn as RecordQuickActionsRenderer, Yt as RecordRelatedListRenderer, gt as RelatedList, Vn as RelationshipGraph, kn as RichTextCommentInput, _t as SectionGroup, rn as SubscriptionToggle, nn as ThreadedReplies, ct as applyAutoSpan, lt as applyDetailAutoLayout, nr as buildDefaultActions, ir as buildDefaultDetails, or as buildDefaultDiscussion, tr as buildDefaultHeader, rr as buildDefaultHighlights, sr as buildDefaultPageSchema, ar as buildDefaultTabs, Xn as createMentionFromSuggestion, ut as createSafeTranslationHook, er as deriveHighlightFields, En as deriveRecordPageHref, $n as deriveStages, Qn as detectStatusField, st as inferDetailColumns, ot as isWideFieldType, $ as useDetailTranslation };
+export { Nt as ActivityTimeline, Qn as CommentAttachment, tr as CommentInput, vt as DETAIL_DEFAULT_TRANSLATIONS, bt as DetailSection, xt as DetailTabs, Xt as DetailView, Vn as DiffView, on as FieldChangeItem, Tt as HeaderHighlight, Bt as HistoryTimeline, Pn as InlineCreateRelated, nr as MentionAutocomplete, er as PointInTimeRestore, cn as ReactionPicker, yn as RecordActivityRenderer, _n as RecordActivityTimeline, bn as RecordChatterPanel, Sn as RecordChatterRenderer, Dt as RecordComments, Mn as RecordDetailDrawer, $t as RecordDetailsRenderer, an as RecordHighlightsRenderer, On as RecordHistoryRenderer, qt as RecordMetaFooter, Hn as RecordNavigationEnhanced, wn as RecordPathRenderer, En as RecordQuickActionsRenderer, nn as RecordRelatedListRenderer, Ct as RelatedList, Jn as RelationshipGraph, In as RichTextCommentInput, wt as SectionGroup, dn as SubscriptionToggle, un as ThreadedReplies, ht as applyAutoSpan, gt as applyDetailAutoLayout, lr as buildDefaultActions, dr as buildDefaultDetails, pr as buildDefaultDiscussion, cr as buildDefaultHeader, ur as buildDefaultHighlights, mr as buildDefaultPageSchema, fr as buildDefaultTabs, rr as createMentionFromSuggestion, _t as createSafeTranslationHook, sr as deriveHighlightFields, Nn as deriveRecordPageHref, or as deriveStages, ar as detectStatusField, mt as inferDetailColumns, pt as isWideFieldType, $ as useDetailTranslation };