@object-ui/plugin-detail 11.5.0 → 13.1.0

package/dist/index.js

@@ -1,8 +1,8 @@
 import { ComponentRegistry as e, buildExpandFields as t, formatTitleTemplate as n, getRecordDisplayName as r } from "@object-ui/core";
 import * as i from "react";
 import a from "react";
-import { Alert as o, AlertDescription as s, AlertDialog as c, AlertDialogAction as l, AlertDialogCancel as u, AlertDialogContent as d, AlertDialogDescription as f, AlertDialogFooter as p, AlertDialogHeader as m, AlertDialogTitle as h, AlertTitle as g, Avatar as _, AvatarFallback as v, AvatarImage as y, Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, Collapsible as E, CollapsibleContent as D, CollapsibleTrigger as O, DataEmptyState as k, Input as A, LazyIcon as j, Select as M, SelectContent as N, SelectItem as ee, SelectTrigger as te, SelectValue as ne, Sheet as re, SheetContent as ie, SheetHeader as P, SheetTitle as F, Skeleton as I, Tabs as L, TabsContent as R, TabsList as z, TabsTrigger as B, Tooltip as V, TooltipContent as H, TooltipProvider as ae, TooltipTrigger as U, buttonVariants as W, cn as G, useIsMobile as oe } from "@object-ui/components";
-import { Activity as K, AlertTriangle as se, ArrowLeft as ce, ArrowRight as le, ArrowRightLeft as ue, ArrowUpDown as de, AtSign as q, Bell as fe, BellOff as pe, Bold as me, Calendar as he, Check as ge, CheckSquare as _e, ChevronDown as ve, ChevronLeft as ye, ChevronRight as be, ChevronsLeft as xe, ChevronsRight as Se, Code as Ce, Columns2 as we, Copy as Te, Edit as Ee, ExternalLink as De, Eye as Oe, EyeOff as J, File as ke, FileArchive as Ae, FileText as je, History as Y, Image as Me, Inbox as Ne, Italic as Pe, Link as Fe, List as Ie, Loader2 as Le, Lock as Re, Mail as ze, MessageSquare as X, Network as Be, PanelRightClose as Ve, PanelRightOpen as He, Paperclip as Ue, Phone as We, Pin as Ge, Plus as Ke, PlusCircle as qe, RotateCcw as Je, Rows3 as Ye, Search as Xe, Send as Ze, SmilePlus as Qe, Star as $e, Trash2 as et, Upload as tt, X as nt, Zap as rt, icons as it } from "lucide-react";
+import { Alert as o, AlertDescription as s, AlertDialog as c, AlertDialogAction as l, AlertDialogCancel as u, AlertDialogContent as d, AlertDialogDescription as f, AlertDialogFooter as p, AlertDialogHeader as m, AlertDialogTitle as h, AlertTitle as g, Avatar as _, AvatarFallback as v, AvatarImage as y, Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, Collapsible as E, CollapsibleContent as D, CollapsibleTrigger as O, DataEmptyState as k, Input as A, LazyIcon as j, Select as M, SelectContent as N, SelectItem as P, SelectTrigger as ee, SelectValue as te, Sheet as ne, SheetContent as re, SheetHeader as ie, SheetTitle as ae, Skeleton as F, Tabs as I, TabsContent as L, TabsList as R, TabsTrigger as z, Tooltip as B, TooltipContent as V, TooltipProvider as oe, TooltipTrigger as H, buttonVariants as U, cn as W, useIsMobile as se } from "@object-ui/components";
+import { Activity as G, AlertTriangle as ce, ArrowLeft as le, ArrowRight as ue, ArrowRightLeft as de, ArrowUpDown as fe, AtSign as K, Bell as pe, BellOff as q, Bold as me, Calendar as he, Check as ge, CheckSquare as _e, ChevronDown as ve, ChevronLeft as ye, ChevronRight as be, ChevronsLeft as xe, ChevronsRight as Se, Code as Ce, Columns2 as we, Copy as Te, Edit as Ee, ExternalLink as De, Eye as J, EyeOff as Oe, File as ke, FileArchive as Y, FileText as Ae, History as je, Image as Me, Inbox as X, Italic as Ne, Link as Pe, List as Fe, Loader2 as Ie, Lock as Le, Mail as Re, MessageSquare as ze, Network as Be, PanelRightClose as Ve, PanelRightOpen as He, Paperclip as Ue, Phone as We, Pin as Ge, Plus as Ke, PlusCircle as qe, RotateCcw as Je, Rows3 as Ye, Search as Xe, Send as Ze, SmilePlus as Qe, Star as $e, Trash2 as et, Upload as tt, X as nt, Zap as rt, icons as it } from "lucide-react";
 import { SchemaRenderer as at, toPredicateInput as ot, useActionEngine as st, useCondition as ct, useDataInvalidation as lt, useDiscussionContext as ut, useHighlightFieldNames as dt, useMetadataItem as ft, useObjectTranslation as pt, useRecordContext as mt, useRegisterHighlightFields as ht, useRelatedRecordActions as gt, useSafeFieldLabel as _t } from "@object-ui/react";
 import { BooleanField as vt, LookupField as yt, RecordPickerDialog as bt, SelectField as xt, UserField as St, coerceToSafeValue as Ct, getCellRenderer as wt, humanizeLabel as Tt, resolveCellRendererType as Et } from "@object-ui/fields";
 import { Fragment as Dt, jsx as Z, jsxs as Q } from "react/jsx-runtime";
@@ -28,7 +28,7 @@ function It(e) {
 }
 function Lt(e, t) {
 	let n;
-	return n = e <= 3 ? 1 : 2, t !== void 0 && t < 640 ? Math.min(n, 1) : n;
+	return n = e <= 3 ? 1 : e <= 8 ? 2 : e <= 15 ? 3 : 4, t !== void 0 && t < 640 ? Math.min(n, 1) : n;
 }
 function Rt(e, t) {
 	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && It(e.type) ? {
@@ -197,7 +197,7 @@ var Vt = {
 //#endregion
 //#region src/DetailSection.tsx
 function Ht(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" : "";
+	return !e || e <= 1 || t <= 1 ? "" : t === 2 ? e >= 2 ? "md:col-span-2" : "" : t === 3 ? e === 2 ? "md:col-span-2" : e >= 3 ? "md:col-span-2 lg:col-span-3" : "" : e === 2 ? "md:col-span-2" : e === 3 ? "md:col-span-2 lg:col-span-3" : e >= 4 ? "md:col-span-2 lg:col-span-3 xl:col-span-4" : "";
 }
 var Ut = /* @__PURE__ */ new Set([
 	"formula",
@@ -223,9 +223,7 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 	}, []), A = i.useCallback((e) => {
 		let n = t?.[e.name] ?? e.value;
 		return n == null || n === "";
-	}, [t]), j = i.useMemo(() => e.fields.filter(A).length, [e.fields, A]), M = oe(), N = M ? 3 : 4, ee = M ? .2 : .25, te = e.fields.length - j, ne = !e.hideEmpty && !o && e.fields.length >= N && j / e.fields.length >= ee && te > 0, re = !g && (e.hideEmpty || ne) ? e.fields.filter((e) => !A(e)) : e.fields;
-	if (re.length === 0 && j === e.fields.length) return null;
-	let { fields: ie, columns: P } = zt(re, e.columns), F = (e) => {
+	}, [t]), j = i.useMemo(() => e.fields.filter(A).length, [e.fields, A]), M = se(), N = M ? 3 : 4, P = M ? .2 : .25, ee = e.fields.length - j, te = !e.hideEmpty && !o && e.fields.length >= N && j / e.fields.length >= P && ee > 0, ne = !g && (e.hideEmpty || te) ? e.fields.filter((e) => !A(e)) : e.fields, { fields: re, columns: ie } = zt(ne, e.columns), ae = Math.min(ie, Math.max(1, ne.length)), F = (e) => {
 		let n = t?.[e.name] ?? e.value;
 		if (e.render) return /* @__PURE__ */ Z(at, {
 			schema: e.render,
@@ -234,7 +232,7 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 				value: n
 			}
 		});
-		let i = Ht(e.span, P), l = r?.fields?.[e.name], u = { ...e };
+		let i = Ht(e.span, ae), l = r?.fields?.[e.name], u = { ...e };
 		if (l) {
 			!e.type && l.type && (u.type = l.type), l.options && !u.options && (u.options = l.options), l.currency && !u.currency && (u.currency = l.currency), l.precision !== void 0 && u.precision === void 0 && (u.precision = l.precision), l.scale !== void 0 && u.scale === void 0 && (u.scale = l.scale), l.format && !u.format && (u.format = l.format);
 			let t = l.reference_to || l.reference;
@@ -259,7 +257,7 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 			return String(n);
 		})(), p = n != null && n !== "", m = f === e.name, h = y(a || "", e.name, e.label || e.name);
 		return M && !(o && !e.readonly) ? /* @__PURE__ */ Q("div", {
-			className: G("flex items-baseline justify-between gap-4 py-2.5 min-h-[44px] group", p && "cursor-pointer active:bg-muted/40 transition-colors"),
+			className: W("flex items-baseline justify-between gap-4 py-2.5 min-h-[44px] group", p && "cursor-pointer active:bg-muted/40 transition-colors"),
 			onClick: p ? () => k(e.name, n) : void 0,
 			onKeyDown: p ? (t) => {
 				(t.key === "Enter" || t.key === " ") && (t.preventDefault(), k(e.name, n));
@@ -274,7 +272,7 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 				children: d
 			})]
 		}, e.name) : /* @__PURE__ */ Q("div", {
-			className: G("space-y-1.5 group", i),
+			className: W("space-y-1.5 group min-w-0", i),
 			children: [/* @__PURE__ */ Z("div", {
 				className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 				children: y(a || "", e.name, e.label || e.name)
@@ -319,7 +317,7 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 					});
 				})()
 			}) : /* @__PURE__ */ Q("div", {
-				className: G("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", p && "cursor-pointer active:bg-muted/60 transition-colors"),
+				className: W("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", p && "cursor-pointer active:bg-muted/60 transition-colors"),
 				onClick: p ? () => k(e.name, n) : void 0,
 				onKeyDown: p ? (t) => {
 					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), k(e.name, n));
@@ -327,9 +325,9 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 				role: p ? "button" : void 0,
 				tabIndex: p ? 0 : void 0,
 				children: [/* @__PURE__ */ Z("div", {
-					className: "text-sm flex-1 break-words py-1",
+					className: "text-sm flex-1 min-w-0 break-words py-1",
 					children: d
-				}), p && /* @__PURE__ */ Z(ae, { children: /* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+				}), p && /* @__PURE__ */ Z(oe, { children: /* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 					asChild: !0,
 					children: /* @__PURE__ */ Z(x, {
 						variant: "ghost",
@@ -340,16 +338,16 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 						},
 						children: m ? /* @__PURE__ */ Z(ge, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(Te, { className: "h-3 w-3" })
 					})
-				}), /* @__PURE__ */ Z(H, { children: v(m ? "detail.copied" : "detail.copyToClipboard") })] }) })]
+				}), /* @__PURE__ */ Z(V, { children: v(m ? "detail.copied" : "detail.copyToClipboard") })] }) })]
 			})]
 		}, e.name);
 	}, I = l?.enabled === !0, L = l?.batchSize ?? 20;
