@object-ui/plugin-detail 4.7.0 → 4.8.0

package/dist/index.js

@@ -1,11 +1,11 @@
 import { ComponentRegistry as e, buildExpandFields as t } from "@object-ui/core";
 import * as n from "react";
 import r from "react";
-import { AlertDialog as i, AlertDialogAction as a, AlertDialogCancel as o, AlertDialogContent as s, AlertDialogDescription as c, AlertDialogFooter as l, AlertDialogHeader as u, AlertDialogTitle as d, Avatar as f, AvatarFallback as p, AvatarImage as m, Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Collapsible as x, CollapsibleContent as S, CollapsibleTrigger as C, Input as w, Sheet as T, SheetContent as E, SheetHeader as D, SheetTitle as O, Skeleton as k, Tabs as A, TabsContent as j, TabsList as ee, TabsTrigger as M, Tooltip as N, TooltipContent as P, TooltipProvider as F, TooltipTrigger as I, cn as L, useIsMobile as R } from "@object-ui/components";
-import { Activity as z, ArrowLeft as B, ArrowRight as te, ArrowRightLeft as V, ArrowUpDown as H, AtSign as U, Bell as ne, BellOff as re, Bold as W, Calendar as ie, Check as ae, CheckSquare as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as G, ChevronsLeft as le, ChevronsRight as ue, Code as de, Columns2 as K, Copy as fe, Edit as pe, ExternalLink as me, Eye as q, EyeOff as he, File as J, FileArchive as ge, FileText as _e, History as ve, Image as Y, Inbox as ye, Italic as be, Link as xe, List as Se, Loader2 as Ce, Mail as we, MessageSquare as Te, Network as Ee, PanelRightClose as De, PanelRightOpen as Oe, Paperclip as ke, Phone as Ae, Pin as je, Plus as Me, PlusCircle as Ne, RotateCcw as Pe, Rows3 as Fe, Search as Ie, Send as Le, SmilePlus as Re, Star as ze, Trash2 as Be, Upload as Ve, X as He, Zap as Ue, icons as We } from "lucide-react";
-import { SchemaRenderer as Ge, useActionEngine as Ke, useObjectTranslation as qe, useRecordContext as Je, useSafeFieldLabel as Ye } from "@object-ui/react";
-import { BooleanField as Xe, SelectField as Ze, getCellRenderer as Qe, resolveCellRendererType as $e } from "@object-ui/fields";
-import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { AlertDialog as i, AlertDialogAction as a, AlertDialogCancel as o, AlertDialogContent as s, AlertDialogDescription as c, AlertDialogFooter as l, AlertDialogHeader as u, AlertDialogTitle as d, Avatar as f, AvatarFallback as p, AvatarImage as m, Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Collapsible as x, CollapsibleContent as S, CollapsibleTrigger as C, Input as w, Sheet as T, SheetContent as E, SheetHeader as D, SheetTitle as O, Skeleton as k, Tabs as A, TabsContent as j, TabsList as ee, TabsTrigger as M, Tooltip as N, TooltipContent as P, TooltipProvider as F, TooltipTrigger as I, cn as L, useIsMobile as te } from "@object-ui/components";
+import { Activity as R, ArrowLeft as ne, ArrowRight as z, ArrowRightLeft as B, ArrowUpDown as re, AtSign as V, Bell as H, BellOff as U, Bold as ie, Calendar as W, Check as ae, CheckSquare as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as le, ChevronsLeft as ue, ChevronsRight as de, Code as fe, Columns2 as G, Copy as pe, Edit as K, ExternalLink as me, Eye as q, EyeOff as he, File as ge, FileArchive as J, FileText as _e, History as ve, Image as ye, Inbox as Y, Italic as be, Link as xe, List as Se, Loader2 as Ce, Mail as we, MessageSquare as Te, Network as Ee, PanelRightClose as De, PanelRightOpen as X, Paperclip as Oe, Phone as ke, Pin as Ae, Plus as je, PlusCircle as Me, RotateCcw as Ne, Rows3 as Pe, Search as Fe, Send as Ie, SmilePlus as Le, Star as Re, Trash2 as ze, Upload as Be, X as Ve, Zap as He, icons as Ue } from "lucide-react";
+import { SchemaRenderer as We, useActionEngine as Ge, useObjectTranslation as Ke, useRecordContext as qe, useSafeFieldLabel as Je } from "@object-ui/react";
+import { BooleanField as Ye, SelectField as Xe, getCellRenderer as Ze, resolveCellRendererType as Qe } from "@object-ui/fields";
+import { Fragment as $e, jsx as Z, jsxs as Q } from "react/jsx-runtime";
 import { useFieldPermissions as et, usePermissions as tt } from "@object-ui/permissions";
 //#region src/autoLayout.ts
 var nt = new Set([
@@ -53,7 +53,7 @@ function ot(e, t, n) {
 function st(e, t) {
 	return function() {
 		try {
-			let n = qe();
+			let n = Ke();
 			return n.t(t) === t ? { t: (t, n) => {
 				let r = e[t] || t;
 				if (n) for (let [e, t] of Object.entries(n)) r = r.replace(`{{${e}}}`, String(t));
@@ -188,7 +188,7 @@ function lt(e, t) {
 	return !e || e <= 1 || t <= 1 ? "" : t === 2 ? e >= 2 ? "md:col-span-2" : "" : e === 2 ? "md:col-span-2" : e >= 3 ? "md:col-span-2 lg:col-span-3" : "";
 }
 var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s, virtualScroll: c }) => {
-	let [l, u] = n.useState(e.defaultCollapsed ?? !1), [d, f] = n.useState(null), [p, m] = n.useState(void 0), [w, T] = n.useState(!1), { t: E } = $(), { fieldLabel: D, translateOptions: O } = Ye(), k = n.useCallback((e, t) => {
+	let [l, u] = n.useState(e.defaultCollapsed ?? !1), [d, f] = n.useState(null), [p, m] = n.useState(void 0), [w, T] = n.useState(!1), { t: E } = $(), { fieldLabel: D, translateOptions: O } = Je(), k = n.useCallback((e, t) => {
 		let n = t == null ? "" : String(t);
 		navigator.clipboard.writeText(n).then(() => {
 			f(e), setTimeout(() => f(null), 2e3);
@@ -196,18 +196,18 @@ var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 	}, []), A = n.useCallback((e) => {
 		let n = t?.[e.name] ?? e.value;
 		return n == null || n === "";
-	}, [t]), j = n.useMemo(() => e.fields.filter(A).length, [e.fields, A]), ee = R(), M = ee ? 3 : 6, z = ee ? .2 : .5, B = e.fields.length - j, te = !e.hideEmpty && !o && e.fields.length >= M && j / e.fields.length >= z && B > 0, V = !w && (e.hideEmpty || te) ? e.fields.filter((e) => !A(e)) : e.fields;
-	if (V.length === 0 && j === e.fields.length) return null;
-	let { fields: H, columns: U } = ot(V, e.columns), ne = (e) => {
+	}, [t]), j = n.useMemo(() => e.fields.filter(A).length, [e.fields, A]), ee = te(), M = ee ? 3 : 6, R = ee ? .2 : .5, ne = e.fields.length - j, z = !e.hideEmpty && !o && e.fields.length >= M && j / e.fields.length >= R && ne > 0, B = !w && (e.hideEmpty || z) ? e.fields.filter((e) => !A(e)) : e.fields;
+	if (B.length === 0 && j === e.fields.length) return null;
+	let { fields: re, columns: V } = ot(B, e.columns), H = (e) => {
 		let n = t?.[e.name] ?? e.value;
-		if (e.render) return /* @__PURE__ */ Z(Ge, {
+		if (e.render) return /* @__PURE__ */ Z(We, {
 			schema: e.render,
 			data: {
 				...t,
 				value: n
 			}
 		});
-		let r = lt(e.span, U), c = i?.fields?.[e.name], l = { ...e };
+		let r = lt(e.span, V), c = i?.fields?.[e.name], l = { ...e };
 		if (c) {
 			!e.type && c.type && (l.type = c.type), c.options && !l.options && (l.options = c.options), c.currency && !l.currency && (l.currency = c.currency), c.precision !== void 0 && l.precision === void 0 && (l.precision = c.precision), c.format && !l.format && (l.format = c.format);
 			let t = c.reference_to || c.reference;
@@ -219,9 +219,9 @@ var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 				className: "text-muted-foreground/50 text-xs italic",
 				children: "—"
 			});
-			let t = $e(l) || e.type;
+			let t = Qe(l) || e.type;
 			if (t) {
-				let e = Qe(t);
+				let e = Ze(t);
 				if (e) return /* @__PURE__ */ Z(e, {
 					value: n,
 					field: l
@@ -238,12 +238,12 @@ var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 				className: "min-h-[44px] sm:min-h-0",
 				children: (() => {
 					let t = l.type || e.type;
-					if (t === "select" && Array.isArray(l.options) && l.options.length > 0) return /* @__PURE__ */ Z(Ze, {
+					if (t === "select" && Array.isArray(l.options) && l.options.length > 0) return /* @__PURE__ */ Z(Xe, {
 						field: l,
 						value: n == null ? "" : String(n),
 						onChange: (t) => s?.(e.name, t)
 					});
-					if (t === "boolean") return /* @__PURE__ */ Z(Xe, {
+					if (t === "boolean") return /* @__PURE__ */ Z(Ye, {
 						field: l,
 						value: !!n,
 						onChange: (t) => s?.(e.name, t)
@@ -287,32 +287,32 @@ var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 						onClick: (t) => {
 							t.stopPropagation(), k(e.name, n);
 						},
-						children: p ? /* @__PURE__ */ Z(ae, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(fe, { className: "h-3 w-3" })
+						children: p ? /* @__PURE__ */ Z(ae, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(pe, { className: "h-3 w-3" })
 					})
 				}), /* @__PURE__ */ Z(P, { children: E(p ? "detail.copied" : "detail.copyToClipboard") })] }) })]
 			})]
 		}, e.name);
-	}, re = c?.enabled === !0, W = c?.batchSize ?? 20;
+	}, U = c?.enabled === !0, ie = c?.batchSize ?? 20;
 	n.useEffect(() => {
-		if (!re) {
+		if (!U) {
 			m(void 0);
 			return;
 		}
-		if (H.length <= W) {
+		if (re.length <= ie) {
 			m(void 0);
 			return;
 		}
-		m(W);
+		m(ie);
 		let e = setTimeout(() => m(void 0), 100);
 		return () => clearTimeout(e);
 	}, [
-		re,
-		H.length,
-		W
+		U,
+		re.length,
+		ie
 	]);
-	let ie = p === void 0 ? H : H.slice(0, p), oe = j > 0 && (e.hideEmpty || te), ce = /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("div", {
-		className: L("grid gap-3 sm:gap-4", U === 1 ? "grid-cols-1" : U === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
-		children: ie.map(ne)
+	let W = p === void 0 ? re : re.slice(0, p), oe = j > 0 && (e.hideEmpty || z), ce = /* @__PURE__ */ Q($e, { children: [/* @__PURE__ */ Z("div", {
+		className: L("grid gap-3 sm:gap-4", V === 1 ? "grid-cols-1" : V === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
+		children: W.map(H)
 	}), oe && /* @__PURE__ */ Z("div", {
 		className: "mt-3 -ml-2",
 		children: /* @__PURE__ */ Q(g, {
@@ -356,7 +356,7 @@ var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 						]
 					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-2",
-						children: Z(l ? G : se, { className: "h-4 w-4 text-muted-foreground" })
+						children: Z(l ? le : se, { className: "h-4 w-4 text-muted-foreground" })
 					})]
 				}), e.description && !l && /* @__PURE__ */ Z("p", {
 					className: "text-sm text-muted-foreground mt-1.5",
@@ -420,11 +420,11 @@ var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 				fallback: null,
 				children: Array.isArray(e.content) ? /* @__PURE__ */ Z("div", {
 					className: "space-y-4",
-					children: e.content.map((e, n) => /* @__PURE__ */ Z(Ge, {
+					children: e.content.map((e, n) => /* @__PURE__ */ Z(We, {
 						schema: e,
 						data: t
 					}, n))
-				}) : /* @__PURE__ */ Z(Ge, {
+				}) : /* @__PURE__ */ Z(We, {
 					schema: e.content,
 					data: t
 				})
@@ -435,14 +435,14 @@ var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 //#endregion
 //#region src/RelatedList.tsx
 function ft(e) {
-	return e && We[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || ye;
+	return e && Ue[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || Y;
 }
 var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className: x, dataSource: S, objectName: C, onNew: T, onViewAll: E, onRowEdit: D, onRowDelete: O, onRowClick: k, maxColumns: A = 6, pageSize: j, sortable: ee = !1, filterable: M = !1, collapsible: N = !1, defaultCollapsed: P = !1, referenceField: F, icon: I }) => {
-	let R = f !== void 0, z = f ?? [], [B, te] = n.useState(z), [V, U] = n.useState(!1), [ne, re] = n.useState(0), [W, ie] = n.useState(null), [ae, oe] = n.useState("asc"), [le, ue] = n.useState(""), [de, K] = n.useState(null), [fe, pe] = n.useState(P), [q, he] = n.useState({}), { t: J } = $(), { fieldLabel: ge } = Ye();
+	let R = f !== void 0, ne = f ?? [], [z, B] = n.useState(ne), [V, H] = n.useState(() => !!r && !R), [U, ie] = n.useState(0), [W, ae] = n.useState(null), [oe, ue] = n.useState("asc"), [de, fe] = n.useState(""), [G, pe] = n.useState(null), [K, q] = n.useState(P), [he, ge] = n.useState({}), { t: J } = $(), { fieldLabel: _e } = Je();
 	n.useEffect(() => {
-		R && te(f ?? []);
+		R && B(f ?? []);
 	}, [f, R]), n.useEffect(() => {
-		r && S?.getObjectSchema && !m?.length && S.getObjectSchema(r).then(K).catch((e) => {
+		r && S?.getObjectSchema && !m?.length && S.getObjectSchema(r).then(pe).catch((e) => {
 			console.warn(`[RelatedList] Failed to fetch schema for ${r}:`, e);
 		});
 	}, [
@@ -450,32 +450,32 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		S,
 		m
 	]), n.useEffect(() => {
-		r && !R && (U(!0), S && typeof S.find == "function" ? S.find(r).then((e) => {
-			te(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), U(!1);
+		r && !R && (H(!0), S && typeof S.find == "function" ? S.find(r).then((e) => {
+			B(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), H(!1);
 		}).catch((e) => {
-			console.error("Failed to fetch related data:", e), U(!1);
+			console.error("Failed to fetch related data:", e), H(!1);
 		}) : fetch(r).then((e) => e.json()).then((e) => {
-			te(Array.isArray(e) ? e : e?.data || []);
+			B(Array.isArray(e) ? e : e?.data || []);
 		}).catch((e) => {
 			console.error("Failed to fetch related data:", e);
-		}).finally(() => U(!1)));
+		}).finally(() => H(!1)));
 	}, [
 		r,
 		R,
 		S
 	]), n.useEffect(() => {
-		if (!S?.find || !de?.fields || !B.length) return;
-		let e = de.fields, t = [];
+		if (!S?.find || !G?.fields || !z.length) return;
+		let e = G.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 B) {
+			for (let e of z) {
 				let t = e?.[n];
 				t != null && (typeof t == "string" && t ? i.add(t) : typeof t == "number" && i.add(String(t)));
 			}
-			let a = q[n] || {}, o = Array.from(i).filter((e) => !(e in a));
+			let a = he[n] || {}, o = Array.from(i).filter((e) => !(e in a));
 			o.length > 0 && t.push({
 				fieldName: n,
 				target: e,
@@ -501,7 +501,7 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			fieldName: e,
 			map: {}
 		})))).then((e) => {
-			n || he((t) => {
+			n || ge((t) => {
 				let n = { ...t };
 				for (let { fieldName: t, map: r } of e) n[t] = {
 					...n[t] || {},
@@ -514,48 +514,48 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		};
 	}, [
 		S,
-		de,
-		B
+		G,
+		z
 	]);
-	let _e = n.useMemo(() => {
-		if (!le) return B;
-		let e = le.toLowerCase();
-		return B.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
-	}, [B, le]), ve = n.useMemo(() => W ? [..._e].sort((e, t) => {
+	let ve = n.useMemo(() => {
+		if (!de) return z;
+		let e = de.toLowerCase();
+		return z.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
+	}, [z, de]), ye = n.useMemo(() => W ? [...ve].sort((e, t) => {
 		let n = e[W], r = t[W];
 		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 ae === "asc" ? i : -i;
-	}) : _e, [
-		_e,
+		return oe === "asc" ? i : -i;
+	}) : ve, [
+		ve,
 		W,
-		ae
-	]), Y = j && j > 0 ? j : 0, ye = Y ? Math.max(1, Math.ceil(ve.length / Y)) : 1, be = Y ? ve.slice(ne * Y, (ne + 1) * Y) : ve;
+		oe
+	]), Y = j && j > 0 ? j : 0, be = Y ? Math.max(1, Math.ceil(ye.length / Y)) : 1, xe = Y ? ye.slice(U * Y, (U + 1) * Y) : ye;
 	n.useEffect(() => {
-		re(0);
+		ie(0);
 	}, [
-		le,
+		de,
 		W,
-		ae
+		oe
 	]);
-	let xe = n.useCallback((e) => {
-		W === e ? oe((e) => e === "asc" ? "desc" : "asc") : (ie(e), oe("asc"));
-	}, [W]), [Se, Ce] = n.useState(null), we = n.useCallback((e) => {
-		Ce(e);
-	}, []), Te = n.useCallback(() => {
-		Se && O?.(Se), Ce(null);
-	}, [Se, O]), Ee = tt(), De = n.useMemo(() => {
-		let e = C || r || "", t = (t) => !Ee?.isLoaded || !e ? t : t.filter((t) => {
+	let Se = n.useCallback((e) => {
+		W === e ? ue((e) => e === "asc" ? "desc" : "asc") : (ae(e), ue("asc"));
+	}, [W]), [Ce, we] = n.useState(null), Te = n.useCallback((e) => {
+		we(e);
+	}, []), Ee = n.useCallback(() => {
+		Ce && O?.(Ce), we(null);
+	}, [Ce, O]), De = tt(), X = n.useMemo(() => {
+		let e = C || r || "", t = (t) => !De?.isLoaded || !e ? t : t.filter((t) => {
 			let n = t?.accessorKey || t?.field || t?.name;
-			return n ? Ee.checkField(e, String(n), "read") : !0;
-		}), i = (e) => F ? e.filter((e) => (e?.accessorKey || e?.field || e?.name) !== F) : e, a = (e) => e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0, o = (e) => B.length ? e.filter((e) => {
+			return n ? De.checkField(e, String(n), "read") : !0;
+		}), i = (e) => F ? e.filter((e) => (e?.accessorKey || e?.field || e?.name) !== F) : e, a = (e) => e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0, o = (e) => z.length ? e.filter((e) => {
 			let t = e?.accessorKey || e?.field || e?.name;
-			return t ? B.some((e) => !a(e?.[t])) : !0;
+			return t ? z.some((e) => !a(e?.[t])) : !0;
 		}) : e;
 		if (m && m.length > 0) return o(t(i(m)));
-		if (!de?.fields) return [];
+		if (!G?.fields) return [];
 		let s = e, c = new Set([
 			"image",
 			"file",
@@ -572,7 +572,7 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			"label",
 			"code",
 			"number"
-		], u = Object.entries(de.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === F || t?.hidden || t?.type && c.has(t.type) || Ee?.isLoaded && s && !Ee.checkField(s, e, "read")));
+		], u = Object.entries(G.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === F || t?.hidden || t?.type && c.has(t.type) || De?.isLoaded && s && !De.checkField(s, e, "read")));
 		return u.sort(([e, t], [n, r]) => {
 			let i = l.indexOf(e), a = l.indexOf(n), o = i >= 0 ? i : 100, s = a >= 0 ? a : 100;
 			if (o !== s) return o - s;
@@ -581,15 +581,15 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		}), o(u.map(([e, t]) => {
 			let r = {
 				accessorKey: e,
-				header: ge(s, e, t.label || e)
+				header: _e(s, e, t.label || e)
 			};
 			if (t.type) {
-				let i = Qe($e({
+				let i = Ze(Qe({
 					type: t.type,
 					format: t.format
 				}) || t.type);
 				if (i) {
-					let a = t.type === "lookup" || t.type === "master_detail" ? q[e] : void 0, o = a && Object.keys(a).length > 0 ? Object.entries(a).map(([e, t]) => ({
+					let a = t.type === "lookup" || t.type === "master_detail" ? he[e] : void 0, o = a && Object.keys(a).length > 0 ? Object.entries(a).map(([e, t]) => ({
 						value: e,
 						label: t
 					})) : void 0, s = {
@@ -613,35 +613,49 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		})).slice(0, Math.max(1, A));
 	}, [
 		m,
-		de,
+		G,
 		C,
 		r,
-		ge,
+		_e,
 		F,
-		B,
+		z,
 		A,
-		q,
-		Ee
-	]), Oe = !!D || !!O, ke = n.useMemo(() => {
+		he,
+		De
+	]), Oe = !!D || !!O, ke = te(), Ae = n.useMemo(() => {
 		if (p) return p;
+		if (ke && (t === "grid" || t === "table")) {
+			let e = X[0]?.accessorKey || X[0]?.field || X[0]?.name, t = X.slice(1, 4).map((e) => e.accessorKey || e.field || e.name).filter(Boolean);
+			return {
+				type: "object-gallery",
+				data: xe,
+				objectName: r,
+				gallery: {
+					titleField: e || "name",
+					visibleFields: t,
+					cardSize: "medium"
+				},
+				onRowClick: k
+			};
+		}
 		switch (t) {
 			case "grid":
 			case "table": return {
 				type: "data-table",
-				data: be,
-				columns: De,
+				data: xe,
+				columns: X,
 				pagination: !1,
 				pageSize: Y || 10,
 				searchable: !1,
 				exportable: !1,
 				rowActions: Oe,
 				onRowEdit: D,
-				onRowDelete: O ? we : void 0,
+				onRowDelete: O ? Te : void 0,
 				onRowClick: k
 			};
 			case "list": return {
 				type: "data-list",
-				data: be
+				data: xe
 			};
 			default: return {
 				type: "div",
@@ -650,29 +664,31 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		}
 	}, [
 		t,
-		be,
-		De,
+		xe,
+		X,
 		p,
 		Y,
 		Oe,
 		D,
 		O,
-		we,
-		k
-	]), Ae = N ? "cursor-pointer select-none" : void 0, je = N ? () => pe((e) => !e) : void 0, Ne = ft(I), Pe = !V && B.length === 0, Fe = M;
+		Te,
+		k,
+		ke,
+		r
+	]), Me = N ? "cursor-pointer select-none" : void 0, Ne = N ? () => q((e) => !e) : void 0, Pe = ft(I), Fe = !V && z.length === 0, Ie = M;
 	return /* @__PURE__ */ Q(_, {
-		className: L("shadow-none", Pe && "bg-muted/20", x),
+		className: L("shadow-none", Fe && "bg-muted/20", x),
 		children: [
 			/* @__PURE__ */ Z(y, {
-				className: L("py-3 px-4", Ae),
-				onClick: je,
+				className: L("py-3 px-4 sm:py-3 min-h-12 sm:min-h-0", Me),
+				onClick: Ne,
 				children: /* @__PURE__ */ Q(b, {
 					className: "flex items-center justify-between gap-2 text-sm font-semibold",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2 min-w-0",
 						children: [
-							N && Z(fe ? G : se, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-							/* @__PURE__ */ Z(Ne, {
+							N && Z(K ? le : se, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+							/* @__PURE__ */ Z(Pe, {
 								className: "h-4 w-4 text-muted-foreground shrink-0",
 								"aria-hidden": !0
 							}),
@@ -682,9 +698,9 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 							}),
 							/* @__PURE__ */ Z(h, {
 								variant: "secondary",
-								className: L("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
+								className: L("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
 							})
 						]
 					}), /* @__PURE__ */ Z("div", {
@@ -695,27 +711,27 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 							onClick: (e) => {
 								e.stopPropagation(), T();
 							},
-							className: "gap-1 h-7 text-xs shadow-none",
-							children: [/* @__PURE__ */ Z(Me, { className: "h-3.5 w-3.5" }), J("detail.new")]
+							className: "gap-1 h-9 sm:h-7 text-xs shadow-none",
+							children: [/* @__PURE__ */ Z(je, { className: "h-3.5 w-3.5" }), J("detail.new")]
 						})
 					})]
 				})
 			}),
-			!fe && /* @__PURE__ */ Q(v, {
-				className: L("pt-0", Pe ? "pb-3 px-4" : "pb-4 px-4"),
+			!K && /* @__PURE__ */ Q(v, {
+				className: L("pt-0", Fe ? "pb-3 px-4" : "pb-4 px-4"),
 				children: [
-					Fe && /* @__PURE__ */ Z("div", {
+					Ie && /* @__PURE__ */ Z("div", {
 						className: "mb-3",
 						children: /* @__PURE__ */ Z(w, {
 							placeholder: J("detail.filterPlaceholder"),
-							value: le,
-							onChange: (e) => ue(e.target.value),
+							value: de,
+							onChange: (e) => fe(e.target.value),
 							className: "h-8 text-sm"
 						})
 					}),
-					ee && De && De.length > 0 && B.length > 0 && /* @__PURE__ */ Z("div", {
+					ee && X && X.length > 0 && z.length > 0 && /* @__PURE__ */ Z("div", {
 						className: "flex flex-wrap gap-1 mb-3",
-						children: De.map((e) => {
+						children: X.map((e) => {
 							let t = e.accessorKey || e.field || e.name;
 							if (!t) return null;
 							let n = e.header || e.label || t, r = W === t;
@@ -723,11 +739,11 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 								variant: r ? "secondary" : "ghost",
 								size: "sm",
 								className: "gap-1 h-7 text-xs",
-								onClick: () => xe(t),
+								onClick: () => Se(t),
 								children: [
-									/* @__PURE__ */ Z(H, { className: "h-3 w-3" }),
+									/* @__PURE__ */ Z(re, { className: "h-3 w-3" }),
 									n,
-									r && (ae === "asc" ? " ↑" : " ↓")
+									r && (oe === "asc" ? " ↑" : " ↓")
 								]
 							}, t);
 						})
@@ -735,10 +751,10 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 					V ? /* @__PURE__ */ Z("div", {
 						className: "flex items-center justify-center py-6 text-muted-foreground text-sm",
 						children: J("detail.loading")
-					}) : Pe ? /* @__PURE__ */ Q("div", {
+					}) : Fe ? /* @__PURE__ */ Q("div", {
 						className: "flex flex-col items-center justify-center gap-2 py-6 text-sm",
 						children: [
-							/* @__PURE__ */ Z(Ne, {
+							/* @__PURE__ */ Z(Pe, {
 								className: "h-8 w-8 text-muted-foreground/40",
 								"aria-hidden": !0
 							}),
@@ -751,39 +767,39 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 								size: "sm",
 								onClick: T,
 								className: "gap-1 h-7 text-xs mt-1",
-								children: [/* @__PURE__ */ Z(Me, { className: "h-3.5 w-3.5" }), J("detail.new")]
+								children: [/* @__PURE__ */ Z(je, { className: "h-3.5 w-3.5" }), J("detail.new")]
 							})
 						]
-					}) : /* @__PURE__ */ Z(Ge, { schema: ke }),
-					Y > 0 && ve.length > Y && /* @__PURE__ */ Q("div", {
+					}) : /* @__PURE__ */ Z(We, { schema: Ae }),
+					Y > 0 && ye.length > Y && /* @__PURE__ */ Q("div", {
 						className: "flex items-center justify-between mt-3 pt-3 border-t",
 						children: [
 							/* @__PURE__ */ Q(g, {
 								variant: "outline",
 								size: "sm",
 								className: "h-7 text-xs gap-1",
-								disabled: ne === 0,
-								onClick: () => re((e) => Math.max(0, e - 1)),
+								disabled: U === 0,
+								onClick: () => ie((e) => Math.max(0, e - 1)),
 								children: [/* @__PURE__ */ Z(ce, { className: "h-3 w-3" }), J("detail.previousPage")]
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "text-xs text-muted-foreground",
 								children: J("detail.pageOf", {
-									current: ne + 1,
-									total: ye
+									current: U + 1,
+									total: be
 								})
 							}),
 							/* @__PURE__ */ Q(g, {
 								variant: "outline",
 								size: "sm",
 								className: "h-7 text-xs gap-1",
-								disabled: ne >= ye - 1,
-								onClick: () => re((e) => Math.min(ye - 1, e + 1)),
-								children: [J("detail.nextPage"), /* @__PURE__ */ Z(G, { className: "h-3 w-3" })]
+								disabled: U >= be - 1,
+								onClick: () => ie((e) => Math.min(be - 1, e + 1)),
+								children: [J("detail.nextPage"), /* @__PURE__ */ Z(le, { className: "h-3 w-3" })]
 							})
 						]
 					}),
-					E && !Pe && Y > 0 && ve.length > Y && /* @__PURE__ */ Z("div", {
+					E && !Fe && Y > 0 && ye.length > Y && /* @__PURE__ */ Z("div", {
 						className: "mt-3 pt-3 border-t flex justify-center",
 						children: /* @__PURE__ */ Q("button", {
 							type: "button",
@@ -797,12 +813,12 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 				]
 			}),
 			/* @__PURE__ */ Z(i, {
-				open: Se !== null,
+				open: Ce !== null,
 				onOpenChange: (e) => {
-					e || Ce(null);
+					e || we(null);
 				},
 				children: /* @__PURE__ */ Q(s, { children: [/* @__PURE__ */ Q(u, { children: [/* @__PURE__ */ Z(d, { children: J("detail.deleteRowTitle", { defaultValue: "Delete record" }) }), /* @__PURE__ */ Z(c, { children: J("detail.deleteRowConfirmation") })] }), /* @__PURE__ */ Q(l, { children: [/* @__PURE__ */ Z(o, { children: J("detail.cancel", { defaultValue: "Cancel" }) }), /* @__PURE__ */ Z(a, {
-					onClick: Te,
+					onClick: Ee,
 					className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
 					children: J("detail.delete", { defaultValue: "Delete" })
 				})] })] })
@@ -831,7 +847,7 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 				children: /* @__PURE__ */ Q("div", {
 					className: "flex items-center gap-2 pb-2 border-b cursor-pointer hover:bg-muted/50 transition-colors rounded-t-md px-2 py-1.5",
 					children: [
-						Z(l ? G : se, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+						Z(l ? le : se, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
 						e.icon && /* @__PURE__ */ Z("span", {
 							className: "text-muted-foreground",
 							children: e.icon
@@ -873,7 +889,7 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		]
 	});
 }, ht = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
-	let { fieldLabel: a } = Ye();
+	let { fieldLabel: a } = Je();
 	if (!e.length || !t) return null;
 	let o = e.filter((e) => {
 		let n = t?.[e.name];
@@ -894,7 +910,7 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 						...o?.currency && { currency: o.currency },
 						...o?.precision !== void 0 && { precision: o.precision },
 						...o?.format && { format: o.format }
-					}, l = Qe($e(c) || s || "text");
+					}, l = Ze(Qe(c) || s || "text");
 					return /* @__PURE__ */ Q("div", {
 						className: "flex min-w-0 flex-col gap-0.5",
 						children: [/* @__PURE__ */ Q("span", {
@@ -972,7 +988,7 @@ var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 					children: /* @__PURE__ */ Q("div", {
 						className: "relative flex-1",
 						children: [
-							/* @__PURE__ */ Z(Ie, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+							/* @__PURE__ */ Z(Fe, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
 							/* @__PURE__ */ Z("input", {
 								className: "w-full rounded-md border border-input bg-background pl-8 pr-8 py-1.5 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
 								placeholder: o("detail.searchComments"),
@@ -985,7 +1001,7 @@ var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 								onClick: () => f(""),
 								"aria-label": o("detail.clearSearch"),
 								type: "button",
-								children: /* @__PURE__ */ Z(He, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ Z(Ve, { className: "h-3.5 w-3.5" })
 							})
 						]
 					})
@@ -1005,7 +1021,7 @@ var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 						onClick: p,
 						disabled: !s.trim() || l,
 						className: "shrink-0 self-end",
-						children: /* @__PURE__ */ Z(Le, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ Z(Ie, { className: "h-4 w-4" })
 					})]
 				}),
 				h.length === 0 ? /* @__PURE__ */ Z("p", {
@@ -1041,7 +1057,7 @@ var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 										}),
 										e.pinned && /* @__PURE__ */ Q("span", {
 											className: "text-xs text-amber-600 flex items-center gap-0.5",
-											children: [/* @__PURE__ */ Z(je, { className: "h-3 w-3" }), o("detail.pinned")]
+											children: [/* @__PURE__ */ Z(Ae, { className: "h-3 w-3" }), o("detail.pinned")]
 										})
 									]
 								}),
@@ -1054,7 +1070,7 @@ var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 									className: "mt-1 text-xs text-muted-foreground hover:text-foreground flex items-center gap-1",
 									onClick: () => r(e.id),
 									"aria-label": e.pinned ? o("detail.unpin") : o("detail.pin"),
-									children: [/* @__PURE__ */ Z(je, { className: "h-3 w-3" }), e.pinned ? o("detail.unpin") : o("detail.pin")]
+									children: [/* @__PURE__ */ Z(Ae, { className: "h-3 w-3" }), e.pinned ? o("detail.unpin") : o("detail.pin")]
 								})
 							]
 						})]
@@ -1064,11 +1080,11 @@ var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 		})]
 	});
 }, vt = {
-	field_change: pe,
-	create: Ne,
-	delete: Be,
+	field_change: K,
+	create: Me,
+	delete: ze,
 	comment: Te,
-	status_change: V
+	status_change: B
 }, yt = {
 	field_change: "bg-blue-100 text-blue-600",
 	create: "bg-green-100 text-green-600",
@@ -1106,7 +1122,7 @@ var St = {
 		children: [/* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Q(b, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ Z(z, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Z(R, { className: "h-4 w-4" }),
 				"Activity",
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
@@ -1126,7 +1142,7 @@ var St = {
 				className: L("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors", a === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
 				onClick: () => o(e),
 				"aria-pressed": a === e,
-				children: [e !== "all" && n.createElement(vt[e] || pe, { className: "h-3 w-3" }), St[e]]
+				children: [e !== "all" && n.createElement(vt[e] || K, { className: "h-3 w-3" }), St[e]]
 			}, e))
 		}), s.length === 0 ? /* @__PURE__ */ Z("p", {
 			className: "text-sm text-muted-foreground text-center py-4",
@@ -1136,7 +1152,7 @@ var St = {
 			children: [/* @__PURE__ */ Z("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Z("div", {
 				className: "space-y-4",
 				children: s.map((e) => {
-					let t = vt[e.type] || pe;
+					let t = vt[e.type] || K;
 					return /* @__PURE__ */ Q("div", {
 						className: "flex gap-3 relative",
 						children: [/* @__PURE__ */ Z("div", {
@@ -1353,9 +1369,9 @@ var Ft = ({ value: e, objectSchema: t, fieldName: n }) => {
 		type: r?.type || (i ? "lookup" : "text"),
 		...i && { reference_to: i },
 		...r?.reference_field && { reference_field: r.reference_field }
-	}, o = $e(a) || a.type;
+	}, o = Qe(a) || a.type;
 	if (o) {
-		let t = Qe(o);
+		let t = Ze(o);
 		if (t) return /* @__PURE__ */ Z("span", {
 			className: "inline-flex items-center [&_a]:text-inherit [&_a]:hover:underline",
 			children: /* @__PURE__ */ Z(t, {
@@ -1472,7 +1488,7 @@ function zt(e, t, n, r) {
 	return r;
 }
 var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBack: s, inlineEdit: c = !1, onFieldSave: l, discussionSlot: u, rightRail: d, objectLabel: f, onDataLoaded: p }) => {
-	let [m, _] = n.useState(e.data), [v, y] = n.useState(!e.data && !!(e.api && e.resourceId || r && e.objectName && e.resourceId)), [b, x] = n.useState(!1), [S, C] = n.useState(!1), [w, T] = n.useState({}), [E, D] = n.useState(null), [O, R] = n.useState(!1), { t: z } = $(), { fieldOptionLabel: te } = Ye(), V = tt(), H = n.useMemo(() => {
+	let [m, _] = n.useState(e.data), [v, y] = n.useState(!e.data && !!(e.api && e.resourceId || r && e.objectName && e.resourceId)), [b, x] = n.useState(!1), [S, C] = n.useState(!1), [w, T] = n.useState({}), [E, D] = n.useState(null), [O, R] = n.useState(!1), { t: z } = $(), { fieldOptionLabel: B } = Je(), re = te(), V = tt(), H = n.useMemo(() => {
 		if (!V?.isLoaded || !e.objectName) return e;
 		let t = (t) => V.checkField(e.objectName, t, "read"), n = (e) => e && e.filter((e) => {
 			let n = typeof e == "string" ? e : e?.name;
@@ -1517,7 +1533,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		H.fields,
 		E,
 		m
-	]), ne = H.summaryFields && H.summaryFields.length > 0 ? H.summaryFields : U, re = n.useCallback(() => {
+	]), ie = H.summaryFields && H.summaryFields.length > 0 ? H.summaryFields : U, W = n.useCallback(() => {
 		H.resourceId && navigator.clipboard.writeText(String(H.resourceId)).then(() => {
 			R(!0), setTimeout(() => R(!1), 1500);
 		});
@@ -1572,18 +1588,18 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		H.sections,
 		H.fields
 	]);
-	let W = n.useCallback(() => {
+	let oe = n.useCallback(() => {
 		if (s) s();
 		else if (H.onNavigate) {
 			let e = H.backUrl || (H.objectName ? `/${H.objectName}` : "/");
 			H.onNavigate(e, { replace: !0 });
 		} else H.backUrl ? window.location.href = H.backUrl : window.history.back();
-	}, [s, H]), ie = n.useCallback(() => {
+	}, [s, H]), se = n.useCallback(() => {
 		a ? a() : H.onNavigate && H.editUrl ? H.onNavigate(H.editUrl) : H.onNavigate && H.objectName && H.resourceId ? H.onNavigate(`/${H.objectName}/${H.resourceId}/edit`) : H.editUrl && (window.location.href = H.editUrl);
-	}, [a, H]), oe = n.useCallback(() => {
+	}, [a, H]), ue = n.useCallback(() => {
 		let e = H.deleteConfirmation || z("detail.deleteConfirmation");
 		window.confirm(e) && (o?.(), H.onNavigate && H.objectName && H.onNavigate(`/${H.objectName}`, { replace: !0 }));
-	}, [o, H]), se = n.useCallback(() => {
+	}, [o, H]), de = n.useCallback(() => {
 		navigator.share && H.objectName && H.resourceId ? navigator.share({
 			title: H.title || z("detail.details"),
 			text: `${H.objectName} #${H.resourceId}`,
@@ -1591,9 +1607,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		}).catch((e) => console.log("Share failed:", e)) : navigator.clipboard.writeText(window.location.href).then(() => {
 			console.log("Link copied to clipboard");
 		});
-	}, [H]), le = n.useCallback(() => {
+	}, [H]), fe = n.useCallback(() => {
 		x(!b);
-	}, [b]), ue = n.useCallback(() => {
+	}, [b]), G = n.useCallback(() => {
 		if (S) {
 			let e = Object.entries(w);
 			if (e.length > 0) {
@@ -1613,9 +1629,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		w,
 		m,
 		l
-	]), de = n.useCallback(() => {
+	]), me = n.useCallback(() => {
 		T({}), C(!1);
-	}, []), K = n.useCallback((e, t) => {
+	}, []), q = n.useCallback((e, t) => {
 		T((n) => ({
 			...n,
 			[e]: t
@@ -1629,28 +1645,28 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		};
 		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
 	}, [H.recordNavigation]);
-	let me = n.useMemo(() => H.related ?? [], [H.related]), q = n.useMemo(() => {
+	let he = n.useMemo(() => H.related ?? [], [H.related]), ge = n.useMemo(() => {
 		let e = [];
 		return e.push({
 			name: "sys_share",
 			label: z("detail.share"),
 			icon: "share-2",
 			type: "script",
-			onClick: se
+			onClick: de
 		}), H.showEdit && e.push({
 			name: "sys_edit_mobile",
 			label: z("detail.edit"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
-			onClick: ie
+			onClick: se
 		}), c && e.push({
 			name: "sys_toggle_inline_edit_mobile",
 			label: z(S ? "detail.save" : "detail.editInline"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
-			onClick: ue
+			onClick: G
 		}), H.showDelete && e.push({
 			name: "sys_delete",
 			label: z("detail.delete"),
@@ -1658,7 +1674,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			type: "script",
 			variant: "destructive",
 			tags: ["separator-before"],
-			onClick: oe
+			onClick: ue
 		}), e;
 	}, [
 		z,
@@ -1666,13 +1682,13 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		H.showDelete,
 		c,
 		S,
+		de,
 		se,
-		ie,
-		ue,
-		oe
-	]), he = n.useMemo(() => {
+		G,
+		ue
+	]), J = n.useMemo(() => {
 		let e = H.actions ?? [];
-		if (q.length === 0) return e;
+		if (ge.length === 0) return e;
 		let t = !1, n = e.map((e) => {
 			let n = e;
 			if (n && typeof n == "object" && n.type === "action:bar" && (!n.location || n.location === "record_header")) {
@@ -1680,7 +1696,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				let e = Array.isArray(n.systemActions) ? n.systemActions : [];
 				return {
 					...n,
-					systemActions: [...e, ...q]
+					systemActions: [...e, ...ge]
 				};
 			}
 			return e;
@@ -1688,9 +1704,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		return t || n.push({
 			type: "action:bar",
 			location: "record_header",
-			systemActions: q
+			systemActions: ge
 		}), n;
-	}, [H.actions, q]);
+	}, [H.actions, ge]);
 	return v || H.loading ? /* @__PURE__ */ Q("div", {
 		className: L("space-y-4", i),
 		children: [
@@ -1712,9 +1728,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			(H.showBack ?? !0) && /* @__PURE__ */ Q(g, {
 				variant: "outline",
 				size: "sm",
-				onClick: W,
+				onClick: oe,
 				className: "mt-4 gap-2",
-				children: [/* @__PURE__ */ Z(B, { className: "h-4 w-4" }), z("detail.goBack")]
+				children: [/* @__PURE__ */ Z(ne, { className: "h-4 w-4" }), z("detail.goBack")]
 			})
 		]
 	}) : /* @__PURE__ */ Z(F, { children: /* @__PURE__ */ Q("div", {
@@ -1729,9 +1745,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						children: /* @__PURE__ */ Z(g, {
 							variant: "ghost",
 							size: "icon",
-							onClick: W,
+							onClick: oe,
 							className: "shrink-0 mt-1",
-							children: /* @__PURE__ */ Z(B, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ Z(ne, { className: "h-4 w-4" })
 						})
 					}), /* @__PURE__ */ Z(P, { children: z("detail.back") })] }), /* @__PURE__ */ Q("div", {
 						className: "flex-1 min-w-0",
@@ -1742,7 +1758,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 									className: "text-xl sm:text-2xl font-bold truncate",
 									children: zt(m, H, E, z("detail.details"))
 								}),
-								ne.map((e) => {
+								ie.map((e) => {
 									let t = m?.[e];
 									if (t == null || t === "") return null;
 									let n = (H.sections || []).flatMap((e) => e.fields).concat(H.fields || []).find((t) => t.name === e), r = E?.fields?.[e], i = n?.type || r?.type, a = String(t), o = null;
@@ -1776,7 +1792,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 												let e = i[String(t)];
 												e?.label && (o = e.label);
 											}
-											a = H.objectName ? te(H.objectName, e, String(t), o) : o;
+											a = H.objectName ? B(H.objectName, e, String(t), o) : o;
 										}
 									} catch {}
 									return o === null ? /* @__PURE__ */ Z(h, {
@@ -1804,9 +1820,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 										variant: "ghost",
 										size: "icon",
 										className: "h-6 w-6 shrink-0",
-										onClick: le,
+										onClick: fe,
 										"aria-label": z(b ? "detail.removeFromFavorites" : "detail.addToFavorites"),
-										children: b ? /* @__PURE__ */ Z(ze, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Z(ze, { className: "h-4 w-4 text-muted-foreground" })
+										children: b ? /* @__PURE__ */ Z(Re, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Z(Re, { className: "h-4 w-4 text-muted-foreground" })
 									})
 								}), /* @__PURE__ */ Z(P, { children: z(b ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
 							]
@@ -1821,9 +1837,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 									variant: "ghost",
 									size: "icon",
 									className: "h-5 w-5 shrink-0 text-muted-foreground/60 hover:text-foreground",
-									onClick: re,
+									onClick: W,
 									"aria-label": z("detail.copyRecordId", { defaultValue: "Copy record ID" }),
-									children: O ? /* @__PURE__ */ Z(ae, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(fe, { className: "h-3 w-3" })
+									children: O ? /* @__PURE__ */ Z(ae, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(pe, { className: "h-3 w-3" })
 								})
 							}), /* @__PURE__ */ Z(P, { children: O ? z("detail.copied", { defaultValue: "Copied" }) : z("detail.copyRecordId", { defaultValue: "Copy record ID" }) })] })]
 						})]
@@ -1866,19 +1882,19 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 											let e = H.recordNavigation;
 											e.currentIndex < e.recordIds.length - 1 && e.onNavigate(e.recordIds[e.currentIndex + 1]);
 										},
-										children: /* @__PURE__ */ Z(G, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Z(le, { className: "h-4 w-4" })
 									})
 								}), /* @__PURE__ */ Z(P, { children: z("detail.nextRecord") })] })
 							]
 						}),
-						c && /* @__PURE__ */ Q(X, { children: [S && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+						c && /* @__PURE__ */ Q($e, { children: [S && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
 							asChild: !0,
 							children: /* @__PURE__ */ Q(g, {
 								variant: "ghost",
 								size: "sm",
-								onClick: de,
+								onClick: me,
 								className: "gap-2 hidden sm:inline-flex",
-								children: [/* @__PURE__ */ Z(He, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: [/* @__PURE__ */ Z(Ve, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
 									children: z("detail.cancel")
 								})]
@@ -1888,12 +1904,12 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							children: /* @__PURE__ */ Z(g, {
 								variant: S ? "default" : "outline",
 								size: "sm",
-								onClick: ue,
+								onClick: G,
 								className: "gap-2 hidden sm:inline-flex",
-								children: S ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(ae, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: S ? /* @__PURE__ */ Q($e, { children: [/* @__PURE__ */ Z(ae, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
 									children: z("detail.save")
-								})] }) : /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(pe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								})] }) : /* @__PURE__ */ Q($e, { children: [/* @__PURE__ */ Z(K, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
 									children: z("detail.editInline")
 								})] })
@@ -1903,22 +1919,22 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							asChild: !0,
 							children: /* @__PURE__ */ Q(g, {
 								variant: "default",
-								onClick: ie,
+								onClick: se,
 								className: "gap-2 hidden sm:inline-flex",
-								children: [/* @__PURE__ */ Z(pe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: [/* @__PURE__ */ Z(K, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
 									children: z("detail.edit")
 								})]
 							})
 						}), /* @__PURE__ */ Z(P, { children: z("detail.editRecord") })] }),
-						he.map((e, t) => /* @__PURE__ */ Z(Ge, {
+						J.map((e, t) => /* @__PURE__ */ Z(We, {
 							schema: e,
 							data: m
 						}, `header-action-${t}`))
 					]
 				})]
 			}),
-			H.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(Ge, {
+			H.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(We, {
 				schema: H.header,
 				data: m
 			}) }),
@@ -1929,7 +1945,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				objectSchema: E
 			}),
 			H.autoTabs && !H.tabs?.length ? (() => {
-				let e = me.length > 0, t = !!H.activities && H.activities.length > 0, n = !!u, i = !!H.history, a = /* @__PURE__ */ Q("div", {
+				let e = he.length > 0, t = !!H.activities && H.activities.length > 0, n = !!u, i = !!H.history, a = /* @__PURE__ */ Q("div", {
 					className: "space-y-3 sm:space-y-4",
 					children: [
 						H.sectionGroups && H.sectionGroups.length > 0 && H.sectionGroups.map((e, t) => /* @__PURE__ */ Z(mt, {
@@ -1941,7 +1957,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							objectSchema: E,
 							objectName: H.objectName,
 							isEditing: S,
-							onFieldChange: K
+							onFieldChange: q
 						}, t)),
 						H.sections && H.sections.length > 0 && H.sections.map((e, t) => /* @__PURE__ */ Z(ut, {
 							section: e,
@@ -1952,7 +1968,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							objectSchema: E,
 							objectName: H.objectName,
 							isEditing: S,
-							onFieldChange: K
+							onFieldChange: q
 						}, t)),
 						H.fields && H.fields.length > 0 && !H.sections?.length && /* @__PURE__ */ Z(ut, {
 							section: {
@@ -1966,7 +1982,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							objectSchema: E,
 							objectName: H.objectName,
 							isEditing: S,
-							onFieldChange: K
+							onFieldChange: q
 						}),
 						H.comments && /* @__PURE__ */ Z(_t, {
 							comments: H.comments,
@@ -1997,7 +2013,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 										children: [z("detail.related"), /* @__PURE__ */ Z(h, {
 											variant: "secondary",
 											className: "text-xs bg-primary/10 text-primary border-transparent",
-											children: me.length
+											children: he.length
 										})]
 									})
 								}),
@@ -2042,7 +2058,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							className: "mt-4",
 							children: /* @__PURE__ */ Z("div", {
 								className: "space-y-3",
-								children: me.map((e, t) => /* @__PURE__ */ Z(pt, {
+								children: he.map((e, t) => /* @__PURE__ */ Z(pt, {
 									title: e.title,
 									type: e.type,
 									api: e.api,
@@ -2058,6 +2074,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 									onRowEdit: e.onRowEdit,
 									onRowDelete: e.onRowDelete,
 									collapsible: !0,
+									defaultCollapsed: re && t > 0,
 									pageSize: Rt
 								}, t))
 							})
@@ -2083,7 +2100,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						})
 					]
 				});
-			})() : /* @__PURE__ */ Q(X, { children: [
+			})() : /* @__PURE__ */ Q($e, { children: [
 				H.sectionGroups && H.sectionGroups.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
 					children: H.sectionGroups.map((e, t) => /* @__PURE__ */ Z(mt, {
@@ -2095,7 +2112,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						objectSchema: E,
 						objectName: H.objectName,
 						isEditing: S,
-						onFieldChange: K
+						onFieldChange: q
 					}, t))
 				}),
 				H.sections && H.sections.length > 0 && /* @__PURE__ */ Z("div", {
@@ -2109,7 +2126,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						objectSchema: E,
 						objectName: H.objectName,
 						isEditing: S,
-						onFieldChange: K
+						onFieldChange: q
 					}, t))
 				}),
 				H.fields && H.fields.length > 0 && !H.sections?.length && /* @__PURE__ */ Z(ut, {
@@ -2124,18 +2141,18 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 					objectSchema: E,
 					objectName: H.objectName,
 					isEditing: S,
-					onFieldChange: K
+					onFieldChange: q
 				}),
 				H.tabs && H.tabs.length > 0 && /* @__PURE__ */ Z(dt, {
 					tabs: H.tabs,
 					data: m
 				}),
-				me.length > 0 && /* @__PURE__ */ Q("div", {
+				he.length > 0 && /* @__PURE__ */ Q("div", {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ Z("h2", {
 						className: "text-lg font-semibold",
 						children: z("detail.related")
-					}), me.map((e, t) => /* @__PURE__ */ Z(pt, {
+					}), he.map((e, t) => /* @__PURE__ */ Z(pt, {
 						title: e.title,
 						type: e.type,
 						api: e.api,
@@ -2151,6 +2168,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						onRowEdit: e.onRowEdit,
 						onRowDelete: e.onRowDelete,
 						collapsible: !0,
+						defaultCollapsed: re && t > 0,
 						pageSize: Rt
 					}, t))]
 				}),
@@ -2168,7 +2186,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				objectSchema: E,
 				objectName: H.objectName
 			}),
-			H.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(Ge, {
+			H.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(We, {
 				schema: H.footer,
 				data: m
 			}) })
@@ -2185,7 +2203,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		rest: i
 	};
 }, Ut = ({ schema: e = {}, className: t, ...n }) => {
-	let r = Je(), { designer: i } = Ht(n);
+	let r = qe(), { designer: i } = Ht(n);
 	if (!r) return /* @__PURE__ */ Z("div", {
 		className: t,
 		"data-record-details-placeholder": !0,
@@ -2251,7 +2269,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		rest: i
 	};
 }, Kt = ({ schema: e = {}, className: t, ...n }) => {
-	let r = Je(), { designer: i } = Gt(n), a = e.title || e.objectName || "Related", o = e.objectName;
+	let r = qe(), { designer: i } = Gt(n), a = e.title || e.objectName || "Related", o = e.objectName;
 	if (!o) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2304,7 +2322,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		rest: i
 	};
 }, Jt = ({ schema: e = {}, className: t, ...n }) => {
-	let r = Je(), { designer: i } = qt(n), a = r?.objectName || "", o = tt(), { readableFields: s } = et(a), c = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+	let r = qe(), { designer: i } = qt(n), a = r?.objectName || "", o = tt(), { readableFields: s } = et(a), c = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
 	if (c.length > 0 && a && !c.every((e) => o.can(a, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2344,7 +2362,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				className: "text-muted-foreground line-through",
 				children: r
 			}),
-			/* @__PURE__ */ Z(te, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+			/* @__PURE__ */ Z(z, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
 			/* @__PURE__ */ Z("span", {
 				className: "text-foreground",
 				children: i
@@ -2379,7 +2397,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				className: "h-6 w-6",
 				onClick: () => o(!a),
 				"aria-label": "Add reaction",
-				children: /* @__PURE__ */ Z(Re, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5" })
 			}), a && /* @__PURE__ */ Z("div", {
 				className: "absolute bottom-full mb-1 left-0 bg-popover border rounded-md shadow-md z-50 p-1.5 flex gap-1",
 				role: "listbox",
@@ -2438,7 +2456,7 @@ var $t = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 				onClick: () => c(!s),
 				"aria-expanded": s,
 				children: [
-					Z(s ? se : G, { className: "h-3 w-3" }),
+					Z(s ? se : le, { className: "h-3 w-3" }),
 					/* @__PURE__ */ Z(Te, { className: "h-3 w-3" }),
 					/* @__PURE__ */ Z("span", { children: t.length === 1 ? o("detail.replyCount", { count: t.length }) : o("detail.replyCountPlural", { count: t.length }) })
 				]
@@ -2491,7 +2509,7 @@ var $t = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 					onClick: p,
 					disabled: !l.trim() || d,
 					"aria-label": "Send reply",
-					children: /* @__PURE__ */ Z(Le, { className: "h-3 w-3" })
+					children: /* @__PURE__ */ Z(Ie, { className: "h-3 w-3" })
 				})]
 			})
 		]
@@ -2515,16 +2533,16 @@ var $t = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 		disabled: a || !t,
 		"aria-label": e.subscribed ? i("detail.unsubscribeAriaLabel") : i("detail.subscribeAriaLabel"),
 		title: e.subscribed ? i("detail.subscribedTooltip") : i("detail.unsubscribedTooltip"),
-		children: e.subscribed ? /* @__PURE__ */ Z(ne, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(re, { className: "h-4 w-4 text-muted-foreground" })
+		children: e.subscribed ? /* @__PURE__ */ Z(H, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(U, { className: "h-4 w-4 text-muted-foreground" })
 	});
 }, tn = {
 	comment: Te,
-	field_change: pe,
+	field_change: K,
 	task: oe,
-	event: ie,
-	system: Ue,
+	event: W,
+	system: He,
 	email: we,
-	call: Ae
+	call: ke
 }, nn = {
 	comment: "bg-purple-100 text-purple-600",
 	field_change: "bg-blue-100 text-blue-600",
@@ -2576,7 +2594,7 @@ function on(e, t) {
 	}
 }
 var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a = !1, onLoadMore: o, loading: s = !1, onAddComment: c, onAddReply: l, onToggleReaction: u, subscription: d, onToggleSubscription: f, collapseWhenEmpty: p = !1, titleLabel: m, emptyLabel: h, className: x }) => {
-	let { t: S } = $(), [C, w] = n.useState("all"), [T, E] = n.useState(""), [D, O] = n.useState(!1), [k, A] = n.useState(!1), j = r ?? C, ee = t?.showFilterToggle !== !1, M = t?.showCommentInput !== !1 && !!c, N = t?.enableReactions ?? !1, P = t?.enableThreading ?? !1, F = t?.showSubscriptionToggle ?? !1, I = n.useMemo(() => on(e, j), [e, j]), R = n.useMemo(() => P ? I.filter((e) => !e.parentId) : I, [I, P]), B = n.useMemo(() => {
+	let { t: S } = $(), [C, w] = n.useState("all"), [T, E] = n.useState(""), [D, O] = n.useState(!1), [k, A] = n.useState(!1), j = r ?? C, ee = t?.showFilterToggle !== !1, M = t?.showCommentInput !== !1 && !!c, N = t?.enableReactions ?? !1, P = t?.enableThreading ?? !1, F = t?.showSubscriptionToggle ?? !1, I = n.useMemo(() => on(e, j), [e, j]), te = n.useMemo(() => P ? I.filter((e) => !e.parentId) : I, [I, P]), ne = n.useMemo(() => {
 		if (!P) return /* @__PURE__ */ new Map();
 		let e = /* @__PURE__ */ new Map();
 		for (let t of I) if (t.parentId) {
@@ -2584,9 +2602,9 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			n.push(t), e.set(t.parentId, n);
 		}
 		return e;
-	}, [I, P]), te = n.useCallback((e) => {
+	}, [I, P]), z = n.useCallback((e) => {
 		i ? i(e) : w(e);
-	}, [i]), V = n.useCallback(async () => {
+	}, [i]), B = n.useCallback(async () => {
 		let e = T.trim();
 		if (!(!e || !c)) {
 			O(!0);
@@ -2596,9 +2614,9 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				O(!1);
 			}
 		}
-	}, [T, c]), H = n.useCallback((e) => {
-		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), V());
-	}, [V]), U = n.useCallback(async () => {
+	}, [T, c]), re = n.useCallback((e) => {
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), B());
+	}, [B]), V = n.useCallback(async () => {
 		if (o) {
 			A(!0);
 			try {
@@ -2615,7 +2633,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			children: [/* @__PURE__ */ Q(b, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(z, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(R, { className: "h-4 w-4" }),
 					m ?? S("detail.activity"),
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -2641,7 +2659,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 					children: /* @__PURE__ */ Z("select", {
 						className: "rounded-md border border-input bg-background px-2.5 py-1.5 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
 						value: j,
-						onChange: (e) => te(e.target.value),
+						onChange: (e) => z(e.target.value),
 						"aria-label": S("detail.filterActivity"),
 						children: rn(S).map((e) => /* @__PURE__ */ Z("option", {
 							value: e.value,
@@ -2656,16 +2674,16 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 						placeholder: S("detail.leaveCommentPlaceholder"),
 						value: T,
 						onChange: (e) => E(e.target.value),
-						onKeyDown: H,
+						onKeyDown: re,
 						disabled: D
 					}), /* @__PURE__ */ Q(g, {
 						variant: "default",
-						onClick: V,
+						onClick: B,
 						disabled: !T.trim() || D,
 						className: "shrink-0 self-end gap-1.5",
 						"aria-label": S("detail.submitComment"),
 						title: S("detail.submitComment"),
-						children: [/* @__PURE__ */ Z(Le, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: S("detail.sendComment") })]
+						children: [/* @__PURE__ */ Z(Ie, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: S("detail.sendComment") })]
 					})]
 				}),
 				I.length === 0 ? p ? null : /* @__PURE__ */ Z("p", {
@@ -2675,8 +2693,8 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 					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: R.map((e) => {
-							let t = tn[e.type] || Ue, n = nn[e.type] || "bg-gray-100 text-gray-600", r = B.get(e.id) ?? [];
+						children: te.map((e) => {
+							let t = tn[e.type] || He, n = nn[e.type] || "bg-gray-100 text-gray-600", r = ne.get(e.id) ?? [];
 							return /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("div", {
 								className: "flex gap-3 relative",
 								children: [/* @__PURE__ */ Z("div", {
@@ -2752,7 +2770,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 					children: /* @__PURE__ */ Q(g, {
 						variant: "ghost",
 						size: "sm",
-						onClick: U,
+						onClick: V,
 						disabled: k,
 						"aria-label": S("detail.loadMore"),
 						children: [k ? /* @__PURE__ */ Z(Ce, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(se, { className: "h-4 w-4 mr-1" }), S("detail.loadMore")]
@@ -2772,7 +2790,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		rest: i
 	};
 }, ln = ({ schema: e = {}, className: t, ...n }) => {
-	Je();
+	qe();
 	let { designer: r } = cn(n);
 	return /* @__PURE__ */ Z("div", {
 		className: t,
@@ -2792,7 +2810,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			className: "h-8 w-8 mx-1",
 			onClick: () => S(!1),
 			"aria-label": b("detail.openDiscussion"),
-			children: /* @__PURE__ */ Z(Oe, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ Z(X, { className: "h-4 w-4" })
 		})
 	}) : /* @__PURE__ */ Q("div", {
 		className: L("flex flex-col overflow-hidden", h === "right" ? "border-l" : "border-r", m),
@@ -2814,7 +2832,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				className: "h-7 w-7",
 				onClick: () => S(!0),
 				"aria-label": b("detail.closeDiscussion"),
-				children: /* @__PURE__ */ Z(He, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ Z(Ve, { className: "h-3.5 w-3.5" })
 			})]
 		}), /* @__PURE__ */ Z("div", {
 			className: "flex-1 overflow-y-auto",
@@ -2887,7 +2905,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		rest: i
 	};
 }, fn = ({ schema: e = {}, className: t, ...n }) => {
-	Je();
+	qe();
 	let { designer: r } = dn(n);
 	return /* @__PURE__ */ Z("div", {
 		className: t,
@@ -2908,7 +2926,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		rest: i
 	};
 }, mn = ({ schema: e = {}, className: t, ...n }) => {
-	let r = Je(), { designer: i } = pn(n), a = Array.isArray(e.stages) ? e.stages : [], o = e.statusField, s = o && r?.data ? r.data[o] : void 0, c = a.findIndex((e) => e.value === s);
+	let r = qe(), { designer: i } = pn(n), a = Array.isArray(e.stages) ? e.stages : [], o = e.statusField, s = o && r?.data ? r.data[o] : void 0, c = a.findIndex((e) => e.value === s);
 	return c < 0 && (c = -1), a.length === 0 ? /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2948,7 +2966,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		rest: i
 	};
 }, gn = ({ schema: e = {}, className: t, ...n }) => {
-	let r = Je(), { designer: i } = hn(n), a = tt(), o = Array.isArray(e.actions) ? e.actions : Array.isArray(e.properties?.actions) ? e.properties.actions : [], s = r?.objectName || "", c = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+	let r = qe(), { designer: i } = hn(n), a = tt(), o = Array.isArray(e.actions) ? e.actions : Array.isArray(e.properties?.actions) ? e.properties.actions : [], s = r?.objectName || "", c = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
 	if (c.length > 0 && s && !c.every((e) => a.can(s, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2959,7 +2977,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			children: "Insufficient permissions to view quick actions."
 		})
 	});
-	let l = e.location || "record_header", { getActionsForLocation: u, executeAction: d } = Ke({
+	let l = e.location || "record_header", { getActionsForLocation: u, executeAction: d } = Ge({
 		actions: o,
 		context: {
 			record: r?.data,
@@ -3193,7 +3211,7 @@ var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 				E(!1);
 			}
 		}
-	}, [a]), R = n.useMemo(() => r.filter((e) => e.required).every((e) => p[e.name]?.toString().trim()), [r, p]);
+	}, [a]), te = n.useMemo(() => r.filter((e) => e.required).every((e) => p[e.name]?.toString().trim()), [r, p]);
 	return l ? /* @__PURE__ */ Q(_, {
 		className: L("", c),
 		children: [/* @__PURE__ */ Z(y, {
@@ -3209,7 +3227,7 @@ var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 					size: "icon",
 					className: "h-6 w-6",
 					onClick: () => u(!1),
-					children: /* @__PURE__ */ Z(He, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(Ve, { className: "h-3.5 w-3.5" })
 				})]
 			})
 		}), /* @__PURE__ */ Z(v, { children: /* @__PURE__ */ Q(A, {
@@ -3221,7 +3239,7 @@ var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 					children: [i && /* @__PURE__ */ Q(M, {
 						value: "create",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ Z(Me, { className: "h-3.5 w-3.5" }), "Create New"]
+						children: [/* @__PURE__ */ Z(je, { className: "h-3.5 w-3.5" }), "Create New"]
 					}), a && /* @__PURE__ */ Q(M, {
 						value: "link",
 						className: "flex-1 gap-1.5",
@@ -3253,7 +3271,7 @@ var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 						}), /* @__PURE__ */ Q(g, {
 							size: "sm",
 							onClick: F,
-							disabled: !R || T,
+							disabled: !te || T,
 							className: "gap-1.5",
 							children: [T && /* @__PURE__ */ Z(Ce, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
 						})]
@@ -3264,7 +3282,7 @@ var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 					className: "space-y-3 mt-0",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ Z(Ie, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ Z(w, {
+						children: [/* @__PURE__ */ Z(Fe, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ Z(w, {
 							placeholder: `Search ${e}…`,
 							value: h,
 							onChange: (e) => N(e.target.value),
@@ -3305,7 +3323,7 @@ var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 			},
 			className: "gap-1.5",
 			children: [
-				/* @__PURE__ */ Z(Me, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ Z(je, { className: "h-3.5 w-3.5" }),
 				"New ",
 				e
 			]
@@ -3398,7 +3416,7 @@ var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: x,
 					disabled: s || l,
 					title: c("detail.bold"),
-					children: /* @__PURE__ */ Z(W, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(ie, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3425,7 +3443,7 @@ var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: w,
 					disabled: s || l,
 					title: c("detail.inlineCode"),
-					children: /* @__PURE__ */ Z(de, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(fe, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3434,7 +3452,7 @@ var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: T,
 					disabled: s || l,
 					title: c("detail.mentionSomeone"),
-					children: /* @__PURE__ */ Z(U, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(V, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z("div", { className: "flex-1" }),
 				/* @__PURE__ */ Z(g, {
@@ -3443,7 +3461,7 @@ var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					className: "h-7 w-7",
 					onClick: () => u(!l),
 					title: c(l ? "detail.edit" : "detail.preview"),
-					children: Z(l ? pe : q, { className: "h-3.5 w-3.5" })
+					children: Z(l ? K : q, { className: "h-3.5 w-3.5" })
 				}),
 				r && /* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3452,7 +3470,7 @@ var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: r,
 					disabled: s || !e.trim(),
 					title: c("detail.submitComment"),
-					children: /* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(Ie, { className: "h-3.5 w-3.5" })
 				})
 			]
 		}), /* @__PURE__ */ Z("div", {
@@ -3460,7 +3478,7 @@ var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 			children: l ? /* @__PURE__ */ Z("div", {
 				className: "min-h-[80px] px-3 py-2 text-sm prose prose-sm max-w-none",
 				dangerouslySetInnerHTML: { __html: Cn(e) }
-			}) : /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("textarea", {
+			}) : /* @__PURE__ */ Q($e, { children: [/* @__PURE__ */ Z("textarea", {
 				ref: v,
 				className: "w-full min-h-[80px] px-3 py-2 text-sm bg-transparent resize-none focus:outline-none placeholder:text-muted-foreground",
 				placeholder: a ?? c("detail.writeComment"),
@@ -3578,14 +3596,14 @@ var Dn = {
 						className: "h-7 w-7",
 						onClick: () => l("unified"),
 						title: s("detail.unifiedDiff"),
-						children: /* @__PURE__ */ Z(Fe, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ Z(Pe, { className: "h-3.5 w-3.5" })
 					}), /* @__PURE__ */ Z(g, {
 						variant: c === "side-by-side" ? "secondary" : "ghost",
 						size: "icon",
 						className: "h-7 w-7",
 						onClick: () => l("side-by-side"),
 						title: s("detail.sideBySideDiff"),
-						children: /* @__PURE__ */ Z(K, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ Z(G, { className: "h-3.5 w-3.5" })
 					})]
 				})]
 			})
@@ -3705,7 +3723,7 @@ var Dn = {
 				disabled: !p,
 				onClick: v,
 				title: s("detail.firstRecord"),
-				children: /* @__PURE__ */ Z(le, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(ue, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z(g, {
 				variant: "outline",
@@ -3730,7 +3748,7 @@ var Dn = {
 				disabled: !h,
 				onClick: b,
 				title: s("detail.nextRecordKey"),
-				children: /* @__PURE__ */ Z(G, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(le, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z(g, {
 				variant: "outline",
@@ -3739,15 +3757,15 @@ var Dn = {
 				disabled: !_,
 				onClick: x,
 				title: s("detail.lastRecord"),
-				children: /* @__PURE__ */ Z(ue, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(de, { className: "h-4 w-4" })
 			}),
-			a && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(g, {
+			a && /* @__PURE__ */ Q($e, { children: [/* @__PURE__ */ Z(g, {
 				variant: u ? "secondary" : "ghost",
 				size: "icon",
 				className: "h-8 w-8",
 				onClick: C,
 				title: s("detail.searchWhileNavigating"),
-				children: /* @__PURE__ */ Z(Ie, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(Fe, { className: "h-4 w-4" })
 			}), u && /* @__PURE__ */ Z("div", {
 				className: "relative",
 				children: /* @__PURE__ */ Z(w, {
@@ -3933,7 +3951,7 @@ var In = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 								className: "fill-muted-foreground text-[9px] pointer-events-none",
 								children: e.type
 							}),
-							t && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("rect", {
+							t && /* @__PURE__ */ Q($e, { children: [/* @__PURE__ */ Z("rect", {
 								x: e.x - 50,
 								y: e.y - a - 28,
 								width: 100,
@@ -3965,7 +3983,7 @@ function Rn(e) {
 	return e.startsWith("image/");
 }
 function zn(e) {
-	return Rn(e) ? Y : e.includes("pdf") || e.includes("document") || e.includes("text") ? _e : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? ge : J;
+	return Rn(e) ? ye : e.includes("pdf") || e.includes("document") || e.includes("text") ? _e : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? J : ge;
 }
 var Bn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a = !1 }) => {
 	let { t: o } = $(), [s, c] = n.useState(!1), l = n.useRef(null), u = n.useCallback((e) => {
@@ -3991,7 +4009,7 @@ var Bn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l.current?.click());
 			},
 			children: [
-				/* @__PURE__ */ Z(Ve, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+				/* @__PURE__ */ Z(Be, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
 				/* @__PURE__ */ Z("p", {
 					className: "text-xs text-muted-foreground",
 					children: o("detail.dropFilesToUpload")
@@ -4008,7 +4026,7 @@ var Bn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 			className: "space-y-1.5",
 			children: [/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-1.5 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ Z(ke, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: e.length === 1 ? o("detail.attachmentCount", { count: e.length }) : o("detail.attachmentCountPlural", { count: e.length }) })]
+				children: [/* @__PURE__ */ Z(Oe, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: e.length === 1 ? o("detail.attachmentCount", { count: e.length }) : o("detail.attachmentCountPlural", { count: e.length }) })]
 			}), /* @__PURE__ */ Z("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 gap-2",
 				children: e.map((e) => {
@@ -4040,7 +4058,7 @@ var Bn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 								className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
 								onClick: () => r(e.id),
 								title: o("detail.removeAttachment"),
-								children: /* @__PURE__ */ Z(He, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ Z(Ve, { className: "h-3.5 w-3.5" })
 							})
 						]
 					}, e.id);
@@ -4124,7 +4142,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 								},
 								children: [/* @__PURE__ */ Z("div", {
 									className: L("shrink-0 h-6 w-6 rounded-full border-2 flex items-center justify-center z-10 mt-0.5", t ? "border-primary bg-primary" : "border-border bg-background"),
-									children: t && /* @__PURE__ */ Z(G, { className: "h-3 w-3 text-primary-foreground" })
+									children: t && /* @__PURE__ */ Z(le, { className: "h-3 w-3 text-primary-foreground" })
 								}), /* @__PURE__ */ Q("div", {
 									className: "flex-1 min-w-0",
 									children: [/* @__PURE__ */ Q("div", {
@@ -4172,7 +4190,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 										className: "line-through text-red-600 dark:text-red-400 truncate max-w-[120px]",
 										children: e.oldValue == null ? "(empty)" : String(e.oldValue)
 									}),
-									/* @__PURE__ */ Z(G, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+									/* @__PURE__ */ Z(le, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
 									/* @__PURE__ */ Z("span", {
 										className: "text-green-600 dark:text-green-400 truncate max-w-[120px]",
 										children: e.newValue == null ? "(empty)" : String(e.newValue)
@@ -4202,7 +4220,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 					}),
 					r && /* @__PURE__ */ Z("div", {
 						className: "pt-1 space-y-2",
-						children: s ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Q("p", {
+						children: s ? /* @__PURE__ */ Q($e, { children: [/* @__PURE__ */ Q("p", {
 							className: "text-xs text-amber-600 dark:text-amber-400",
 							children: [
 								"This will restore the record to its state at",
@@ -4218,7 +4236,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 								className: "gap-1.5 flex-1",
 								onClick: f,
 								disabled: l,
-								children: [/* @__PURE__ */ Z(Pe, { className: "h-3.5 w-3.5" }), l ? "Restoring…" : "Confirm Restore"]
+								children: [/* @__PURE__ */ Z(Ne, { className: "h-3.5 w-3.5" }), l ? "Restoring…" : "Confirm Restore"]
 							}), /* @__PURE__ */ Z(g, {
 								variant: "ghost",
 								size: "sm",
@@ -4231,7 +4249,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 							size: "sm",
 							className: "w-full gap-1.5",
 							onClick: f,
-							children: [/* @__PURE__ */ Z(Pe, { className: "h-3.5 w-3.5" }), "Restore to this point"]
+							children: [/* @__PURE__ */ Z(Ne, { className: "h-3.5 w-3.5" }), "Restore to this point"]
 						})
 					})
 				]
@@ -4268,7 +4286,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 			disabled: !a.trim() || s || r,
 			className: "shrink-0 self-end",
 			"aria-label": "Submit comment",
-			children: /* @__PURE__ */ Z(Le, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ Z(Ie, { className: "h-4 w-4" })
 		})]
 	});
 }, Wn = ({ query: e, suggestions: t, onSelect: r, visible: i = !0, activeIndex: a = 0, className: o }) => {