-	i.useEffect(() => {
+	if (i.useEffect(() => {
 		if (!I) {
 			h(void 0);
 			return;
 		}
-		if (ie.length <= L) {
+		if (re.length <= L) {
 			h(void 0);
 			return;
 		}
@@ -358,14 +356,14 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 		return () => clearTimeout(e);
 	}, [
 		I,
-		ie.length,
+		re.length,
 		L
-	]);
-	let R = m === void 0 ? ie : ie.slice(0, m), z = j > 0 && (e.hideEmpty || ne), B = /* @__PURE__ */ Q(Dt, { children: [M ? /* @__PURE__ */ Z("div", {
+	]), ne.length === 0 && j === e.fields.length) return null;
+	let R = m === void 0 ? re : re.slice(0, m), z = j > 0 && (e.hideEmpty || te), U = /* @__PURE__ */ Q(Dt, { children: [M ? /* @__PURE__ */ Z("div", {
 		className: "flex flex-col divide-y divide-border/60",
 		children: R.map(F)
 	}) : /* @__PURE__ */ Z("div", {
-		className: G("grid gap-3 sm:gap-4", P === 1 ? "grid-cols-1" : P === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
+		className: W("grid gap-3 sm:gap-4", ae === 1 ? "grid-cols-1" : ae === 2 ? "grid-cols-1 md:grid-cols-2" : ae === 3 ? "grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"),
 		children: R.map(F)
 	}), z && /* @__PURE__ */ Z("div", {
 		className: "mt-3 -ml-2",
@@ -375,15 +373,15 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 			size: "sm",
 			onClick: () => _((e) => !e),
 			className: "h-7 px-2 text-xs text-muted-foreground hover:text-foreground",
-			children: [Z(g ? J : Oe, { className: "h-3.5 w-3.5 mr-1.5" }), g ? v("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : v("detail.showEmptyFields", {
+			children: [Z(g ? Oe : J, { className: "h-3.5 w-3.5 mr-1.5" }), g ? v("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : v("detail.showEmptyFields", {
 				count: j,
 				defaultValue: `Show ${j} empty field${j === 1 ? "" : "s"}`
 			})]
 		})
 	})] });
 	return !e.title && !e.collapsible && e.showBorder === !1 ? /* @__PURE__ */ Z("div", {
-		className: G(n),
-		children: B
+		className: W(n),
+		children: U
 	}) : e.collapsible ? /* @__PURE__ */ Z(E, {
 		open: !u,
 		onOpenChange: (e) => d(!e),
@@ -391,7 +389,7 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 		children: /* @__PURE__ */ Q(S, { children: [/* @__PURE__ */ Z(O, {
 			asChild: !0,
 			children: /* @__PURE__ */ Q(w, {
-				className: G("py-3 px-4 sm:py-4 sm:px-6 cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
+				className: W("py-3 px-4 sm:py-4 sm:px-6 cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
 				children: [/* @__PURE__ */ Q(T, {
 					className: "flex items-center justify-between text-base font-semibold tracking-tight",
 					children: [/* @__PURE__ */ Q("div", {
@@ -411,12 +409,12 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 			})
 		}), /* @__PURE__ */ Z(D, { children: /* @__PURE__ */ Z(C, {
 			className: "pt-3 sm:pt-4 px-3 sm:px-6 pb-4 sm:pb-5",
-			children: B
+			children: U
 		}) })] })
 	}) : /* @__PURE__ */ Q(S, {
-		className: G(e.showBorder === !1 ? "border-none shadow-none" : "", n),
+		className: W(e.showBorder === !1 ? "border-none shadow-none" : "", n),
 		children: [e.title && /* @__PURE__ */ Q(w, {
-			className: G("py-3 px-4 sm:py-4 sm:px-6", e.headerColor && `bg-${e.headerColor}`),
+			className: W("py-3 px-4 sm:py-4 sm:px-6", e.headerColor && `bg-${e.headerColor}`),
 			children: [/* @__PURE__ */ Z(T, {
 				className: "flex items-center justify-between text-base font-semibold tracking-tight",
 				children: /* @__PURE__ */ Q("div", {
@@ -432,18 +430,18 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 			})]
 		}), /* @__PURE__ */ Z(C, {
 			className: "pt-3 sm:pt-4 px-3 sm:px-6 pb-4 sm:pb-5",
-			children: B
+			children: U
 		})]
 	});
 }, Kt = ({ tabs: e, data: t, className: n }) => {
 	let [r, a] = i.useState(e[0]?.key), o = e.filter((e) => typeof e.visible == "boolean" ? e.visible : (e.visible, !0));
-	return /* @__PURE__ */ Q(L, {
+	return /* @__PURE__ */ Q(I, {
 		value: r,
 		onValueChange: a,
 		className: n,
-		children: [/* @__PURE__ */ Z(z, {
+		children: [/* @__PURE__ */ Z(R, {
 			className: "w-full justify-start border-b rounded-none bg-transparent p-0",
-			children: o.map((e) => /* @__PURE__ */ Z(B, {
+			children: o.map((e) => /* @__PURE__ */ Z(z, {
 				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", {
@@ -459,7 +457,7 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 					]
 				})
 			}, e.key))
-		}), o.map((e) => /* @__PURE__ */ Z(R, {
+		}), o.map((e) => /* @__PURE__ */ Z(L, {
 			value: e.key,
 			className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 			children: /* @__PURE__ */ Z(i.Suspense, {
@@ -481,33 +479,35 @@ var Gt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 //#endregion
 //#region src/RelatedList.tsx
 function qt(e) {
-	return e && it[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || Ne;
+	return e && it[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || X;
 }
-var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className: s, dataSource: g, objectName: _, onNew: v, onViewAll: y, onRowEdit: E, onRowDelete: D, onRowClick: O, rowActions: k, onRowAction: j, add: M, maxColumns: N = 6, pageSize: ee, sortable: te = !1, filterable: ne = !1, collapsible: re = !1, defaultCollapsed: ie = !1, referenceField: P, parentId: F, icon: I }) => {
-	let L = r !== void 0, R = r ?? [], [z, B] = i.useState(R), [V, H] = i.useState(() => !!n && !L), [ae, U] = i.useState(0), [W, K] = i.useState(null), [se, ce] = i.useState("asc"), [le, ue] = i.useState(""), [q, fe] = i.useState(null), [pe, me] = i.useState(ie), [he, ge] = i.useState(!1), [_e, xe] = i.useState(!1), [Se, Ce] = i.useState(null), [we, Te] = i.useState(0), [Ee, Oe] = i.useState({}), { t: J } = $(), { fieldLabel: ke } = _t();
+var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className: s, dataSource: g, objectName: _, onNew: v, onViewAll: y, onRowEdit: E, onRowDelete: D, onRowClick: O, rowActions: k, onRowAction: j, toolbarActions: M, onToolbarAction: N, add: P, maxColumns: ee = 6, pageSize: te, sortable: ne = !1, filterable: re = !1, collapsible: ie = !1, defaultCollapsed: ae = !1, referenceField: F, parentId: I, icon: L }) => {
+	let R = r !== void 0, z = r ?? [], [B, V] = i.useState(z), [oe, H] = i.useState(() => !!n && !R), [U, G] = i.useState(0), [ce, le] = i.useState(null), [ue, de] = i.useState("asc"), [K, pe] = i.useState(""), [q, me] = i.useState(null), [he, ge] = i.useState(ae), [_e, xe] = i.useState(!1), [Se, Ce] = i.useState(!1), [we, Te] = i.useState(null), [Ee, J] = i.useState(0), [Oe, ke] = i.useState({}), { t: Y } = $(), { fieldLabel: Ae } = _t();
 	i.useEffect(() => {
-		L && B(r ?? []);
-	}, [r, L]), i.useEffect(() => {
-		n && g?.getObjectSchema && g.getObjectSchema(n).then(fe).catch((e) => {
+		R && V(r ?? []);
+	}, [r, R]), i.useEffect(() => {
+		n && g?.getObjectSchema && g.getObjectSchema(n).then(me).catch((e) => {
 			console.warn(`[RelatedList] Failed to fetch schema for ${n}:`, e);
 		});
 	}, [n, g]), i.useEffect(() => {
-		if (n && !L) {
-			if (!(P && F != null && F !== "")) {
-				n && (F == null || F === "") && !P && console.warn(`[RelatedList] "${n}" has no referenceField/parentId — refusing to fetch all rows. Pass relationshipField + parentId to scope the query.`), B([]), H(!1);
+		if (n && !R) {
+			if (!(F && I != null && I !== "")) {
+				n && (I == null || I === "") && !F && console.warn(`[RelatedList] "${n}" has no referenceField/parentId — refusing to fetch all rows. Pass relationshipField + parentId to scope the query.`), V([]), H(!1);
 				return;
 			}
 			H(!0);
-			let e = { [P]: F };
+			let e = { [F]: I };
 			if (g && typeof g.find == "function") g.find(n, { $filter: e }).then((e) => {
-				B(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), H(!1);
+				let t = Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : [];
+				V(t), H(!1);
 			}).catch((e) => {
 				console.error("Failed to fetch related data:", e), H(!1);
 			});
 			else {
-				let e = new URLSearchParams({ [`filter[${P}]`]: String(F) }).toString();
+				let e = new URLSearchParams({ [`filter[${F}]`]: String(I) }).toString();
 				fetch(`${n}?${e}`).then((e) => e.json()).then((e) => {
-					B(Array.isArray(e) ? e : e?.data || []);
+					let t = Array.isArray(e) ? e : e?.data || [];
+					V(t);
 				}).catch((e) => {
 					console.error("Failed to fetch related data:", e);
 				}).finally(() => H(!1));
@@ -515,31 +515,31 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 		}
 	}, [
 		n,
-		L,
+		R,
 		g,
-		P,
 		F,
-		we
+		I,
+		Ee
 	]), i.useEffect(() => {
-		if (!n || L) return;
+		if (!n || R) return;
 		let e = (e) => {
 			let t = e.detail || {};
-			t.objectName && t.objectName !== n || Te((e) => e + 1);
+			t.objectName && t.objectName !== n || J((e) => e + 1);
 		};
 		return window.addEventListener("objectui:related-changed", e), () => window.removeEventListener("objectui:related-changed", e);
-	}, [n, L]), i.useEffect(() => {
-		if (!g?.find || !q?.fields || !z.length) return;
+	}, [n, R]), i.useEffect(() => {
+		if (!g?.find || !q?.fields || !B.length) return;
 		let e = q.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;
 			if (!e) continue;
 			let i = /* @__PURE__ */ new Set();
-			for (let e of z) {
+			for (let e of B) {
 				let t = e?.[n];
 				t != null && (typeof t == "string" && t ? i.add(t) : typeof t == "number" && i.add(String(t)));
 			}
-			let a = Ee[n] || {}, o = Array.from(i).filter((e) => !(e in a));
+			let a = Oe[n] || {}, o = Array.from(i).filter((e) => !(e in a));
 			o.length > 0 && t.push({
 				fieldName: n,
 				target: e,
@@ -565,7 +565,7 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 			fieldName: e,
 			map: {}
 		})))).then((e) => {
-			n || Oe((t) => {
+			n || ke((t) => {
 				let n = { ...t };
 				for (let { fieldName: t, map: r } of e) n[t] = {
 					...n[t] || {},
@@ -579,74 +579,74 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 	}, [
 		g,
 		q,
-		z
+		B
 	]);
-	let Ae = i.useMemo(() => {
-		if (!le) return z;
-		let e = le.toLowerCase();
-		return z.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
-	}, [z, le]), je = i.useMemo(() => W ? [...Ae].sort((e, t) => {
-		let n = e[W], r = t[W];
+	let je = i.useMemo(() => {
+		if (!K) return B;
+		let e = K.toLowerCase();
+		return B.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
+	}, [B, K]), Me = i.useMemo(() => ce ? [...je].sort((e, t) => {
+		let n = e[ce], r = t[ce];
 		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 se === "asc" ? i : -i;
-	}) : Ae, [
-		Ae,
-		W,
-		se
-	]), Y = ee && ee > 0 ? ee : 0, Me = Y ? Math.max(1, Math.ceil(je.length / Y)) : 1, Ne = Y ? je.slice(ae * Y, (ae + 1) * Y) : je;
+		return ue === "asc" ? i : -i;
+	}) : je, [
+		je,
+		ce,
+		ue
+	]), X = te && te > 0 ? te : 0, Ne = X ? Math.max(1, Math.ceil(Me.length / X)) : 1, Pe = X ? Me.slice(U * X, (U + 1) * X) : Me;
 	i.useEffect(() => {
-		U(0);
+		G(0);
 	}, [
-		le,
-		W,
-		se
+		K,
+		ce,
+		ue
 	]);
-	let Pe = i.useCallback((e) => {
-		W === e ? ce((e) => e === "asc" ? "desc" : "asc") : (K(e), ce("asc"));
-	}, [W]), [Fe, Ie] = i.useState(null), Le = i.useCallback((e) => {
-		Ie(e);
-	}, []), Re = i.useCallback(async () => {
-		if (Fe) try {
-			await D?.(Fe), Te((e) => e + 1);
+	let Fe = i.useCallback((e) => {
+		ce === e ? de((e) => e === "asc" ? "desc" : "asc") : (le(e), de("asc"));
+	}, [ce]), [Ie, Le] = i.useState(null), Re = i.useCallback((e) => {
+		Le(e);
+	}, []), ze = i.useCallback(async () => {
+		if (Ie) try {
+			await D?.(Ie), J((e) => e + 1);
 		} catch (e) {
 			console.error("[RelatedList] remove failed", e);
 		}
-		Ie(null);
-	}, [Fe, D]), ze = i.useCallback(async (e) => {
-		if (!M || !g || !n || P == null || F == null) return;
-		let t = M.picker.valueField || "id";
-		xe(!0), Ce(null);
+		Le(null);
+	}, [Ie, D]), Be = i.useCallback(async (e) => {
+		if (!P || !g || !n || F == null || I == null) return;
+		let t = P.picker.valueField || "id";
+		Ce(!0), Te(null);
 		try {
 			for (let r of e || []) {
 				let e = r?.[t] ?? r?.id;
-				e != null && (M.linkField ? await g.create?.(n, {
-					[P]: F,
-					[M.linkField]: e
-				}) : await g.update?.(M.picker.object, String(e), { [P]: F }));
+				e != null && (P.linkField ? await g.create?.(n, {
+					[F]: I,
+					[P.linkField]: e
+				}) : await g.update?.(P.picker.object, String(e), { [F]: I }));
 			}
-			Te((e) => e + 1);
+			J((e) => e + 1);
 		} catch (e) {
 			let t = e?.body?.error ?? e?.error ?? e?.message ?? String(e);
-			Ce(typeof t == "string" ? t : "Failed to add");
+			Te(typeof t == "string" ? t : "Failed to add");
 		} finally {
-			xe(!1), ge(!1);
+			Ce(!1), xe(!1);
 		}
 	}, [
-		M,
+		P,
 		g,
 		n,
-		P,
-		F
-	]), X = kt(), Be = i.useMemo(() => {
-		let e = _ || n || "", t = (t) => !X?.isLoaded || !e ? t : t.filter((t) => {
+		F,
+		I
+	]), Ve = kt(), He = i.useMemo(() => {
+		let e = _ || n || "", t = (t) => !Ve?.isLoaded || !e ? t : t.filter((t) => {
 			let n = t?.accessorKey || t?.field || t?.name;
-			return n ? X.checkField(e, String(n), "read") : !0;
-		}), r = (e) => P ? e.filter((e) => (e?.accessorKey || e?.field || e?.name) !== P) : e, a = (e) => e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0, s = (e) => z.length ? e.filter((e) => {
+			return n ? Ve.checkField(e, String(n), "read") : !0;
+		}), r = (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, s = (e) => B.length ? e.filter((e) => {
 			let t = e?.accessorKey || e?.field || e?.name;
-			return t ? z.some((e) => !a(e?.[t])) : !0;
+			return t ? B.some((e) => !a(e?.[t])) : !0;
 		}) : e, c = (e, t) => {
 			if (!t?.type) return;
 			let n = wt(Et({
@@ -654,7 +654,7 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 				format: t.format
 			}) || t.type);
 			if (!n) return;
-			let r = t.type === "lookup" || t.type === "master_detail" ? Ee[e] : void 0, a = r && Object.keys(r).length > 0 ? Object.entries(r).map(([e, t]) => ({
+			let r = t.type === "lookup" || t.type === "master_detail" ? Oe[e] : void 0, a = r && Object.keys(r).length > 0 ? Object.entries(r).map(([e, t]) => ({
 				value: e,
 				label: t
 			})) : void 0, o = {
@@ -687,7 +687,7 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 			}
 			let n = q?.fields?.[t], r = {
 				accessorKey: t,
-				header: n?.label || ke(e, t, n) || t,
+				header: n?.label || Ae(e, t, n) || t,
 				fieldDef: n,
 				fieldType: n?.type
 			}, i = n ? c(t, n) : void 0;
@@ -698,7 +698,7 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 		let u = Array.isArray(q.highlightFields) ? q.highlightFields.filter((e) => typeof e == "string" && e.length > 0) : [];
 		if (u.length > 0) {
 			let e = s(t(r(u.map(l))));
-			if (e.length > 0) return e.slice(0, Math.max(1, N));
+			if (e.length > 0) return e.slice(0, Math.max(1, ee));
 		}
 		let d = e, f = /* @__PURE__ */ new Set([
 			"image",
@@ -716,7 +716,7 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 			"label",
 			"code",
 			"number"
-		], m = Object.entries(q.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === P || t?.hidden || t?.type && f.has(t.type) || X?.isLoaded && d && !X.checkField(d, e, "read"))), h = /* @__PURE__ */ new Set([
+		], m = Object.entries(q.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === F || t?.hidden || t?.type && f.has(t.type) || Ve?.isLoaded && d && !Ve.checkField(d, e, "read"))), h = /* @__PURE__ */ new Set([
 			"created_at",
 			"updated_at",
 			"created_by",
@@ -734,32 +734,32 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 		}), s(m.map(([e, t]) => {
 			let n = {
 				accessorKey: e,
-				header: ke(d, e, t.label || e)
+				header: Ae(d, e, t.label || e)
 			};
 			if (t.type) {
 				let r = c(e, t);
 				r && (n.cell = r);
 			}
 			return n;
-		})).slice(0, Math.max(1, N));
+		})).slice(0, Math.max(1, ee));
 	}, [
 		o,
 		q,
 		_,
 		n,
-		ke,
-		P,
-		z,
-		N,
-		Ee,
-		X
-	]), Ve = Array.isArray(k) && k.length > 0, He = !!E || !!D || Ve, Ue = oe(), We = i.useMemo(() => {
+		Ae,
+		F,
+		B,
+		ee,
+		Oe,
+		Ve
+	]), Ue = Array.isArray(k) && k.length > 0, We = !!E || !!D || Ue, Ge = se(), qe = i.useMemo(() => {
 		if (a) return a;
-		if (Ue && (t === "grid" || t === "table")) {
-			let e = Be[0]?.accessorKey || Be[0]?.field || Be[0]?.name, t = Be.slice(1, 4).map((e) => e.accessorKey || e.field || e.name).filter(Boolean);
+		if (Ge && (t === "grid" || t === "table")) {
+			let e = He[0]?.accessorKey || He[0]?.field || He[0]?.name, t = He.slice(1, 4).map((e) => e.accessorKey || e.field || e.name).filter(Boolean);
 			return {
 				type: "object-gallery",
-				data: Ne,
+				data: Pe,
 				objectName: n,
 				gallery: {
 					titleField: e || "name",
@@ -773,22 +773,22 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 			case "grid":
 			case "table": return {
 				type: "data-table",
-				data: Ne,
-				columns: Be,
+				data: Pe,
+				columns: He,
 				pagination: !1,
-				pageSize: Y || 10,
+				pageSize: X || 10,
 				searchable: !1,
 				exportable: !1,
-				rowActions: He,
+				rowActions: We,
 				onRowEdit: E,
-				onRowDelete: D ? Le : void 0,
+				onRowDelete: D ? Re : void 0,
 				onRowClick: O,
-				rowActionDefs: Ve ? k : void 0,
-				onRowActionDef: Ve ? j : void 0
+				rowActionDefs: Ue ? k : void 0,
+				onRowActionDef: Ue ? j : void 0
 			};
 			case "list": return {
 				type: "data-list",
-				data: Ne
+				data: Pe
 			};
 			default: return {
 				type: "div",
@@ -797,139 +797,154 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 		}
 	}, [
 		t,
-		Ne,
-		Be,
-		a,
-		Y,
+		Pe,
 		He,
-		Ve,
+		a,
+		X,
+		We,
+		Ue,
 		k,
 		j,
 		E,
 		D,
-		Le,
+		Re,
 		O,
-		Ue,
+		Ge,
 		n
-	]), Ge = re ? "cursor-pointer select-none" : void 0, qe = re ? () => me((e) => !e) : void 0, Je = qt(I), Ye = !V && z.length === 0, Xe = ne;
+	]), Je = ie ? "cursor-pointer select-none" : void 0, Ye = ie ? () => ge((e) => !e) : void 0, Xe = qt(L), Ze = !oe && B.length === 0, Qe = re;
 	return /* @__PURE__ */ Q(S, {
-		className: G("shadow-none border-border/60 bg-transparent", Ye && "bg-muted/10", s),
+		className: W("shadow-none border-border/60 bg-transparent", Ze && "bg-muted/10", s),
 		children: [
 			/* @__PURE__ */ Z(w, {
-				className: G("py-3 px-4 sm:py-3 min-h-12 sm:min-h-0", Ge),
-				onClick: qe,
+				className: W("py-3 px-4 sm:py-3 min-h-12 sm:min-h-0", Je),
+				onClick: Ye,
 				children: /* @__PURE__ */ Q(T, {
 					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: [
-							re && Z(pe ? be : ve, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-							/* @__PURE__ */ Z(Je, {
+							ie && Z(he ? be : ve, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+							/* @__PURE__ */ Z(Xe, {
 								className: "h-4 w-4 text-muted-foreground shrink-0",
 								"aria-hidden": !0
 							}),
 							/* @__PURE__ */ Z("span", {
-								className: G("truncate", Ye && "text-muted-foreground font-medium"),
+								className: W("truncate", Ze && "text-muted-foreground font-medium"),
 								children: e
 							}),
 							/* @__PURE__ */ Z(b, {
 								variant: "secondary",
-								className: G("text-xs font-normal h-5 px-1.5", z.length === 0 && "bg-muted text-muted-foreground"),
-								"aria-label": `${z.length} records`,
-								children: z.length
+								className: W("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
 							}),
-							Ye && /* @__PURE__ */ Z("span", {
+							Ze && /* @__PURE__ */ Z("span", {
 								className: "text-xs text-muted-foreground/70 italic ml-1 truncate",
-								children: J("detail.noRelatedRecords")
+								children: Y("detail.noRelatedRecords")
 							})
 						]
 					}), /* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-1 shrink-0",
-						children: [M && /* @__PURE__ */ Q(x, {
-							variant: Ye ? "ghost" : "outline",
-							size: "sm",
-							disabled: _e,
-							onClick: (e) => {
-								e.stopPropagation(), Ce(null), ge(!0);
-							},
-							className: "gap-1 h-9 sm:h-7 text-xs shadow-none",
-							children: [/* @__PURE__ */ Z(Ke, { className: "h-3.5 w-3.5" }), M.label || J("detail.add", { defaultValue: "Add" })]
-						}), v && /* @__PURE__ */ Q(x, {
-							variant: Ye ? "ghost" : "outline",
-							size: "sm",
-							onClick: (e) => {
-								e.stopPropagation(), v();
-							},
-							className: "gap-1 h-9 sm:h-7 text-xs shadow-none",
-							children: [/* @__PURE__ */ Z(Ke, { className: "h-3.5 w-3.5" }), J("detail.new")]
-						})]
+						children: [
+							N && (M ?? []).map((e) => {
+								let t = e.icon ? qt(e.icon) : null;
+								return /* @__PURE__ */ Q(x, {
+									variant: e.variant === "primary" ? "default" : "outline",
+									size: "sm",
+									onClick: (t) => {
+										t.stopPropagation(), N(e);
+									},
+									className: "gap-1 h-9 sm:h-7 text-xs shadow-none",
+									children: [t && /* @__PURE__ */ Z(t, { className: "h-3.5 w-3.5" }), e.label || e.name]
+								}, e.name);
+							}),
+							P && /* @__PURE__ */ Q(x, {
+								variant: Ze ? "ghost" : "outline",
+								size: "sm",
+								disabled: Se,
+								onClick: (e) => {
+									e.stopPropagation(), Te(null), xe(!0);
+								},
+								className: "gap-1 h-9 sm:h-7 text-xs shadow-none",
+								children: [/* @__PURE__ */ Z(Ke, { className: "h-3.5 w-3.5" }), P.label || Y("detail.add", { defaultValue: "Add" })]
+							}),
+							v && /* @__PURE__ */ Q(x, {
+								variant: Ze ? "ghost" : "outline",
+								size: "sm",
+								onClick: (e) => {
+									e.stopPropagation(), v();
+								},
+								className: "gap-1 h-9 sm:h-7 text-xs shadow-none",
+								children: [/* @__PURE__ */ Z(Ke, { className: "h-3.5 w-3.5" }), Y("detail.new")]
+							})
+						]
 					})]
 				})
 			}),
-			!pe && !Ye && /* @__PURE__ */ Q(C, {
-				className: G("pt-0 pb-4 px-4"),
+			!he && !Ze && /* @__PURE__ */ Q(C, {
+				className: W("pt-0 pb-4 px-4"),
 				children: [
-					Xe && /* @__PURE__ */ Z("div", {
+					Qe && /* @__PURE__ */ Z("div", {
 						className: "mb-3",
 						children: /* @__PURE__ */ Z(A, {
-							placeholder: J("detail.filterPlaceholder"),
-							value: le,
-							onChange: (e) => ue(e.target.value),
+							placeholder: Y("detail.filterPlaceholder"),
+							value: K,
+							onChange: (e) => pe(e.target.value),
 							className: "h-8 text-sm"
 						})
 					}),
-					te && Be && Be.length > 0 && z.length > 0 && /* @__PURE__ */ Z("div", {
+					ne && He && He.length > 0 && B.length > 0 && /* @__PURE__ */ Z("div", {
 						className: "flex flex-wrap gap-1 mb-3",
-						children: Be.map((e) => {
+						children: He.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 = ce === t;
 							return /* @__PURE__ */ Q(x, {
 								variant: r ? "secondary" : "ghost",
 								size: "sm",
 								className: "gap-1 h-7 text-xs",
-								onClick: () => Pe(t),
+								onClick: () => Fe(t),
 								children: [
-									/* @__PURE__ */ Z(de, { className: "h-3 w-3" }),
+									/* @__PURE__ */ Z(fe, { className: "h-3 w-3" }),
 									n,
-									r && (se === "asc" ? " ↑" : " ↓")
+									r && (ue === "asc" ? " ↑" : " ↓")
 								]
 							}, t);
 						})
 					}),
-					V ? /* @__PURE__ */ Z("div", {
+					oe ? /* @__PURE__ */ Z("div", {
 						className: "flex items-center justify-center py-6 text-muted-foreground text-sm",
-						children: J("detail.loading")
-					}) : /* @__PURE__ */ Z(at, { schema: We }),
-					Y > 0 && je.length > Y && /* @__PURE__ */ Q("div", {
+						children: Y("detail.loading")
+					}) : /* @__PURE__ */ Z(at, { schema: qe }),
+					X > 0 && Me.length > X && /* @__PURE__ */ Q("div", {
 						className: "flex items-center justify-between mt-3 pt-3 border-t",
 						children: [
 							/* @__PURE__ */ Q(x, {
 								variant: "outline",
 								size: "sm",
 								className: "h-7 text-xs gap-1",
-								disabled: ae === 0,
-								onClick: () => U((e) => Math.max(0, e - 1)),
-								children: [/* @__PURE__ */ Z(ye, { className: "h-3 w-3" }), J("detail.previousPage")]
+								disabled: U === 0,
+								onClick: () => G((e) => Math.max(0, e - 1)),
+								children: [/* @__PURE__ */ Z(ye, { className: "h-3 w-3" }), Y("detail.previousPage")]
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "text-xs text-muted-foreground",
-								children: J("detail.pageOf", {
-									current: ae + 1,
-									total: Me
+								children: Y("detail.pageOf", {
+									current: U + 1,
+									total: Ne
 								})
 							}),
 							/* @__PURE__ */ Q(x, {
 								variant: "outline",
 								size: "sm",
 								className: "h-7 text-xs gap-1",
-								disabled: ae >= Me - 1,
-								onClick: () => U((e) => Math.min(Me - 1, e + 1)),
-								children: [J("detail.nextPage"), /* @__PURE__ */ Z(be, { className: "h-3 w-3" })]
+								disabled: U >= Ne - 1,
+								onClick: () => G((e) => Math.min(Ne - 1, e + 1)),
+								children: [Y("detail.nextPage"), /* @__PURE__ */ Z(be, { className: "h-3 w-3" })]
 							})
 						]
 					}),
-					y && !Ye && Y > 0 && je.length > Y && /* @__PURE__ */ Z("div", {
+					y && !Ze && X > 0 && Me.length > X && /* @__PURE__ */ Z("div", {
 						className: "mt-3 pt-3 border-t flex justify-center",
 						children: /* @__PURE__ */ Q("button", {
 							type: "button",
@@ -937,37 +952,37 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 								e.stopPropagation(), y();
 							},
 							className: "text-xs text-muted-foreground hover:text-foreground inline-flex items-center gap-1 transition-colors",
-							children: [J("detail.viewAll"), /* @__PURE__ */ Z(De, { className: "h-3 w-3" })]
+							children: [Y("detail.viewAll"), /* @__PURE__ */ Z(De, { className: "h-3 w-3" })]
 						})
 					})
 				]
 			}),
 			/* @__PURE__ */ Z(c, {
-				open: Fe !== null,
+				open: Ie !== null,
 				onOpenChange: (e) => {
-					e || Ie(null);
+					e || Le(null);
 				},
-				children: /* @__PURE__ */ Q(d, { children: [/* @__PURE__ */ Q(m, { children: [/* @__PURE__ */ Z(h, { children: J("detail.deleteRowTitle", { defaultValue: "Delete record" }) }), /* @__PURE__ */ Z(f, { children: J("detail.deleteRowConfirmation") })] }), /* @__PURE__ */ Q(p, { children: [/* @__PURE__ */ Z(u, { children: J("detail.cancel", { defaultValue: "Cancel" }) }), /* @__PURE__ */ Z(l, {
-					onClick: Re,
+				children: /* @__PURE__ */ Q(d, { children: [/* @__PURE__ */ Q(m, { children: [/* @__PURE__ */ Z(h, { children: Y("detail.deleteRowTitle", { defaultValue: "Delete record" }) }), /* @__PURE__ */ Z(f, { children: Y("detail.deleteRowConfirmation") })] }), /* @__PURE__ */ Q(p, { children: [/* @__PURE__ */ Z(u, { children: Y("detail.cancel", { defaultValue: "Cancel" }) }), /* @__PURE__ */ Z(l, {
+					onClick: ze,
 					className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-					children: J("detail.delete", { defaultValue: "Delete" })
+					children: Y("detail.delete", { defaultValue: "Delete" })
 				})] })] })
 			}),
-			Se && /* @__PURE__ */ Z("div", {
+			we && /* @__PURE__ */ Z("div", {
 				className: "mx-4 mb-3 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive",
 				role: "alert",
-				children: Se
+				children: we
 			}),
-			M && g && /* @__PURE__ */ Z(bt, {
-				open: he,
-				onOpenChange: (e) => ge(e),
+			P && g && /* @__PURE__ */ Z(bt, {
+				open: _e,
+				onOpenChange: (e) => xe(e),
 				multiple: !0,
 				dataSource: g,
-				objectName: M.picker.object,
-				title: M.label || J("detail.add", { defaultValue: "Add" }),
+				objectName: P.picker.object,
+				title: P.label || Y("detail.add", { defaultValue: "Add" }),
 				onSelect: () => {},
 				onSelectRecords: (e) => {
-					ze(e);
+					Be(e);
 				}
 			})
 		]
@@ -1017,7 +1032,7 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 			}) })
 		]
 	}) : /* @__PURE__ */ Q("div", {
-		className: G("space-y-3", n),
+		className: W("space-y-3", n),
 		children: [
 			/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2 pb-2 border-b",
@@ -1044,10 +1059,10 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 		return n != null && n !== "";
 	});
 	return o.length === 0 ? null : /* @__PURE__ */ Z("section", {
-		className: G("@container border-b border-border/60 pb-4", n),
+		className: W("@container border-b border-border/60 pb-4", n),
 		"aria-label": "Record highlights",
 		children: /* @__PURE__ */ Z("div", {
-			className: G("flex flex-wrap gap-y-4"),
+			className: W("flex flex-wrap gap-y-4"),
 			children: o.map((e) => {
 				let n = t[e.name], o = i?.fields?.[e.name], s = e.type || o?.type, c = {
 					name: e.name,
@@ -1060,7 +1075,7 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 					...o?.format && { format: o.format }
 				}, l = wt(Et(c) || s || "text"), u = s === "number" || s === "integer" || s === "currency" || s === "percent" || s === "decimal", d = s === "email" || s === "url" || s === "textarea" || s === "reference" || s === "lookup" || s === "master_detail", f = s === "boolean";
 				return /* @__PURE__ */ Q("div", {
-					className: G("flex flex-col gap-1 min-w-[7rem] px-5 border-l border-border/60 first:border-l-0 first:pl-0", d ? "basis-[16rem] max-w-[24rem]" : "basis-[9rem] max-w-[16rem]"),
+					className: W("flex flex-col gap-1 min-w-[7rem] px-5 border-l border-border/60 first:border-l-0 first:pl-0", d ? "basis-[16rem] max-w-[24rem]" : "basis-[9rem] max-w-[16rem]"),
 					children: [/* @__PURE__ */ Z("span", {
 						className: "text-xs font-medium text-muted-foreground",
 						children: a(r || "", e.name, e.label)
@@ -1078,7 +1093,7 @@ var Jt = ({ title: e, type: t, api: n, data: r, schema: a, columns: o, className
 						}), "No"]
 					}) : /* @__PURE__ */ Z("span", {
 						title: typeof n == "string" ? n : void 0,
-						className: G("block min-w-0 truncate text-sm font-semibold", u && "tabular-nums tracking-tight"),
+						className: W("block min-w-0 truncate text-sm font-semibold", u && "tabular-nums tracking-tight"),
 						children: /* @__PURE__ */ Z(l, {
 							value: n,
 							field: c
@@ -1122,11 +1137,11 @@ var Qt = ({ comments: e, onAddComment: t, onTogglePin: n, searchable: r = !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(S, {
-		className: G("", a),
+		className: W("", a),
 		children: [/* @__PURE__ */ Z(w, { children: /* @__PURE__ */ Q(T, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ Z(X, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Z(ze, { className: "h-4 w-4" }),
 				o("detail.comments"),
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
@@ -1187,7 +1202,7 @@ var Qt = ({ comments: e, onAddComment: t, onTogglePin: n, searchable: r = !1, cl
 				}) : /* @__PURE__ */ Z("div", {
 					className: "space-y-3",
 					children: h.map((e) => /* @__PURE__ */ Q("div", {
-						className: G("flex gap-3", e.pinned && "bg-muted/40 rounded-md p-2 -mx-2"),
+						className: W("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", {
@@ -1240,8 +1255,8 @@ var Qt = ({ comments: e, onAddComment: t, onTogglePin: n, searchable: r = !1, cl
 	field_change: Ee,
 	create: qe,
 	delete: et,
-	comment: X,
-	status_change: ue
+	comment: ze,
+	status_change: de
 }, en = {
 	field_change: "bg-blue-100 text-blue-600",
 	create: "bg-green-100 text-green-600",
@@ -1275,11 +1290,11 @@ var rn = {
 }, an = ({ activities: e, filterable: t = !1, defaultFilter: n = "all", className: r }) => {
 	let [a, o] = i.useState(n), s = i.useMemo(() => a === "all" ? e : e.filter((e) => e.type === a), [e, a]);
 	return /* @__PURE__ */ Q(S, {
-		className: G("", r),
+		className: W("", r),
 		children: [/* @__PURE__ */ Z(w, { children: /* @__PURE__ */ Q(T, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ Z(K, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Z(G, { className: "h-4 w-4" }),
 				"Activity",
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
@@ -1296,7 +1311,7 @@ var rn = {
 			"aria-label": "Activity type filter",
 			children: Object.keys(rn).map((e) => /* @__PURE__ */ Q("button", {
 				type: "button",
-				className: G("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: W("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" && i.createElement($t[e] || Ee, { className: "h-3 w-3" }), rn[e]]
@@ -1313,7 +1328,7 @@ var rn = {
 					return /* @__PURE__ */ Q("div", {
 						className: "flex gap-3 relative",
 						children: [/* @__PURE__ */ Z("div", {
-							className: G("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", en[e.type] || "bg-gray-100 text-gray-600"),
+							className: W("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", en[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",
@@ -1398,21 +1413,21 @@ function dn(e) {
 }
 function fn({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 	return t ? /* @__PURE__ */ Z("div", {
-		className: G("space-y-3", r),
+		className: W("space-y-3", r),
 		children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ Q("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ Z(I, { className: "h-8 w-8 rounded-full" }), /* @__PURE__ */ Q("div", {
+			children: [/* @__PURE__ */ Z(F, { className: "h-8 w-8 rounded-full" }), /* @__PURE__ */ Q("div", {
 				className: "flex-1 space-y-2",
-				children: [/* @__PURE__ */ Z(I, { className: "h-4 w-1/3" }), /* @__PURE__ */ Z(I, { className: "h-3 w-1/2" })]
+				children: [/* @__PURE__ */ Z(F, { className: "h-4 w-1/3" }), /* @__PURE__ */ Z(F, { className: "h-3 w-1/2" })]
 			})]
 		}, t))
 	}) : !e || e.length === 0 ? /* @__PURE__ */ Z("div", {
-		className: G("flex items-center justify-center rounded-md border border-dashed py-10 text-sm text-muted-foreground", r),
+		className: W("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(ae, {
+	}) : /* @__PURE__ */ Z(oe, {
 		delayDuration: 150,
 		children: /* @__PURE__ */ Z("ol", {
-			className: G("space-y-4", r),
+			className: W("space-y-4", r),
 			children: e.map((e, t) => {
 				let n = (e.action ?? "").toLowerCase(), r = on[n] ?? "outline", a = typeof e.user_name == "string" && e.user_name.trim() || "Unknown user", o = sn(e.created_at), s = ln(e.created_at, i), c = typeof e.user_avatar == "string" ? e.user_avatar : void 0;
 				return /* @__PURE__ */ Q("li", {
@@ -1441,14 +1456,14 @@ function fn({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 										className: "text-[10px] uppercase tracking-wide",
 										children: e.action
 									}),
-									o && /* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+									o && /* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 										asChild: !0,
 										children: /* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground cursor-help",
 											"aria-label": o,
 											children: s || o
 										})
-									}), /* @__PURE__ */ Z(H, { children: o })] })
+									}), /* @__PURE__ */ Z(V, { children: o })] })
 								]
 							}),
 							e.summary && /* @__PURE__ */ Z("p", {
@@ -1565,16 +1580,16 @@ var _n = ({ value: e, objectSchema: t, fieldName: n }) => {
 	return /* @__PURE__ */ Z("span", { children: String(e) });
 }, vn = ({ label: e, user: t, date: n, objectSchema: r, userField: i, t: a }) => {
 	if (!t && !n) return null;
-	let o = n ? /* @__PURE__ */ Z(ae, {
+	let o = n ? /* @__PURE__ */ Z(oe, {
 		delayDuration: 200,
-		children: /* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+		children: /* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 			asChild: !0,
 			children: /* @__PURE__ */ Z("time", {
 				dateTime: n.toISOString(),
 				className: "cursor-default underline decoration-dotted decoration-muted-foreground/40 underline-offset-2",
 				children: hn(n, a)
 			})
-		}), /* @__PURE__ */ Z(H, {
+		}), /* @__PURE__ */ Z(V, {
 			side: "top",
 			children: gn(n)
 		})] })
@@ -1603,7 +1618,7 @@ var _n = ({ value: e, objectSchema: t, fieldName: n }) => {
 	if (!e) return null;
 	let a = mn(e[pn.createdAt]), o = mn(e[pn.updatedAt]), s = e[pn.createdBy], c = e[pn.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: G("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: W("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(vn, {
 			label: i("detail.createdBy"),
@@ -1643,9 +1658,9 @@ function xn(e, t, i, a) {
 	return a;
 }
 var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBack: s, inlineEdit: c = !1, onFieldSave: l, discussionSlot: u, rightRail: d, objectLabel: f, onDataLoaded: p, isFavorite: m, onToggleFavorite: h }) => {
-	let [g, _] = i.useState(e.data), [v, y] = i.useState(!e.data && !!(e.api && e.resourceId || n && e.objectName && e.resourceId)), [S, C] = i.useState(!1), w = m ?? S, [T, E] = i.useState(!1), [D, O] = i.useState({}), [k, A] = i.useState(!1), [j, M] = i.useState(null), [N, ee] = i.useState(null), [te, ne] = i.useState(!1), [re, ie] = i.useState(0), P = lt(e.objectName || void 0, e.resourceId == null ? void 0 : String(e.resourceId)), [F, W] = i.useState(!1), { t: K } = $(), { currency: se } = jt(), { fieldOptionLabel: le } = _t(), ue = oe(), de = kt(), q = i.useMemo(() => {
-		if (!de?.isLoaded || !e.objectName) return e;
-		let t = (t) => de.checkField(e.objectName, t, "read"), n = (e) => e && e.filter((e) => {
+	let [g, _] = i.useState(e.data), [v, y] = i.useState(!e.data && !!(e.api && e.resourceId || n && e.objectName && e.resourceId)), [S, C] = i.useState(!1), w = m ?? S, [T, E] = i.useState(!1), [D, O] = i.useState({}), [k, A] = i.useState(!1), [j, M] = i.useState(null), [N, P] = i.useState(null), [ee, te] = i.useState(!1), [ne, re] = i.useState(0), ie = lt(e.objectName || void 0, e.resourceId == null ? void 0 : String(e.resourceId)), [ae, U] = i.useState(!1), { t: G } = $(), { currency: ce } = jt(), { fieldOptionLabel: ue } = _t(), de = se(), fe = kt(), K = i.useMemo(() => {
+		if (!fe?.isLoaded || !e.objectName) return e;
+		let t = (t) => fe.checkField(e.objectName, t, "read"), n = (e) => e && e.filter((e) => {
 			let n = typeof e == "string" ? e : e?.name;
 			return !n || t(n);
 		});
@@ -1658,13 +1673,13 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 			})),
 			summaryFields: n(e.summaryFields)
 		};
-	}, [e, de]);
+	}, [e, fe]);
 	i.useEffect(() => {
 		g && p && p(g);
 	}, [g, p]);
-	let fe = i.useMemo(() => {
-		if (q.summaryFields && q.summaryFields.length > 0) return [];
-		let e = [...q.sections?.flatMap((e) => e.fields) || [], ...q.fields || []], t = {};
+	let pe = i.useMemo(() => {
+		if (K.summaryFields && K.summaryFields.length > 0) return [];
+		let e = [...K.sections?.flatMap((e) => e.fields) || [], ...K.fields || []], t = {};
 		for (let n of e) t[n.name] || (t[n.name] = n);
 		if (N?.fields) for (let [e, n] of Object.entries(N.fields)) t[e] = {
 			...t[e] || {},
@@ -1683,29 +1698,29 @@ var Sn = ({ schema: e, dataSource: n, className: r, 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;
 	}, [
-		q.summaryFields,
-		q.sections,
-		q.fields,
+		K.summaryFields,
+		K.sections,
+		K.fields,
 		N,
 		g
-	]), pe = q.summaryFields && q.summaryFields.length > 0 ? q.summaryFields : fe, me = i.useCallback(() => {
-		q.resourceId && navigator.clipboard.writeText(String(q.resourceId)).then(() => {
-			ne(!0), setTimeout(() => ne(!1), 1500);
+	]), q = K.summaryFields && K.summaryFields.length > 0 ? K.summaryFields : pe, me = i.useCallback(() => {
+		K.resourceId && navigator.clipboard.writeText(String(K.resourceId)).then(() => {
+			te(!0), setTimeout(() => te(!1), 1500);
 		});
-	}, [q.resourceId]);
+	}, [K.resourceId]);
 	i.useEffect(() => {
 		let e = !0;
-		if (q.data) return _(q.data), y(!1), n?.getObjectSchema && q.objectName && n.getObjectSchema(q.objectName).then((t) => {
-			e && ee(t);
+		if (K.data) return _(K.data), y(!1), n?.getObjectSchema && K.objectName && n.getObjectSchema(K.objectName).then((t) => {
+			e && P(t);
 		}).catch(() => {}), () => {
 			e = !1;
 		};
-		if (n && q.objectName && q.resourceId) {
-			y(!0), ee(null), _(null);
-			let r = q.objectName, i = q.resourceId, a = `${r}-`, o = [...q.sections?.flatMap((e) => e.fields) || [], ...q.fields || []];
+		if (n && K.objectName && K.resourceId) {
+			y(!0), P(null), _(null);
+			let r = K.objectName, i = K.resourceId, a = `${r}-`, o = [...K.sections?.flatMap((e) => e.fields) || [], ...K.fields || []];
 			(n.getObjectSchema ? n.getObjectSchema(r).catch(() => null) : Promise.resolve(null)).then((s) => {
 				if (!e) return;
-				ee(s);
+				P(s);
 				let c = t(s?.fields, o), l = c.length > 0 ? { $expand: c } : void 0, u = l ? n.findOne(r, i, l) : n.findOne(r, i), d = () => {
 					let t = String(i), o = t.startsWith(a) ? t.slice(a.length) : `${a}${t}`;
 					return (l ? n.findOne(r, o, l) : n.findOne(r, o)).then((t) => {
@@ -1726,7 +1741,7 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 			}).catch((t) => {
 				e && (console.error("Failed to fetch detail data:", t), y(!1));
 			});
-		} else q.api && q.resourceId && (y(!0), fetch(`${q.api}/${q.resourceId}`).then((e) => e.json()).then((t) => {
+		} else K.api && K.resourceId && (y(!0), fetch(`${K.api}/${K.resourceId}`).then((e) => e.json()).then((t) => {
 			e && _(t?.data || t);
 		}).catch((e) => {
 			console.error("Failed to fetch detail data:", e);
@@ -1737,65 +1752,65 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 			e = !1;
 		};
 	}, [
-		q.api,
-		q.resourceId,
-		q.objectName,
+		K.api,
+		K.resourceId,
+		K.objectName,
 		n,
-		q.sections,
-		q.fields,
-		re,
-		P
+		K.sections,
+		K.fields,
+		ne,
+		ie
 	]);
 	let he = i.useCallback(() => {
 		if (s) s();
-		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]), _e = i.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]), ve = i.useCallback(async () => {
-		if (!n?.cancelPendingApproval || !q.objectName || !q.resourceId) {
-			M(K("detail.cancelApprovalUnavailable"));
+		else if (K.onNavigate) {
+			let e = K.backUrl || (K.objectName ? `/${K.objectName}` : "/");
+			K.onNavigate(e, { replace: !0 });
+		} else K.backUrl ? window.location.href = K.backUrl : window.history.back();
+	}, [s, K]), _e = i.useCallback(() => {
+		a ? a() : K.onNavigate && K.editUrl ? K.onNavigate(K.editUrl) : K.onNavigate && K.objectName && K.resourceId ? K.onNavigate(`/${K.objectName}/${K.resourceId}/edit`) : K.editUrl && (window.location.href = K.editUrl);
+	}, [a, K]), ve = i.useCallback(async () => {
+		if (!n?.cancelPendingApproval || !K.objectName || !K.resourceId) {
+			M(G("detail.cancelApprovalUnavailable"));
 			return;
 		}
-		W(!0), M(null);
+		U(!0), M(null);
 		try {
-			if (await n.cancelPendingApproval(String(q.objectName), String(q.resourceId)), n.findOne) try {
-				let e = await n.findOne(String(q.objectName), String(q.resourceId));
+			if (await n.cancelPendingApproval(String(K.objectName), String(K.resourceId)), n.findOne) try {
+				let e = await n.findOne(String(K.objectName), String(K.resourceId));
 				e && _(e);
 			} catch {}
-			ie((e) => e + 1);
+			re((e) => e + 1);
 			try {
 				window.dispatchEvent(new CustomEvent("objectui:record-changed", { detail: {
-					objectName: String(q.objectName),
-					recordId: String(q.resourceId),
+					objectName: String(K.objectName),
+					recordId: String(K.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}`);
+			M(`${G("detail.cancelApprovalFailed")}: ${t}`);
 		} finally {
-			W(!1);
+			U(!1);
 		}
 	}, [
 		n,
-		q.objectName,
-		q.resourceId,
-		K
+		K.objectName,
+		K.resourceId,
+		G
 	]), xe = i.useCallback(() => {
-		let e = q.deleteConfirmation || K("detail.deleteConfirmation");
-		window.confirm(e) && (o?.(), q.onNavigate && q.objectName && q.onNavigate(`/${q.objectName}`, { replace: !0 }));
-	}, [o, q]), Se = i.useCallback(() => {
-		navigator.share && q.objectName && q.resourceId ? navigator.share({
-			title: q.title || K("detail.details"),
-			text: `${q.objectName} #${q.resourceId}`,
+		let e = K.deleteConfirmation || G("detail.deleteConfirmation");
+		window.confirm(e) && (o?.(), K.onNavigate && K.objectName && K.onNavigate(`/${K.objectName}`, { replace: !0 }));
+	}, [o, K]), Se = i.useCallback(() => {
+		navigator.share && K.objectName && K.resourceId ? navigator.share({
+			title: K.title || G("detail.details"),
+			text: `${K.objectName} #${K.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");
 		});
-	}, [q]), Ce = i.useCallback(() => {
+	}, [K]), Ce = i.useCallback(() => {
 		let e = !w;
 		h && h(e), m === void 0 && C(e);
 	}, [
@@ -1815,7 +1830,9 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 					if (l) for (let [t, r] of e) await l(t, r, n);
 					O({}), E(!1);
 				} catch (e) {
-					_(t), M((e?.message || e?.error || String(e ?? "Save failed")).replace(/^\[[^\]]+\]\s*/, "").replace(/^[A-Z][A-Z0-9_]+:\s*/, ""));
+					_(t);
+					let n = (e?.message || e?.error || String(e ?? "Save failed")).replace(/^\[[^\]]+\]\s*/, "").replace(/^[A-Z][A-Z0-9_]+:\s*/, "");
+					M(n);
 				} finally {
 					A(!1);
 				}
@@ -1831,58 +1848,58 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 		l
 	]), De = i.useCallback(() => {
 		O({}), E(!1), M(null);
-	}, []), Oe = i.useCallback((e, t) => {
+	}, []), J = i.useCallback((e, t) => {
 		O((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
 	i.useEffect(() => {
-		if (!q.recordNavigation) return;
-		let e = q.recordNavigation, t = (t) => {
+		if (!K.recordNavigation) return;
+		let e = K.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);
-	}, [q.recordNavigation]), i.useEffect(() => {
-		if (!c || q.showHeader !== !1) return;
+	}, [K.recordNavigation]), i.useEffect(() => {
+		if (!c || K.showHeader !== !1) return;
 		let e = "objectui:record:inline-edit-toggle", t = (e) => {
 			let t = e.detail;
-			t?.recordId && q.recordId && t.recordId !== q.recordId || t?.objectName && q.objectName && t.objectName !== q.objectName || we();
+			t?.recordId && K.recordId && t.recordId !== K.recordId || t?.objectName && K.objectName && t.objectName !== K.objectName || we();
 		};
 		return window.addEventListener(e, t), () => window.removeEventListener(e, t);
 	}, [
 		c,
-		q.showHeader,
-		q.recordId,
-		q.objectName,
+		K.showHeader,
+		K.recordId,
+		K.objectName,
 		we
 	]);
-	let J = i.useMemo(() => q.related ?? [], [q.related]), ke = i.useMemo(() => {
+	let Oe = i.useMemo(() => K.related ?? [], [K.related]), ke = i.useMemo(() => {
 		let e = [];
 		return e.push({
 			name: "sys_share",
-			label: K("detail.share"),
+			label: G("detail.share"),
 			icon: "share-2",
 			type: "script",
 			onClick: Se
-		}), q.showEdit && e.push({
+		}), K.showEdit && e.push({
 			name: "sys_edit_mobile",
-			label: K("detail.edit"),
+			label: G("detail.edit"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
 			onClick: _e
 		}), c && e.push({
 			name: "sys_toggle_inline_edit_mobile",
-			label: K(T ? "detail.save" : "detail.editInline"),
+			label: G(T ? "detail.save" : "detail.editInline"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
 			onClick: we
-		}), q.showDelete && e.push({
+		}), K.showDelete && e.push({
 			name: "sys_delete",
-			label: K("detail.delete"),
+			label: G("detail.delete"),
 			icon: "trash-2",
 			type: "script",
 			variant: "destructive",
@@ -1890,17 +1907,17 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 			onClick: xe
 		}), e;
 	}, [
-		K,
-		q.showEdit,
-		q.showDelete,
+		G,
+		K.showEdit,
+		K.showDelete,
 		c,
 		T,
 		Se,
 		_e,
 		we,
 		xe
-	]), Ae = i.useMemo(() => {
-		let e = q.actions ?? [];
+	]), Y = i.useMemo(() => {
+		let e = K.actions ?? [];
 		if (ke.length === 0) return e;
 		let t = !1, n = e.map((e) => {
 			let n = e;
@@ -1919,62 +1936,62 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 			location: "record_header",
 			systemActions: ke
 		}), n;
-	}, [q.actions, ke]);
-	return v || q.loading ? /* @__PURE__ */ Q("div", {
-		className: G("space-y-4", r),
+	}, [K.actions, ke]);
+	return v || K.loading ? /* @__PURE__ */ Q("div", {
+		className: W("space-y-4", r),
 		children: [
-			/* @__PURE__ */ Z(I, { className: "h-10 w-full" }),
-			/* @__PURE__ */ Z(I, { className: "h-64 w-full" }),
-			/* @__PURE__ */ Z(I, { className: "h-48 w-full" })
+			/* @__PURE__ */ Z(F, { className: "h-10 w-full" }),
+			/* @__PURE__ */ Z(F, { className: "h-64 w-full" }),
+			/* @__PURE__ */ Z(F, { className: "h-48 w-full" })
 		]
-	}) : !g && !q.data ? /* @__PURE__ */ Q("div", {
-		className: G("flex flex-col items-center justify-center py-16 text-center", r),
+	}) : !g && !K.data ? /* @__PURE__ */ Q("div", {
+		className: W("flex flex-col items-center justify-center py-16 text-center", r),
 		children: [
 			/* @__PURE__ */ Z("p", {
 				className: "text-lg font-semibold",
-				children: K("detail.recordNotFound")
+				children: G("detail.recordNotFound")
 			}),
 			/* @__PURE__ */ Z("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: K("detail.recordNotFoundDescription")
+				children: G("detail.recordNotFoundDescription")
 			}),
-			(q.showBack ?? !0) && /* @__PURE__ */ Q(x, {
+			(K.showBack ?? !0) && /* @__PURE__ */ Q(x, {
 				variant: "outline",
 				size: "sm",
 				onClick: he,
 				className: "mt-4 gap-2",
-				children: [/* @__PURE__ */ Z(ce, { className: "h-4 w-4" }), K("detail.goBack")]
+				children: [/* @__PURE__ */ Z(le, { className: "h-4 w-4" }), G("detail.goBack")]
 			})
 		]
-	}) : /* @__PURE__ */ Z(ae, { children: /* @__PURE__ */ Q("div", {
-		className: G("space-y-6", r),
+	}) : /* @__PURE__ */ Z(oe, { children: /* @__PURE__ */ Q("div", {
+		className: W("space-y-6", r),
 		children: [
-			q.showHeader !== !1 && /* @__PURE__ */ Q("div", {
+			K.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: [(q.showBack ?? !0) && /* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+					children: [(K.showBack ?? !0) && /* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 						asChild: !0,
 						children: /* @__PURE__ */ Z(x, {
 							variant: "ghost",
 							size: "icon",
 							onClick: he,
 							className: "shrink-0 mt-1",
-							children: /* @__PURE__ */ Z(ce, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ Z(le, { className: "h-4 w-4" })
 						})
-					}), /* @__PURE__ */ Z(H, { children: K("detail.back") })] }), /* @__PURE__ */ Q("div", {
+					}), /* @__PURE__ */ Z(V, { children: G("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: xn(g, q, N, K("detail.details"))
+									children: xn(g, K, N, G("detail.details"))
 								}),
-								pe.map((e) => {
+								q.map((e) => {
 									let t = g?.[e];
 									if (t == null || t === "") return 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;
+									let n = (K.sections || []).flatMap((e) => e.fields).concat(K.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);
@@ -1982,7 +1999,7 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 												let t = At({
 													...r,
 													...n
-												}, se);
+												}, ce);
 												a = t ? new Intl.NumberFormat(void 0, {
 													style: "currency",
 													currency: t,
@@ -2011,7 +2028,7 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 												let e = i[String(t)];
 												e?.label && (o = e.label);
 											}
-											a = q.objectName ? le(q.objectName, e, String(t), o) : o;
+											a = K.objectName ? ue(K.objectName, e, String(t), o) : o;
 										}
 									} catch {}
 									return o === null ? /* @__PURE__ */ Z(b, {
@@ -2033,80 +2050,80 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 										}), a]
 									}, e);
 								}),
-								/* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+								/* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 									asChild: !0,
 									children: /* @__PURE__ */ Z(x, {
 										variant: "ghost",
 										size: "icon",
 										className: "h-6 w-6 shrink-0",
 										onClick: Ce,
-										"aria-label": K(w ? "detail.removeFromFavorites" : "detail.addToFavorites"),
+										"aria-label": G(w ? "detail.removeFromFavorites" : "detail.addToFavorites"),
 										children: w ? /* @__PURE__ */ Z($e, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Z($e, { className: "h-4 w-4 text-muted-foreground" })
 									})
-								}), /* @__PURE__ */ Z(H, { children: K(w ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
+								}), /* @__PURE__ */ Z(V, { children: G(w ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
 							]
-						}), q.objectName && /* @__PURE__ */ Q("p", {
+						}), K.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 || q.objectName
-							}), q.resourceId && /* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+								children: f || K.objectName
+							}), K.resourceId && /* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 								asChild: !0,
 								children: /* @__PURE__ */ Z(x, {
 									variant: "ghost",
 									size: "icon",
 									className: "h-5 w-5 shrink-0 text-muted-foreground/60 hover:text-foreground",
 									onClick: me,
-									"aria-label": K("detail.copyRecordId", { defaultValue: "Copy record ID" }),
-									children: te ? /* @__PURE__ */ Z(ge, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(Te, { className: "h-3 w-3" })
+									"aria-label": G("detail.copyRecordId", { defaultValue: "Copy record ID" }),
+									children: ee ? /* @__PURE__ */ Z(ge, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(Te, { className: "h-3 w-3" })
 								})
-							}), /* @__PURE__ */ Z(H, { children: te ? K("detail.copied", { defaultValue: "Copied" }) : K("detail.copyRecordId", { defaultValue: "Copy record ID" }) })] })]
+							}), /* @__PURE__ */ Z(V, { children: ee ? G("detail.copied", { defaultValue: "Copied" }) : G("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: [
-						q.recordNavigation && /* @__PURE__ */ Q("div", {
+						K.recordNavigation && /* @__PURE__ */ Q("div", {
 							className: "flex items-center gap-1 mr-2",
 							children: [
-								/* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+								/* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 									asChild: !0,
 									children: /* @__PURE__ */ Z(x, {
 										variant: "outline",
 										size: "icon",
 										className: "h-8 w-8",
-										disabled: q.recordNavigation.currentIndex <= 0,
+										disabled: K.recordNavigation.currentIndex <= 0,
 										onClick: () => {
-											let e = q.recordNavigation;
+											let e = K.recordNavigation;
 											e.currentIndex > 0 && e.onNavigate(e.recordIds[e.currentIndex - 1]);
 										},
 										children: /* @__PURE__ */ Z(ye, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ Z(H, { children: K("detail.previousRecord") })] }),
+								}), /* @__PURE__ */ Z(V, { children: G("detail.previousRecord") })] }),
 								/* @__PURE__ */ Z("span", {
 									className: "text-xs text-muted-foreground whitespace-nowrap px-1",
-									children: K("detail.recordOf", {
-										current: q.recordNavigation.currentIndex + 1,
-										total: q.recordNavigation.recordIds.length
+									children: G("detail.recordOf", {
+										current: K.recordNavigation.currentIndex + 1,
+										total: K.recordNavigation.recordIds.length
 									})
 								}),
-								/* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+								/* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 									asChild: !0,
 									children: /* @__PURE__ */ Z(x, {
 										variant: "outline",
 										size: "icon",
 										className: "h-8 w-8",
-										disabled: q.recordNavigation.currentIndex >= q.recordNavigation.recordIds.length - 1,
+										disabled: K.recordNavigation.currentIndex >= K.recordNavigation.recordIds.length - 1,
 										onClick: () => {
-											let e = q.recordNavigation;
+											let e = K.recordNavigation;
 											e.currentIndex < e.recordIds.length - 1 && e.onNavigate(e.recordIds[e.currentIndex + 1]);
 										},
 										children: /* @__PURE__ */ Z(be, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ Z(H, { children: K("detail.nextRecord") })] })
+								}), /* @__PURE__ */ Z(V, { children: G("detail.nextRecord") })] })
 							]
 						}),
-						c && /* @__PURE__ */ Q(Dt, { children: [T && /* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+						c && /* @__PURE__ */ Q(Dt, { children: [T && /* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 							asChild: !0,
 							children: /* @__PURE__ */ Q(x, {
 								variant: "ghost",
@@ -2115,10 +2132,10 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 								className: "gap-2 hidden sm:inline-flex",
 								children: [/* @__PURE__ */ Z(nt, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: K("detail.cancel")
+									children: G("detail.cancel")
 								})]
 							})
-						}), /* @__PURE__ */ Z(H, { children: K("detail.cancelEdit") })] }), /* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+						}), /* @__PURE__ */ Z(V, { children: G("detail.cancelEdit") })] }), /* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 							asChild: !0,
 							children: /* @__PURE__ */ Z(x, {
 								variant: T ? "default" : "outline",
@@ -2127,14 +2144,14 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 								className: "gap-2 hidden sm:inline-flex",
 								children: T ? /* @__PURE__ */ Q(Dt, { children: [/* @__PURE__ */ Z(ge, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: K("detail.save")
+									children: G("detail.save")
 								})] }) : /* @__PURE__ */ Q(Dt, { children: [/* @__PURE__ */ Z(Ee, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: K("detail.editInline")
+									children: G("detail.editInline")
 								})] })
 							})
-						}), /* @__PURE__ */ Z(H, { children: K(T ? "detail.saveChanges" : "detail.editFieldsInline") })] })] }),
-						q.showEdit && /* @__PURE__ */ Q(V, { children: [/* @__PURE__ */ Z(U, {
+						}), /* @__PURE__ */ Z(V, { children: G(T ? "detail.saveChanges" : "detail.editFieldsInline") })] })] }),
+						K.showEdit && /* @__PURE__ */ Q(B, { children: [/* @__PURE__ */ Z(H, {
 							asChild: !0,
 							children: /* @__PURE__ */ Q(x, {
 								variant: "default",
@@ -2142,28 +2159,28 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 								className: "gap-2 hidden sm:inline-flex",
 								children: [/* @__PURE__ */ Z(Ee, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: K("detail.edit")
+									children: G("detail.edit")
 								})]
 							})
-						}), /* @__PURE__ */ Z(H, { children: K("detail.editRecord") })] }),
-						Ae.map((e, t) => /* @__PURE__ */ Z(at, {
+						}), /* @__PURE__ */ Z(V, { children: G("detail.editRecord") })] }),
+						Y.map((e, t) => /* @__PURE__ */ Z(at, {
 							schema: e,
 							data: g
 						}, `header-action-${t}`))
 					]
 				})]
 			}),
-			q.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(at, {
-				schema: q.header,
+			K.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(at, {
+				schema: K.header,
 				data: g
 			}) }),
-			q.highlightFields && q.highlightFields.length > 0 && /* @__PURE__ */ Z(Xt, {
-				fields: q.highlightFields,
+			K.highlightFields && K.highlightFields.length > 0 && /* @__PURE__ */ Z(Xt, {
+				fields: K.highlightFields,
 				data: g,
-				objectName: q.objectName,
+				objectName: K.objectName,
 				objectSchema: N
 			}),
-			c && q.showHeader === !1 && (() => {
+			c && K.showHeader === !1 && (() => {
 				let e = g?.approval_status, t = e === "pending" || e === "in_approval";
 				return !T && !k && !j && !t ? null : /* @__PURE__ */ Q("div", {
 					className: "flex flex-col items-end gap-1",
@@ -2173,16 +2190,16 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 							t && !T && /* @__PURE__ */ Q(Dt, { 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(Re, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: K("detail.lockedByApproval") })]
+								title: G("detail.lockedTooltip"),
+								children: [/* @__PURE__ */ Z(Le, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: G("detail.lockedByApproval") })]
 							}), n?.cancelPendingApproval && /* @__PURE__ */ Q(x, {
 								variant: "outline",
 								size: "sm",
 								onClick: ve,
-								disabled: F,
+								disabled: ae,
 								className: "gap-2 border-amber-300 text-amber-800 hover:bg-amber-50",
-								title: K("detail.cancelApprovalTooltip"),
-								children: [/* @__PURE__ */ Z(nt, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K(F ? "detail.cancelApprovalInFlight" : "detail.cancelApproval") })]
+								title: G("detail.cancelApprovalTooltip"),
+								children: [/* @__PURE__ */ Z(nt, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: G(ae ? "detail.cancelApprovalInFlight" : "detail.cancelApproval") })]
 							})] }),
 							T && /* @__PURE__ */ Q(x, {
 								variant: "ghost",
@@ -2190,7 +2207,7 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 								onClick: De,
 								className: "gap-2",
 								disabled: k,
-								children: [/* @__PURE__ */ Z(nt, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K("detail.cancel") })]
+								children: [/* @__PURE__ */ Z(nt, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: G("detail.cancel") })]
 							}),
 							/* @__PURE__ */ Q(x, {
 								variant: T ? "default" : "outline",
@@ -2198,8 +2215,8 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 								onClick: we,
 								className: "gap-2",
 								disabled: k || t && !T,
-								title: t && !T ? K("detail.lockedTooltip") : void 0,
-								children: [Z(T ? ge : Ee, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K(k ? "detail.saving" : T ? "detail.save" : "detail.editFieldsInline") })]
+								title: t && !T ? G("detail.lockedTooltip") : void 0,
+								children: [Z(T ? ge : Ee, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: G(k ? "detail.saving" : T ? "detail.save" : "detail.editFieldsInline") })]
 							})
 						]
 					}), j && /* @__PURE__ */ Z("div", {
@@ -2209,131 +2226,131 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 					})]
 				});
 			})(),
-			q.autoTabs && !q.tabs?.length ? (() => {
-				let e = J.length > 0, t = !!q.activities && q.activities.length > 0, r = !!u, i = !!q.history, a = [
+			K.autoTabs && !K.tabs?.length ? (() => {
+				let e = Oe.length > 0, t = !!K.activities && K.activities.length > 0, r = !!u, i = !!K.history, a = [
 					"details",
 					...e ? ["related"] : [],
 					...t ? ["activity"] : [],
 					...r ? ["discussion"] : [],
 					...i ? ["history"] : []
-				], o = q.defaultTab, s = o && a.includes(o) ? o : "details", c = q.onTabChange, l = /* @__PURE__ */ Q("div", {
+				], o = K.defaultTab, s = o && a.includes(o) ? o : "details", c = K.onTabChange, l = /* @__PURE__ */ Q("div", {
 					className: "space-y-3 sm:space-y-4",
 					children: [
-						q.sectionGroups && q.sectionGroups.length > 0 && q.sectionGroups.map((e, t) => /* @__PURE__ */ Z(Yt, {
+						K.sectionGroups && K.sectionGroups.length > 0 && K.sectionGroups.map((e, t) => /* @__PURE__ */ Z(Yt, {
 							group: e,
 							data: {
 								...g,
 								...D
 							},
 							objectSchema: N,
-							objectName: q.objectName,
+							objectName: K.objectName,
 							isEditing: T,
-							onFieldChange: Oe,
+							onFieldChange: J,
 							dataSource: n
 						}, t)),
-						q.sections && q.sections.length > 0 && q.sections.map((e, t) => /* @__PURE__ */ Z(Gt, {
+						K.sections && K.sections.length > 0 && K.sections.map((e, t) => /* @__PURE__ */ Z(Gt, {
 							section: e,
 							data: {
 								...g,
 								...D
 							},
 							objectSchema: N,
-							objectName: q.objectName,
+							objectName: K.objectName,
 							isEditing: T,
-							onFieldChange: Oe,
+							onFieldChange: J,
 							dataSource: n
 						}, t)),
-						q.fields && q.fields.length > 0 && !q.sections?.length && /* @__PURE__ */ Z(Gt, {
+						K.fields && K.fields.length > 0 && !K.sections?.length && /* @__PURE__ */ Z(Gt, {
 							section: {
-								fields: q.fields,
-								columns: q.columns
+								fields: K.fields,
+								columns: K.columns
 							},
 							data: {
 								...g,
 								...D
 							},
 							objectSchema: N,
-							objectName: q.objectName,
+							objectName: K.objectName,
 							isEditing: T,
-							onFieldChange: Oe,
+							onFieldChange: J,
 							dataSource: n
 						}),
-						q.comments && /* @__PURE__ */ Z(Qt, {
-							comments: q.comments,
-							onAddComment: q.onAddComment
+						K.comments && /* @__PURE__ */ Z(Qt, {
+							comments: K.comments,
+							onAddComment: K.onAddComment
 						})
 					]
 				});
 				return !e && !t && !r && !i ? /* @__PURE__ */ Z("div", {
 					className: "mt-2",
 					children: l
-				}) : /* @__PURE__ */ Q(L, {
+				}) : /* @__PURE__ */ Q(I, {
 					defaultValue: s,
 					onValueChange: c,
 					className: "w-full",
 					children: [
-						/* @__PURE__ */ Q(z, {
+						/* @__PURE__ */ Q(R, {
 							className: "w-full justify-start border-b rounded-none bg-transparent p-0",
 							children: [
-								/* @__PURE__ */ Z(B, {
+								/* @__PURE__ */ Z(z, {
 									value: "details",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
-									children: K("detail.details")
+									children: G("detail.details")
 								}),
-								e && /* @__PURE__ */ Z(B, {
+								e && /* @__PURE__ */ Z(z, {
 									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: [K("detail.related"), /* @__PURE__ */ Z(b, {
+										children: [G("detail.related"), /* @__PURE__ */ Z(b, {
 											variant: "secondary",
 											className: "text-xs bg-primary/10 text-primary border-transparent",
-											children: J.length
+											children: Oe.length
 										})]
 									})
 								}),
-								t && /* @__PURE__ */ Z(B, {
+								t && /* @__PURE__ */ Z(z, {
 									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: [K("detail.activity"), /* @__PURE__ */ Z(b, {
+										children: [G("detail.activity"), /* @__PURE__ */ Z(b, {
 											variant: "secondary",
 											className: "text-xs bg-primary/10 text-primary border-transparent",
-											children: q.activities.length
+											children: K.activities.length
 										})]
 									})
 								}),
-								r && /* @__PURE__ */ Z(B, {
+								r && /* @__PURE__ */ Z(z, {
 									value: "discussion",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
-									children: K("detail.discussion", { defaultValue: "Discussion" })
+									children: G("detail.discussion", { defaultValue: "Discussion" })
 								}),
-								i && /* @__PURE__ */ Z(B, {
+								i && /* @__PURE__ */ Z(z, {
 									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: [K("detail.history", { defaultValue: "History" }), !q.history.loading && q.history.entries.length > 0 && /* @__PURE__ */ Z(b, {
+										children: [G("detail.history", { defaultValue: "History" }), !K.history.loading && K.history.entries.length > 0 && /* @__PURE__ */ Z(b, {
 											variant: "secondary",
 											className: "text-xs bg-primary/10 text-primary border-transparent",
-											children: q.history.entries.length
+											children: K.history.entries.length
 										})]
 									})
 								})
 							]
 						}),
-						/* @__PURE__ */ Z(R, {
+						/* @__PURE__ */ Z(L, {
 							value: "details",
 							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 							children: l
 						}),
-						e && /* @__PURE__ */ Z(R, {
+						e && /* @__PURE__ */ Z(L, {
 							value: "related",
 							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 							children: /* @__PURE__ */ Z("div", {
 								className: "space-y-3",
-								children: J.map((e, t) => /* @__PURE__ */ Z(Jt, {
+								children: Oe.map((e, t) => /* @__PURE__ */ Z(Jt, {
 									title: e.title,
 									type: e.type,
 									api: e.api,
@@ -2349,88 +2366,88 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 									onRowEdit: e.onRowEdit,
 									onRowDelete: e.onRowDelete,
 									collapsible: !0,
-									defaultCollapsed: ue && t > 0,
+									defaultCollapsed: de && t > 0,
 									pageSize: bn
 								}, t))
 							})
 						}),
-						t && /* @__PURE__ */ Z(R, {
+						t && /* @__PURE__ */ Z(L, {
 							value: "activity",
 							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
-							children: /* @__PURE__ */ Z(an, { activities: q.activities })
+							children: /* @__PURE__ */ Z(an, { activities: K.activities })
 						}),
-						r && /* @__PURE__ */ Z(R, {
+						r && /* @__PURE__ */ Z(L, {
 							value: "discussion",
 							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 							children: u
 						}),
-						i && /* @__PURE__ */ Z(R, {
+						i && /* @__PURE__ */ Z(L, {
 							value: "history",
 							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 							children: /* @__PURE__ */ Z(fn, {
-								entries: q.history.entries,
-								loading: q.history.loading,
-								emptyText: q.history.emptyText ?? K("detail.historyEmpty", { defaultValue: "No history yet" })
+								entries: K.history.entries,
+								loading: K.history.loading,
+								emptyText: K.history.emptyText ?? G("detail.historyEmpty", { defaultValue: "No history yet" })
 							})
 						})
 					]
 				});
 			})() : /* @__PURE__ */ Q(Dt, { children: [
-				q.sectionGroups && q.sectionGroups.length > 0 && /* @__PURE__ */ Z("div", {
+				K.sectionGroups && K.sectionGroups.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: q.sectionGroups.map((e, t) => /* @__PURE__ */ Z(Yt, {
+					children: K.sectionGroups.map((e, t) => /* @__PURE__ */ Z(Yt, {
 						group: e,
 						data: {
 							...g,
 							...D
 						},
 						objectSchema: N,
-						objectName: q.objectName,
+						objectName: K.objectName,
 						isEditing: T,
-						onFieldChange: Oe,
+						onFieldChange: J,
 						dataSource: n
 					}, t))
 				}),
-				q.sections && q.sections.length > 0 && /* @__PURE__ */ Z("div", {
+				K.sections && K.sections.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: q.sections.map((e, t) => /* @__PURE__ */ Z(Gt, {
+					children: K.sections.map((e, t) => /* @__PURE__ */ Z(Gt, {
 						section: e,
 						data: {
 							...g,
 							...D
 						},
 						objectSchema: N,
-						objectName: q.objectName,
+						objectName: K.objectName,
 						isEditing: T,
-						onFieldChange: Oe,
+						onFieldChange: J,
 						dataSource: n
 					}, t))
 				}),
-				q.fields && q.fields.length > 0 && !q.sections?.length && /* @__PURE__ */ Z(Gt, {
+				K.fields && K.fields.length > 0 && !K.sections?.length && /* @__PURE__ */ Z(Gt, {
 					section: {
-						fields: q.fields,
-						columns: q.columns
+						fields: K.fields,
+						columns: K.columns
 					},
 					data: {
 						...g,
 						...D
 					},
 					objectSchema: N,
-					objectName: q.objectName,
+					objectName: K.objectName,
 					isEditing: T,
-					onFieldChange: Oe,
+					onFieldChange: J,
 					dataSource: n
 				}),
-				q.tabs && q.tabs.length > 0 && /* @__PURE__ */ Z(Kt, {
-					tabs: q.tabs,
+				K.tabs && K.tabs.length > 0 && /* @__PURE__ */ Z(Kt, {
+					tabs: K.tabs,
 					data: g
 				}),
-				J.length > 0 && /* @__PURE__ */ Q("div", {
+				Oe.length > 0 && /* @__PURE__ */ Q("div", {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ Z("h2", {
 						className: "text-lg font-semibold",
-						children: K("detail.related")
-					}), J.map((e, t) => /* @__PURE__ */ Z(Jt, {
+						children: G("detail.related")
+					}), Oe.map((e, t) => /* @__PURE__ */ Z(Jt, {
 						title: e.title,
 						type: e.type,
 						api: e.api,
@@ -2446,15 +2463,15 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 						onRowEdit: e.onRowEdit,
 						onRowDelete: e.onRowDelete,
 						collapsible: !0,
-						defaultCollapsed: ue && t > 0,
+						defaultCollapsed: de && t > 0,
 						pageSize: bn
 					}, t))]
 				}),
-				q.comments && /* @__PURE__ */ Z(Qt, {
-					comments: q.comments,
-					onAddComment: q.onAddComment
+				K.comments && /* @__PURE__ */ Z(Qt, {
+					comments: K.comments,
+					onAddComment: K.onAddComment
 				}),
-				q.activities && q.activities.length > 0 && /* @__PURE__ */ Z(an, { activities: q.activities })
+				K.activities && K.activities.length > 0 && /* @__PURE__ */ Z(an, { activities: K.activities })
 			] }),
 			/* @__PURE__ */ Z(yn, {
 				data: {
@@ -2462,10 +2479,10 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 					...D
 				},
 				objectSchema: N,
-				objectName: q.objectName
+				objectName: K.objectName
 			}),
-			q.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(at, {
-				schema: q.footer,
+			K.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(at, {
+				schema: K.footer,
 				data: g
 			}) })
 		]
@@ -2508,7 +2525,7 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 					children: [/* @__PURE__ */ Z("span", {
 						className: "inline-flex h-9 w-9 flex-none items-center justify-center rounded-full bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300",
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ Z(se, { className: "h-5 w-5" })
+						children: /* @__PURE__ */ Z(ce, { className: "h-5 w-5" })
 					}), /* @__PURE__ */ Q("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ Z(h, { children: o("detail.concurrentUpdateTitle") }), /* @__PURE__ */ Q(f, {
@@ -2563,14 +2580,14 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 							type: "button",
 							disabled: a,
 							onClick: i,
-							className: G(W({ variant: "ghost" }), "mt-2 sm:mt-0"),
+							className: W(U({ variant: "ghost" }), "mt-2 sm:mt-0"),
 							children: o("detail.concurrentUpdateCancel")
 						}),
 						/* @__PURE__ */ Z("button", {
 							type: "button",
 							disabled: a,
 							onClick: r,
-							className: G(W({ variant: "outline" }), "mt-2 sm:mt-0 text-destructive border-destructive/40 hover:bg-destructive/10 hover:text-destructive"),
+							className: W(U({ variant: "outline" }), "mt-2 sm:mt-0 text-destructive border-destructive/40 hover:bg-destructive/10 hover:text-destructive"),
 							children: o("detail.concurrentUpdateOverwrite")
 						}),
 						/* @__PURE__ */ Z("button", {
@@ -2578,7 +2595,7 @@ var Sn = ({ schema: e, dataSource: n, className: r, onEdit: a, onDelete: o, onBa
 							disabled: a,
 							onClick: n,
 							autoFocus: !0,
-							className: G(W({ variant: "default" }), "mt-2 sm:mt-0"),
+							className: W(U({ variant: "default" }), "mt-2 sm:mt-0"),
 							children: o("detail.concurrentUpdateReload")
 						})
 					]
@@ -2735,7 +2752,7 @@ var Dn = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field
 			hideEmpty: e.hideEmpty ?? !0,
 			fields: j(E(w(e.fields)))
 		};
-	}) : e.sections, ee = e.inlineEdit ?? !0, te = {
+	}) : e.sections, P = e.inlineEdit ?? !0, ee = {
 		type: "detail-view",
 		objectName: r.objectName,
 		resourceId: r.recordId,
@@ -2746,15 +2763,15 @@ var Dn = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field
 		fields: M,
 		showBack: !1,
 		showHeader: e.showHeader ?? !1,
-		inlineEdit: ee
+		inlineEdit: P
 	};
 	return /* @__PURE__ */ Q("div", {
 		className: t,
 		...i,
 		children: [/* @__PURE__ */ Z(Sn, {
-			schema: te,
+			schema: ee,
 			dataSource: r.dataSource,
-			inlineEdit: ee,
+			inlineEdit: P,
 			onFieldSave: g
 		}), /* @__PURE__ */ Z(Tn, {
 			open: !!d,
@@ -2832,6 +2849,8 @@ var Dn = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field
 			add: e.add,
 			rowActions: p?.rowActions,
 			onRowAction: p?.onRowAction,
+			toolbarActions: p?.toolbarActions,
+			onToolbarAction: p?.onToolbarAction,
 			onNew: p?.onCreate,
 			onRowClick: p?.onView ? (e) => {
 				let t = jn(e);
@@ -2891,7 +2910,7 @@ var Dn = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field
 }, In = ({ 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: G("flex items-center gap-1.5 text-sm flex-wrap", t),
+		className: W("flex items-center gap-1.5 text-sm flex-wrap", t),
 		children: [
 			/* @__PURE__ */ Z("span", {
 				className: "font-medium text-foreground",
@@ -2901,7 +2920,7 @@ var Dn = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field
 				className: "text-muted-foreground line-through",
 				children: r
 			}),
-			/* @__PURE__ */ Z(le, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+			/* @__PURE__ */ Z(ue, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
 			/* @__PURE__ */ Z("span", {
 				className: "text-foreground",
 				children: i
@@ -2920,10 +2939,10 @@ var Dn = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field
 		t?.(e), o(!1);
 	}, [t]);
 	return /* @__PURE__ */ Q("div", {
-		className: G("flex items-center gap-1 flex-wrap", r),
+		className: W("flex items-center gap-1 flex-wrap", r),
 		children: [e.map((e) => /* @__PURE__ */ Q("button", {
 			type: "button",
-			className: G("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: W("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"}`,
@@ -2987,7 +3006,7 @@ var Bn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, cl
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), p());
 	}, [p]);
 	return t.length === 0 && !r ? null : /* @__PURE__ */ Q("div", {
-		className: G("ml-10 mt-1", a),
+		className: W("ml-10 mt-1", a),
 		children: [
 			t.length > 0 && /* @__PURE__ */ Q("button", {
 				type: "button",
@@ -2996,7 +3015,7 @@ var Bn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, cl
 				"aria-expanded": s,
 				children: [
 					Z(s ? ve : be, { className: "h-3 w-3" }),
-					/* @__PURE__ */ Z(X, { className: "h-3 w-3" }),
+					/* @__PURE__ */ Z(ze, { className: "h-3 w-3" }),
 					/* @__PURE__ */ Z("span", { children: t.length === 1 ? o("detail.replyCount", { count: t.length }) : o("detail.replyCountPlural", { count: t.length }) })
 				]
 			}),
@@ -3067,12 +3086,12 @@ var Bn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, cl
 	return /* @__PURE__ */ Z(x, {
 		variant: "ghost",
 		size: "icon",
-		className: G("h-8 w-8", n),
+		className: W("h-8 w-8", n),
 		onClick: s,
 		disabled: a || !t,
 		"aria-label": e.subscribed ? r("detail.unsubscribeAriaLabel") : r("detail.subscribeAriaLabel"),
 		title: e.subscribed ? r("detail.subscribedTooltip") : r("detail.unsubscribedTooltip"),
-		children: e.subscribed ? /* @__PURE__ */ Z(fe, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(pe, { className: "h-4 w-4 text-muted-foreground" })
+		children: e.subscribed ? /* @__PURE__ */ Z(pe, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(q, { className: "h-4 w-4 text-muted-foreground" })
 	});
 };
 //#endregion
@@ -3142,7 +3161,7 @@ var Un = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], plac
 		n
 	]);
 	return /* @__PURE__ */ Q("div", {
-		className: G("border rounded-md", o),
+		className: W("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",
@@ -3163,7 +3182,7 @@ var Un = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], plac
 						onClick: w,
 						disabled: s || d,
 						title: u("detail.italic"),
-						children: /* @__PURE__ */ Z(Pe, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ Z(Ne, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ Z(x, {
 						variant: "ghost",
@@ -3172,7 +3191,7 @@ var Un = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], plac
 						onClick: T,
 						disabled: s || d,
 						title: u("detail.listFormat"),
-						children: /* @__PURE__ */ Z(Ie, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ Z(Fe, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ Z(x, {
 						variant: "ghost",
@@ -3190,7 +3209,7 @@ var Un = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], plac
 						onClick: D,
 						disabled: s || d,
 						title: u("detail.mentionSomeone"),
-						children: /* @__PURE__ */ Z(q, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ Z(K, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ Z("div", { className: "flex-1" }),
 					/* @__PURE__ */ Z(x, {
@@ -3199,7 +3218,7 @@ var Un = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], plac
 						className: "h-7 w-7",
 						onClick: () => f(!d),
 						title: u(d ? "detail.edit" : "detail.preview"),
-						children: Z(d ? Ee : Oe, { className: "h-3.5 w-3.5" })
+						children: Z(d ? Ee : J, { className: "h-3.5 w-3.5" })
 					}),
 					n && /* @__PURE__ */ Z(x, {
 						variant: "ghost",
@@ -3229,7 +3248,7 @@ var Un = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], 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: b.map((e, t) => /* @__PURE__ */ Q("button", {
 						type: "button",
-						className: G("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === _ && "bg-accent"),
+						className: W("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === _ && "bg-accent"),
 						onMouseDown: (t) => {
 							t.preventDefault(), O(e);
 						},
@@ -3260,7 +3279,7 @@ function Gn(e) {
 	return e.startsWith("image/");
 }
 function Kn(e) {
-	return Gn(e) ? Me : e.includes("pdf") || e.includes("document") || e.includes("text") ? je : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? Ae : ke;
+	return Gn(e) ? Me : e.includes("pdf") || e.includes("document") || e.includes("text") ? Ae : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? Y : ke;
 }
 var qn = ({ attachments: e, onUpload: t, onRemove: n, className: r, readOnly: a = !1 }) => {
 	let { t: o } = $(), [s, c] = i.useState(!1), l = i.useRef(null), u = i.useCallback((e) => {
@@ -3273,9 +3292,9 @@ var qn = ({ attachments: e, onUpload: t, onRemove: n, className: r, readOnly: a
 		t && e.target.files && e.target.files.length > 0 && (t(e.target.files), e.target.value = "");
 	}, [t]);
 	return /* @__PURE__ */ Q("div", {
-		className: G("space-y-2", r),
+		className: W("space-y-2", r),
 		children: [t && !a && /* @__PURE__ */ Q("div", {
-			className: G("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: W("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,
@@ -3344,12 +3363,12 @@ var qn = ({ attachments: e, onUpload: t, onRemove: n, className: r, readOnly: a
 		})]
 	});
 }, Jn = {
-	comment: X,
+	comment: ze,
 	field_change: Ee,
 	task: _e,
 	event: he,
 	system: rt,
-	email: ze,
+	email: Re,
 	call: We
 }, Yn = {
 	comment: "bg-purple-100 text-purple-600",
@@ -3402,17 +3421,17 @@ function Qn(e, t) {
 	}
 }
 var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a = !1, onLoadMore: o, loading: s = !1, onAddComment: c, onAddReply: l, onToggleReaction: u, subscription: d, onToggleSubscription: f, collapseWhenEmpty: p = !1, mentionSuggestions: m, onUploadAttachments: h, titleLabel: g, emptyLabel: _, className: v }) => {
-	let { t: y } = $(), [b, S] = i.useState("all"), [C, w] = i.useState(""), [T, E] = i.useState(!1), [D, O] = i.useState(!1), [A, j] = i.useState([]), [re, ie] = i.useState(!1), P = n ?? b, F = t?.showFilterToggle !== !1, I = t?.showCommentInput !== !1 && !!c, L = t?.enableReactions ?? !1, R = t?.enableThreading ?? !1, z = t?.showSubscriptionToggle ?? !1, B = i.useMemo(() => Qn(e, P), [e, P]), V = i.useMemo(() => R ? B.filter((e) => !e.parentId) : B, [B, R]), H = i.useMemo(() => {
-		if (!R) return /* @__PURE__ */ new Map();
+	let { t: y } = $(), [b, S] = i.useState("all"), [C, w] = i.useState(""), [T, E] = i.useState(!1), [D, O] = i.useState(!1), [A, j] = i.useState([]), [ne, re] = i.useState(!1), ie = n ?? b, ae = t?.showFilterToggle !== !1, F = t?.showCommentInput !== !1 && !!c, I = t?.enableReactions ?? !1, L = t?.enableThreading ?? !1, R = t?.showSubscriptionToggle ?? !1, z = i.useMemo(() => Qn(e, ie), [e, ie]), B = i.useMemo(() => L ? z.filter((e) => !e.parentId) : z, [z, L]), V = i.useMemo(() => {
+		if (!L) return /* @__PURE__ */ new Map();
 		let e = /* @__PURE__ */ new Map();
-		for (let t of B) if (t.parentId) {
+		for (let t of z) if (t.parentId) {
 			let n = e.get(t.parentId) ?? [];
 			n.push(t), e.set(t.parentId, n);
 		}
 		return e;
-	}, [B, R]), ae = i.useCallback((e) => {
+	}, [z, L]), oe = i.useCallback((e) => {
 		r ? r(e) : S(e);
-	}, [r]), U = i.useCallback(async () => {
+	}, [r]), H = i.useCallback(async () => {
 		let e = C.trim();
 		if (c && !(!e && A.length === 0)) {
 			E(!0);
@@ -3426,19 +3445,19 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 		C,
 		A,
 		c
-	]), W = i.useCallback(async (e) => {
+	]), U = i.useCallback(async (e) => {
 		if (!(!h || e.length === 0)) {
-			ie(!0);
+			re(!0);
 			try {
 				let t = await h(e);
 				Array.isArray(t) && t.length > 0 && j((e) => [...e, ...t]);
 			} finally {
-				ie(!1);
+				re(!1);
 			}
 		}
-	}, [h]), oe = i.useCallback((e) => {
+	}, [h]), se = i.useCallback((e) => {
 		j((t) => t.filter((t) => t.id !== e));
-	}, []), se = i.useCallback(async () => {
+	}, []), ce = i.useCallback(async () => {
 		if (o) {
 			O(!0);
 			try {
@@ -3449,7 +3468,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 		}
 	}, [o]);
 	return /* @__PURE__ */ Q("section", {
-		className: G("border-t border-border/60 pt-5", v),
+		className: W("border-t border-border/60 pt-5", v),
 		"aria-label": "Discussion",
 		children: [/* @__PURE__ */ Z("header", {
 			className: "mb-4",
@@ -3458,20 +3477,20 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 				children: [/* @__PURE__ */ Q("h2", {
 					className: "flex items-center gap-2 text-base font-semibold leading-none tracking-tight",
 					children: [
-						/* @__PURE__ */ Z(K, { className: "h-4 w-4" }),
+						/* @__PURE__ */ Z(G, { className: "h-4 w-4" }),
 						g ?? y("detail.activity"),
 						/* @__PURE__ */ Q("span", {
 							className: "text-sm font-normal text-muted-foreground",
 							children: [
 								"(",
-								B.length,
+								z.length,
 								")"
 							]
 						})
 					]
 				}), /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-1",
-					children: z && d && /* @__PURE__ */ Z(Vn, {
+					children: R && d && /* @__PURE__ */ Z(Vn, {
 						subscription: d,
 						onToggle: f
 					})
@@ -3480,53 +3499,53 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 		}), /* @__PURE__ */ Q("div", {
 			className: "space-y-4",
 			children: [
-				F && /* @__PURE__ */ Z("div", {
+				ae && /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2",
 					children: /* @__PURE__ */ Q(M, {
-						value: P,
-						onValueChange: (e) => ae(e),
-						children: [/* @__PURE__ */ Z(te, {
+						value: ie,
+						onValueChange: (e) => oe(e),
+						children: [/* @__PURE__ */ Z(ee, {
 							"aria-label": y("detail.filterActivity"),
 							className: "h-8 w-auto min-w-[140px] py-1 text-sm",
-							children: /* @__PURE__ */ Z(ne, {})
-						}), /* @__PURE__ */ Z(N, { children: Xn(y).map((e) => /* @__PURE__ */ Z(ee, {
+							children: /* @__PURE__ */ Z(te, {})
+						}), /* @__PURE__ */ Z(N, { children: Xn(y).map((e) => /* @__PURE__ */ Z(P, {
 							value: e.value,
 							children: e.label
 						}, e.value)) })]
 					})
 				}),
-				I && /* @__PURE__ */ Z(Un, {
+				F && /* @__PURE__ */ Z(Un, {
 					value: C,
 					onChange: w,
-					onSubmit: U,
+					onSubmit: H,
 					mentionSuggestions: m,
 					placeholder: y("detail.leaveCommentPlaceholder"),
 					disabled: T,
 					canSubmitEmpty: A.length > 0,
 					extraSlot: h ? /* @__PURE__ */ Z(qn, {
 						attachments: A,
-						onUpload: W,
-						onRemove: oe,
-						readOnly: T || re
+						onUpload: U,
+						onRemove: se,
+						readOnly: T || ne
 					}) : A.length > 0 ? /* @__PURE__ */ Z(qn, {
 						attachments: A,
-						onRemove: oe,
+						onRemove: se,
 						readOnly: T
 					}) : void 0
 				}),
-				B.length === 0 ? p ? null : /* @__PURE__ */ Z(k, {
+				z.length === 0 ? p ? null : /* @__PURE__ */ Z(k, {
 					title: _ ?? y("detail.noActivity"),
 					className: "py-6"
 				}) : /* @__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: V.map((e) => {
-							let t = Jn[e.type] || rt, n = Yn[e.type] || "bg-gray-100 text-gray-600", r = H.get(e.id) ?? [];
+						children: B.map((e) => {
+							let t = Jn[e.type] || rt, n = Yn[e.type] || "bg-gray-100 text-gray-600", r = V.get(e.id) ?? [];
 							return /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("div", {
 								className: "flex gap-3 relative",
 								children: [/* @__PURE__ */ Z("div", {
-									className: G("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", n),
+									className: W("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,
@@ -3577,14 +3596,14 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 											className: "space-y-1 mt-1",
 											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z(In, { change: e }, t))
 										}),
-										L && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
+										I && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
 											children: /* @__PURE__ */ Z(Rn, {
 												reactions: e.reactions,
 												onToggleReaction: u ? (t) => u(e.id, t) : void 0
 											})
 										}),
-										L && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
+										I && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
 											children: /* @__PURE__ */ Z(Rn, {
 												reactions: [],
@@ -3593,7 +3612,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 										})
 									]
 								})]
-							}), R && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(Bn, {
+							}), L && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(Bn, {
 								parentItem: e,
 								replies: r,
 								onAddReply: l,
@@ -3607,10 +3626,10 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 					children: /* @__PURE__ */ Q(x, {
 						variant: "ghost",
 						size: "sm",
-						onClick: se,
+						onClick: ce,
 						disabled: D,
 						"aria-label": y("detail.loadMore"),
-						children: [D ? /* @__PURE__ */ Z(Le, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(ve, { className: "h-4 w-4 mr-1" }), y("detail.loadMore")]
+						children: [D ? /* @__PURE__ */ Z(Ie, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(ve, { className: "h-4 w-4 mr-1" }), y("detail.loadMore")]
 					})
 				})
 			]
@@ -3640,7 +3659,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 }, nr = ({ config: e, items: t, hasMore: n, onLoadMore: r, loading: a, onAddComment: o, onAddReply: s, onToggleReaction: c, subscription: l, onToggleSubscription: u, filterMode: d, onFilterChange: f, collapseWhenEmpty: p = !1, mentionSuggestions: m, onUploadAttachments: h, className: g }) => {
 	let _ = e?.position ?? "right", v = e?.width ?? "360px", y = e?.collapsible ?? !0, b = p && t.length === 0 || (e?.defaultCollapsed ?? !1), { t: S } = $(), [C, w] = i.useState(b);
 	return _ === "right" || _ === "left" ? C && y ? /* @__PURE__ */ Z("div", {
-		className: G("flex items-start pt-4", _ === "right" ? "border-l" : "border-r", g),
+		className: W("flex items-start pt-4", _ === "right" ? "border-l" : "border-r", g),
 		children: /* @__PURE__ */ Z(x, {
 			variant: "ghost",
 			size: "icon",
@@ -3650,7 +3669,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 			children: /* @__PURE__ */ Z(He, { className: "h-4 w-4" })
 		})
 	}) : /* @__PURE__ */ Q("div", {
-		className: G("flex flex-col overflow-hidden", _ === "right" ? "border-l" : "border-r", g),
+		className: W("flex flex-col overflow-hidden", _ === "right" ? "border-l" : "border-r", g),
 		style: {
 			width: v,
 			minWidth: v
@@ -3659,7 +3678,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, 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(X, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+				children: [/* @__PURE__ */ Z(ze, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 					className: "text-sm font-medium",
 					children: S("detail.discussion")
 				})]
@@ -3695,18 +3714,18 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 			})
 		})]
 	}) : /* @__PURE__ */ Z("div", {
-		className: G("", g),
+		className: W("", g),
 		children: y && C ? /* @__PURE__ */ Q(x, {
 			variant: "ghost",
 			className: "w-full justify-start gap-2 text-muted-foreground",
 			onClick: () => w(!1),
 			"aria-label": S("detail.showDiscussion", { count: t.length }),
-			children: [/* @__PURE__ */ Z(X, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: S("detail.showDiscussion", { count: t.length }) })]
+			children: [/* @__PURE__ */ Z(ze, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: S("detail.showDiscussion", { count: t.length }) })]
 		}) : /* @__PURE__ */ Q("div", { children: [y && /* @__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(X, { className: "h-4 w-4" }), S("detail.discussion")]
+				children: [/* @__PURE__ */ Z(ze, { className: "h-4 w-4" }), S("detail.discussion")]
 			}), /* @__PURE__ */ Z(x, {
 				variant: "ghost",
 				size: "icon",
@@ -3811,7 +3830,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 	});
 	let b = h.length - 1;
 	return /* @__PURE__ */ Q("div", {
-		className: G("w-full", t),
+		className: W("w-full", t),
 		...o,
 		children: [/* @__PURE__ */ Q("div", {
 			className: "hidden sm:flex w-full items-stretch gap-2",
@@ -3824,7 +3843,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 					return /* @__PURE__ */ Z("div", {
 						role: "listitem",
 						"aria-current": r ? "step" : void 0,
-						className: G("relative flex-1 min-w-0 px-4 py-2 text-xs font-medium text-center rounded-xl", r && "bg-primary text-primary-foreground shadow-sm", n && "bg-emerald-500/15 text-emerald-800 dark:text-emerald-200", !r && !n && i && "bg-emerald-500/10 text-emerald-700/85 dark:text-emerald-300/85", !r && !n && !i && "bg-muted text-muted-foreground"),
+						className: W("relative flex-1 min-w-0 px-4 py-2 text-xs font-medium text-center rounded-xl", r && "bg-primary text-primary-foreground shadow-sm", n && "bg-emerald-500/15 text-emerald-800 dark:text-emerald-200", !r && !n && i && "bg-emerald-500/10 text-emerald-700/85 dark:text-emerald-300/85", !r && !n && !i && "bg-muted text-muted-foreground"),
 						children: /* @__PURE__ */ Q("span", {
 							className: "inline-flex items-center justify-center gap-1.5 truncate",
 							children: [
@@ -3851,7 +3870,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 					return /* @__PURE__ */ Z("div", {
 						role: "listitem",
 						"aria-current": n ? "step" : void 0,
-						className: G("shrink-0 px-3 py-2 text-xs font-medium rounded-md border whitespace-nowrap", n && "bg-destructive text-destructive-foreground border-destructive shadow-sm ring-1 ring-destructive/40", !n && "bg-destructive/5 text-destructive/85 border-destructive/20"),
+						className: W("shrink-0 px-3 py-2 text-xs font-medium rounded-md border whitespace-nowrap", n && "bg-destructive text-destructive-foreground border-destructive shadow-sm ring-1 ring-destructive/40", !n && "bg-destructive/5 text-destructive/85 border-destructive/20"),
 						children: /* @__PURE__ */ Q("span", {
 							className: "inline-flex items-center gap-1",
 							children: [/* @__PURE__ */ Z("span", {
@@ -3872,7 +3891,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 				return /* @__PURE__ */ Z("div", {
 					role: "listitem",
 					"aria-current": i ? "step" : void 0,
-					className: G("shrink-0 px-3 py-1.5 rounded-full text-xs font-medium border whitespace-nowrap", n && i && "bg-destructive text-destructive-foreground border-destructive shadow-sm", n && !i && "bg-destructive/5 text-destructive/85 border-destructive/20", !n && i && "bg-primary text-primary-foreground border-primary shadow-sm ring-1 ring-primary/40", !n && r && "bg-emerald-500/15 text-emerald-800 dark:text-emerald-200 border-emerald-500/30", !n && !i && !r && "bg-background text-foreground/85 border-border/60"),
+					className: W("shrink-0 px-3 py-1.5 rounded-full text-xs font-medium border whitespace-nowrap", n && i && "bg-destructive text-destructive-foreground border-destructive shadow-sm", n && !i && "bg-destructive/5 text-destructive/85 border-destructive/20", !n && i && "bg-primary text-primary-foreground border-primary shadow-sm ring-1 ring-primary/40", !n && r && "bg-emerald-500/15 text-emerald-800 dark:text-emerald-200 border-emerald-500/30", !n && !i && !r && "bg-background text-foreground/85 border-border/60"),
 					children: /* @__PURE__ */ Q("span", {
 						className: "inline-flex items-center gap-1",
 						children: [
@@ -3936,7 +3955,7 @@ var $n = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: a =
 	});
 	let v = e.align || "end", y = v === "start" ? "justify-start" : v === "center" ? "justify-center" : "justify-end";
 	return /* @__PURE__ */ Z("div", {
-		className: G("flex flex-wrap items-center gap-2", m === "record_header" && !e.inline && "-mt-12 sm:-mt-14 mb-2 relative z-10", y, t),
+		className: W("flex flex-wrap items-center gap-2", m === "record_header" && !e.inline && "-mt-12 sm:-mt-14 mb-2 relative z-10", y, t),
 		role: "toolbar",
 		"aria-label": e.aria?.label || "Quick actions",
 		...i,
@@ -3966,7 +3985,7 @@ function lr({ action: e, record: t, variant: n, size: r, label: i, onRun: o }) {
 				c(!1);
 			}
 		},
-		children: [s && /* @__PURE__ */ Z(Le, { className: "mr-2 h-4 w-4 animate-spin" }), i]
+		children: [s && /* @__PURE__ */ Z(Ie, { className: "mr-2 h-4 w-4 animate-spin" }), i]
 	});
 }
 //#endregion
@@ -4000,7 +4019,8 @@ var ur = (e) => {
 			$orderby: { timestamp: "desc" },
 			$top: Math.max(1, l)
 		})).then((t) => {
-			e || h((t?.data ?? t?.records ?? []).filter((e) => dr.has(e?.type)).map((e) => {
+			if (e) return;
+			let n = (t?.data ?? t?.records ?? []).filter((e) => dr.has(e?.type)).map((e) => {
 				let t = e.timestamp;
 				return (!t || t === "NOW()" || Number.isNaN(Date.parse(t))) && (t = e.created_at), {
 					id: e.id,
@@ -4010,7 +4030,8 @@ var ur = (e) => {
 					user_avatar: e.actor_avatar_url ?? null,
 					summary: e.summary ?? null
 				};
-			}));
+			});
+			h(n);
 		}).catch(() => {
 			e || h([]);
 		}).finally(() => {
@@ -4130,7 +4151,7 @@ var ur = (e) => {
 	}) : mr(e.objectName)));
 	return /* @__PURE__ */ Q("div", {
 		ref: m,
-		className: G("flex flex-col gap-3", e.className, t),
+		className: W("flex flex-col gap-3", e.className, t),
 		...s,
 		children: [k.map((e) => {
 			let t = e.objectName, n = f[t] || {
@@ -4166,9 +4187,9 @@ var ur = (e) => {
 					children: n.loading ? /* @__PURE__ */ Q("div", {
 						className: "space-y-1.5 p-3",
 						children: [
-							/* @__PURE__ */ Z(I, { className: "h-3.5 w-4/5" }),
-							/* @__PURE__ */ Z(I, { className: "h-3.5 w-3/5" }),
-							/* @__PURE__ */ Z(I, { className: "h-3.5 w-2/3" })
+							/* @__PURE__ */ Z(F, { className: "h-3.5 w-4/5" }),
+							/* @__PURE__ */ Z(F, { className: "h-3.5 w-3/5" }),
+							/* @__PURE__ */ Z(F, { className: "h-3.5 w-2/3" })
 						]
 					}) : n.items.length === 0 ? /* @__PURE__ */ Z("p", {
 						className: "px-4 py-3 text-xs text-muted-foreground",
@@ -4273,7 +4294,7 @@ var yr = ({ schema: e = {}, className: t }) => {
 		}
 	});
 	return _ || !a || Object.keys(a).length === 0 || p !== void 0 && !m ? null : /* @__PURE__ */ Q(o, {
-		className: G("relative pr-12", d.wrap, t),
+		className: W("relative pr-12", d.wrap, t),
 		role: u === "error" ? "alert" : "status",
 		"aria-live": u === "error" ? "assertive" : "polite",
 		children: [
@@ -4389,12 +4410,12 @@ function Cr({ open: e, onClose: t, title: n, record: r, objectName: i, recordId:
 			description: t.description
 		};
 	});
-	return /* @__PURE__ */ Z(re, {
+	return /* @__PURE__ */ Z(ne, {
 		open: e,
 		onOpenChange: (e) => {
 			e || t();
 		},
-		children: /* @__PURE__ */ Q(ie, {
+		children: /* @__PURE__ */ Q(re, {
 			side: "right",
 			className: "w-full overflow-y-auto p-0 sm:!max-w-none",
 			style: x,
@@ -4407,9 +4428,9 @@ function Cr({ open: e, onClose: t, title: n, record: r, objectName: i, 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(P, {
+				/* @__PURE__ */ Z(ie, {
 					className: "sr-only",
-					children: /* @__PURE__ */ Z(F, { children: n })
+					children: /* @__PURE__ */ Z(ae, { children: n })
 				}),
 				/* @__PURE__ */ Z("div", {
 					className: "px-6 pt-6 pb-6",
@@ -4472,7 +4493,8 @@ var Tr = ({ objectName: e, relationshipField: t, fields: n, onCreateRecord: r, o
 		if (g(e), o && e.trim().length >= 2) {
 			D(!0);
 			try {
-				v(await o(e));
+				let t = await o(e);
+				v(t);
 			} finally {
 				D(!1);
 			}
@@ -4507,9 +4529,9 @@ var Tr = ({ objectName: e, relationshipField: t, fields: n, onCreateRecord: r, o
 				b(!1);
 			}
 		}
-	}, [a]), ee = i.useMemo(() => n.filter((e) => e.required).every((e) => p[e.name]?.toString().trim()), [n, p]);
+	}, [a]), P = i.useMemo(() => n.filter((e) => e.required).every((e) => p[e.name]?.toString().trim()), [n, p]);
 	return l ? /* @__PURE__ */ Q(S, {
-		className: G("", c),
+		className: W("", c),
 		children: [/* @__PURE__ */ Z(w, {
 			className: "pb-3",
 			children: /* @__PURE__ */ Q(T, {
@@ -4526,23 +4548,23 @@ var Tr = ({ objectName: e, relationshipField: t, fields: n, onCreateRecord: r, o
 					children: /* @__PURE__ */ Z(nt, { className: "h-3.5 w-3.5" })
 				})]
 			})
-		}), /* @__PURE__ */ Z(C, { children: /* @__PURE__ */ Q(L, {
+		}), /* @__PURE__ */ Z(C, { children: /* @__PURE__ */ Q(I, {
 			value: d,
 			onValueChange: f,
 			children: [
-				/* @__PURE__ */ Q(z, {
+				/* @__PURE__ */ Q(R, {
 					className: "mb-3 w-full",
-					children: [r && /* @__PURE__ */ Q(B, {
+					children: [r && /* @__PURE__ */ Q(z, {
 						value: "create",
 						className: "flex-1 gap-1.5",
 						children: [/* @__PURE__ */ Z(Ke, { className: "h-3.5 w-3.5" }), "Create New"]
-					}), a && /* @__PURE__ */ Q(B, {
+					}), a && /* @__PURE__ */ Q(z, {
 						value: "link",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ Z(Fe, { className: "h-3.5 w-3.5" }), "Link Existing"]
+						children: [/* @__PURE__ */ Z(Pe, { className: "h-3.5 w-3.5" }), "Link Existing"]
 					})]
 				}),
-				r && /* @__PURE__ */ Q(R, {
+				r && /* @__PURE__ */ Q(L, {
 					value: "create",
 					className: "space-y-3 mt-0",
 					children: [n.map((e) => /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("label", {
@@ -4567,13 +4589,13 @@ var Tr = ({ objectName: e, relationshipField: t, fields: n, onCreateRecord: r, o
 						}), /* @__PURE__ */ Q(x, {
 							size: "sm",
 							onClick: M,
-							disabled: !ee || y,
+							disabled: !P || y,
 							className: "gap-1.5",
-							children: [y && /* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
+							children: [y && /* @__PURE__ */ Z(Ie, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
 						})]
 					})]
 				}),
-				a && /* @__PURE__ */ Q(R, {
+				a && /* @__PURE__ */ Q(L, {
 					value: "link",
 					className: "space-y-3 mt-0",
 					children: [/* @__PURE__ */ Q("div", {
@@ -4588,7 +4610,7 @@ var Tr = ({ objectName: e, relationshipField: t, fields: n, onCreateRecord: r, o
 						className: "max-h-48 overflow-y-auto space-y-1",
 						children: E ? /* @__PURE__ */ Q("div", {
 							className: "flex items-center justify-center py-4 text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ Z(Le, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
+							children: [/* @__PURE__ */ Z(Ie, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
 						}) : O.length === 0 ? /* @__PURE__ */ Z("p", {
 							className: "text-sm text-muted-foreground text-center py-4",
 							children: h ? "No records found" : "Type to search records"
@@ -4610,7 +4632,7 @@ var Tr = ({ objectName: e, relationshipField: t, fields: n, onCreateRecord: r, o
 			]
 		}) })]
 	}) : /* @__PURE__ */ Q("div", {
-		className: G("flex gap-2", c),
+		className: W("flex gap-2", c),
 		children: [r && /* @__PURE__ */ Q(x, {
 			variant: "outline",
 			size: "sm",
@@ -4630,7 +4652,7 @@ var Tr = ({ objectName: e, relationshipField: t, fields: n, onCreateRecord: r, o
 				f("link"), u(!0);
 			},
 			className: "gap-1.5",
-			children: [/* @__PURE__ */ Z(Fe, { className: "h-3.5 w-3.5" }), "Link Existing"]
+			children: [/* @__PURE__ */ Z(Pe, { className: "h-3.5 w-3.5" }), "Link Existing"]
 		})]
 	});
 };
@@ -4707,7 +4729,7 @@ var Or = {
 		return e;
 	}, [c, f]);
 	return /* @__PURE__ */ Q(S, {
-		className: G("overflow-hidden", o),
+		className: W("overflow-hidden", o),
 		children: [/* @__PURE__ */ Z(w, {
 			className: "pb-2",
 			children: /* @__PURE__ */ Q(T, {
@@ -4739,7 +4761,7 @@ var Or = {
 			children: p ? c === "unified" ? /* @__PURE__ */ Z("div", {
 				className: "font-mono text-xs overflow-x-auto",
 				children: f.map((e, t) => /* @__PURE__ */ Q("div", {
-					className: G("px-4 py-0.5 whitespace-pre-wrap border-l-2", Or[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
+					className: W("px-4 py-0.5 whitespace-pre-wrap border-l-2", Or[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: kr[e.type]
@@ -4759,10 +4781,10 @@ var Or = {
 							children: s("detail.currentVersion")
 						}),
 						m.map((e, t) => /* @__PURE__ */ Q(i.Fragment, { children: [/* @__PURE__ */ Z("div", {
-							className: G("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Or[e.left.type] : "bg-muted/20"),
+							className: W("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Or[e.left.type] : "bg-muted/20"),
 							children: e.left?.value ?? ""
 						}), /* @__PURE__ */ Z("div", {
-							className: G("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Or[e.right.type] : "bg-muted/20"),
+							className: W("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Or[e.right.type] : "bg-muted/20"),
 							children: e.right?.value ?? ""
 						})] }, t))
 					]
@@ -4841,7 +4863,7 @@ var Or = {
 		r,
 		a
 	]), /* @__PURE__ */ Q("div", {
-		className: G("flex items-center gap-1.5", o),
+		className: W("flex items-center gap-1.5", o),
 		children: [
 			/* @__PURE__ */ Z(x, {
 				variant: "outline",
@@ -5012,7 +5034,7 @@ var Lr = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: r, classNa
 		s
 	]);
 	return /* @__PURE__ */ Q(S, {
-		className: G("overflow-hidden", a),
+		className: W("overflow-hidden", a),
 		children: [/* @__PURE__ */ Z(w, {
 			className: "pb-2",
 			children: /* @__PURE__ */ Q(T, {
@@ -5049,7 +5071,7 @@ var Lr = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: r, classNa
 				}, `edge-${t}`)), d.map((e) => {
 					let t = l === e.id, n = Nr[Math.min(e.level, Nr.length - 1)], i = Pr[Math.min(e.level, Pr.length - 1)], a = e.level === 0 ? 34 : Mr;
 					return /* @__PURE__ */ Q("g", {
-						className: G("cursor-pointer transition-transform", r && "hover:opacity-80"),
+						className: W("cursor-pointer transition-transform", r && "hover:opacity-80"),
 						onClick: () => r?.(e.id),
 						onMouseEnter: () => u(e.id),
 						onMouseLeave: () => u(null),
@@ -5068,7 +5090,7 @@ var Lr = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: r, classNa
 								y: e.y,
 								textAnchor: "middle",
 								dominantBaseline: "central",
-								className: G("text-[10px] font-medium pointer-events-none", i),
+								className: W("text-[10px] font-medium pointer-events-none", i),
 								children: Ir(e.label)
 							}),
 							e.type && /* @__PURE__ */ Z("text", {
@@ -5137,13 +5159,13 @@ var zr = ({ recordId: e, revisions: t, onRestore: n, className: r }) => {
 		c(!1);
 	}, []);
 	return /* @__PURE__ */ Q(S, {
-		className: G("", r),
+		className: W("", r),
 		children: [/* @__PURE__ */ Z(w, {
 			className: "pb-3",
 			children: /* @__PURE__ */ Q(T, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(Y, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(je, { className: "h-4 w-4" }),
 					"Revision History",
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -5170,12 +5192,12 @@ var zr = ({ recordId: e, revisions: t, onRestore: n, className: r }) => {
 							let t = e.id === a;
 							return /* @__PURE__ */ Q("button", {
 								type: "button",
-								className: G("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: W("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: G("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"),
+									className: W("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(be, { className: "h-3 w-3 text-primary-foreground" })
 								}), /* @__PURE__ */ Q("div", {
 									className: "flex-1 min-w-0",
@@ -5208,7 +5230,7 @@ var zr = ({ recordId: e, revisions: t, onRestore: n, className: r }) => {
 				children: [
 					/* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2 text-sm font-medium",
-						children: [/* @__PURE__ */ Z(Oe, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
+						children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "space-y-2",
@@ -5305,7 +5327,7 @@ var zr = ({ recordId: e, revisions: t, onRestore: n, className: r }) => {
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), l());
 	}, [l]);
 	return /* @__PURE__ */ Q("div", {
-		className: G("flex gap-2", r),
+		className: W("flex gap-2", r),
 		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,
@@ -5330,14 +5352,14 @@ var zr = ({ recordId: e, revisions: t, onRestore: n, className: r }) => {
 		return t.filter((e) => e.name.toLowerCase().includes(n) || e.id.toLowerCase().includes(n));
 	}, [e, t]);
 	return !r || s.length === 0 ? null : /* @__PURE__ */ Z("div", {
-		className: G("bg-popover border rounded-md shadow-md z-50 max-h-48 overflow-y-auto w-56", o),
+		className: W("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: G("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: W("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(), n(e);
 			},
@@ -5532,7 +5554,7 @@ function Zr(e) {
 			...t.reference_field ? { reference_field: t.reference_field } : {},
 			...t.currency ? { currency: t.currency } : {}
 		};
-	};
+	}, i = Lt(t.reduce((e, t) => e + t.fields.length, 0));
 	return t.map((e) => ({
 		...e.key === void 0 ? {} : {
 			name: e.key,
@@ -5540,6 +5562,7 @@ function Zr(e) {
 		},
 		...e.collapse === "none" ? {} : { collapsible: !0 },
 		...e.collapse === "collapsed" ? { defaultCollapsed: !0 } : {},
+		columns: i,
 		fields: e.fields.map(r)
 	}));
 }