@object-ui/plugin-detail 4.7.0 → 5.0.0

package/dist/index.js

@@ -1,14 +1,14 @@
 import { ComponentRegistry as e, buildExpandFields as t } from "@object-ui/core";
 import * as n from "react";
 import r from "react";
-import { AlertDialog as i, AlertDialogAction as a, AlertDialogCancel as o, AlertDialogContent as s, AlertDialogDescription as c, AlertDialogFooter as l, AlertDialogHeader as u, AlertDialogTitle as d, Avatar as f, AvatarFallback as p, AvatarImage as m, Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Collapsible as x, CollapsibleContent as S, CollapsibleTrigger as C, Input as w, Sheet as T, SheetContent as E, SheetHeader as D, SheetTitle as O, Skeleton as k, Tabs as A, TabsContent as j, TabsList as ee, TabsTrigger as M, Tooltip as N, TooltipContent as P, TooltipProvider as F, TooltipTrigger as I, cn as L, useIsMobile as 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 { useFieldPermissions as et, usePermissions as tt } from "@object-ui/permissions";
+import { AlertDialog as i, AlertDialogAction as a, AlertDialogCancel as o, AlertDialogContent as s, AlertDialogDescription as c, AlertDialogFooter as l, AlertDialogHeader as u, AlertDialogTitle as d, Avatar as f, AvatarFallback as p, AvatarImage as m, Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Collapsible as x, CollapsibleContent as S, CollapsibleTrigger as C, Input as w, Sheet as T, SheetContent as E, SheetHeader as D, SheetTitle as O, Skeleton as k, Tabs as A, TabsContent as j, TabsList as ee, TabsTrigger as M, Tooltip as N, TooltipContent as P, TooltipProvider as F, TooltipTrigger as I, cn as L, useIsMobile as te } from "@object-ui/components";
+import { Activity as ne, ArrowLeft as R, ArrowRight as z, ArrowRightLeft as B, ArrowUpDown as re, AtSign as V, Bell as H, BellOff as ie, Bold as U, Calendar as ae, Check as W, CheckSquare as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as le, ChevronsLeft as ue, ChevronsRight as de, Code as fe, Columns2 as pe, Copy as me, Edit as he, ExternalLink as ge, Eye as G, EyeOff as _e, File as ve, FileArchive as ye, FileText as K, History as be, Image as xe, Inbox as Se, Italic as q, Link as Ce, List as we, Loader2 as Te, Mail as Ee, MessageSquare as J, Network as De, PanelRightClose as Oe, PanelRightOpen as ke, Paperclip as Y, Phone as Ae, Pin as je, Plus as Me, PlusCircle as Ne, RotateCcw as Pe, Rows3 as Fe, Search as Ie, Send as X, SmilePlus as Le, Star as Re, Trash2 as ze, Upload as Be, X as Ve, Zap as He, icons as Ue } from "lucide-react";
+import { SchemaRenderer as We, useActionEngine as Ge, useDiscussionContext as Ke, useHighlightFieldNames as qe, useObjectTranslation as Je, useRecordContext as Ye, useRegisterHighlightFields as Xe, useSafeFieldLabel as Ze } from "@object-ui/react";
+import { BooleanField as Qe, SelectField as $e, getCellRenderer as et, resolveCellRendererType as tt } from "@object-ui/fields";
+import { Fragment as nt, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { useFieldPermissions as rt, usePermissions as it } from "@object-ui/permissions";
 //#region src/autoLayout.ts
-var nt = new Set([
+var at = new Set([
 	"textarea",
 	"markdown",
 	"html",
@@ -20,40 +20,36 @@ var nt = new Set([
 	"field:grid",
 	"field:rich-text"
 ]);
-function rt(e) {
-	return nt.has(e);
+function ot(e) {
+	return at.has(e);
 }
-function it(e, t) {
+function st(e, t) {
 	let n;
-	if (n = e <= 3 ? 1 : e <= 10 ? 2 : 3, t !== void 0) {
-		if (t < 640) return Math.min(n, 1);
-		if (t < 900) return Math.min(n, 2);
-	}
-	return n;
+	return n = e <= 3 ? 1 : 2, t !== void 0 && t < 640 ? Math.min(n, 1) : n;
 }
-function at(e, t) {
-	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && rt(e.type) ? {
+function ct(e, t) {
+	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && ot(e.type) ? {
 		...e,
 		span: t
 	} : e);
 }
-function ot(e, t, n) {
+function lt(e, t, n) {
 	if (t !== void 0) return {
-		fields: at(e, t),
+		fields: ct(e, t),
 		columns: t
 	};
-	let r = it(e.length, n);
+	let r = st(e.length, n);
 	return {
-		fields: at(e, r),
+		fields: ct(e, r),
 		columns: r
 	};
 }
 //#endregion
 //#region src/useDetailTranslation.ts
-function st(e, t) {
+function ut(e, t) {
 	return function() {
 		try {
-			let n = qe();
+			let n = Je();
 			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));
@@ -68,7 +64,7 @@ function st(e, t) {
 		}
 	};
 }
-var ct = {
+var dt = {
 	"detail.back": "Back",
 	"detail.edit": "Edit",
 	"detail.editInline": "Edit",
@@ -181,14 +177,14 @@ var ct = {
 	"detail.subscribeAriaLabel": "Subscribe to notifications",
 	"detail.unsubscribeAriaLabel": "Unsubscribe from notifications",
 	"detail.clearSearch": "Clear search"
-}, $ = st(ct, "detail.back");
+}, $ = ut(dt, "detail.back");
 //#endregion
 //#region src/DetailSection.tsx
-function lt(e, t) {
+function ft(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) => {
+var pt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s, virtualScroll: c }) => {
+	let [l, u] = n.useState(e.defaultCollapsed ?? !1), [d, f] = n.useState(null), [p, m] = n.useState(void 0), [w, T] = n.useState(!1), { t: E } = $(), { fieldLabel: D, translateOptions: O } = Ze(), k = n.useCallback((e, t) => {
 		let n = t == null ? "" : String(t);
 		navigator.clipboard.writeText(n).then(() => {
 			f(e), setTimeout(() => f(null), 2e3);
@@ -196,18 +192,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 : 4, ne = ee ? .2 : .25, R = e.fields.length - j, z = !e.hideEmpty && !o && e.fields.length >= M && j / e.fields.length >= ne && R > 0, B = !w && (e.hideEmpty || z) ? e.fields.filter((e) => !A(e)) : e.fields;
+	if (B.length === 0 && j === e.fields.length) return null;
+	let { fields: re, columns: V } = lt(B, e.columns), H = (e) => {
 		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 = ft(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 +215,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 = tt(l) || e.type;
 			if (t) {
-				let e = Qe(t);
+				let e = et(t);
 				if (e) return /* @__PURE__ */ Z(e, {
 					value: n,
 					field: l
@@ -238,12 +234,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($e, {
 						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(Qe, {
 						field: l,
 						value: !!n,
 						onChange: (t) => s?.(e.name, t)
@@ -287,32 +283,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(W, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(me, { 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;
+	}, ie = c?.enabled === !0, U = c?.batchSize ?? 20;
 	n.useEffect(() => {
-		if (!re) {
+		if (!ie) {
 			m(void 0);
 			return;
 		}
-		if (H.length <= W) {
+		if (re.length <= U) {
 			m(void 0);
 			return;
 		}
-		m(W);
+		m(U);
 		let e = setTimeout(() => m(void 0), 100);
 		return () => clearTimeout(e);
 	}, [
-		re,
-		H.length,
-		W
+		ie,
+		re.length,
+		U
 	]);
-	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 ae = p === void 0 ? re : re.slice(0, p), oe = j > 0 && (e.hideEmpty || z), ce = /* @__PURE__ */ Q(nt, { children: [/* @__PURE__ */ Z("div", {
+		className: L("grid gap-3 sm:gap-4", V === 1 ? "grid-cols-1" : V === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
+		children: ae.map(H)
 	}), oe && /* @__PURE__ */ Z("div", {
 		className: "mt-3 -ml-2",
 		children: /* @__PURE__ */ Q(g, {
@@ -321,7 +317,7 @@ var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			size: "sm",
 			onClick: () => T((e) => !e),
 			className: "h-7 px-2 text-xs text-muted-foreground hover:text-foreground",
-			children: [Z(w ? he : q, { className: "h-3.5 w-3.5 mr-1.5" }), w ? E("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : E("detail.showEmptyFields", {
+			children: [Z(w ? _e : G, { className: "h-3.5 w-3.5 mr-1.5" }), w ? E("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : E("detail.showEmptyFields", {
 				count: j,
 				defaultValue: `Show ${j} empty field${j === 1 ? "" : "s"}`
 			})]
@@ -356,7 +352,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",
@@ -389,7 +385,7 @@ var ut = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			children: ce
 		})]
 	});
-}, dt = ({ tabs: e, data: t, className: r }) => {
+}, mt = ({ tabs: e, data: t, className: r }) => {
 	let [i, a] = n.useState(e[0]?.key), o = e.filter((e) => typeof e.visible == "boolean" ? e.visible : (e.visible, !0));
 	return /* @__PURE__ */ Q(A, {
 		value: i,
@@ -420,11 +416,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
 				})
@@ -434,15 +430,15 @@ 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;
+function ht(e) {
+	return e && Ue[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || Se;
 }
-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();
+var gt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className: x, dataSource: S, objectName: C, onNew: T, onViewAll: E, onRowEdit: D, onRowDelete: O, onRowClick: k, maxColumns: A = 6, pageSize: j, sortable: ee = !1, filterable: M = !1, collapsible: N = !1, defaultCollapsed: P = !1, referenceField: F, parentId: I, icon: ne }) => {
+	let R = f !== void 0, z = f ?? [], [B, V] = n.useState(z), [H, ie] = n.useState(() => !!r && !R), [U, ae] = n.useState(0), [W, oe] = n.useState(null), [ue, de] = n.useState("asc"), [fe, pe] = n.useState(""), [me, he] = n.useState(null), [G, _e] = n.useState(P), [ve, ye] = n.useState({}), { t: K } = $(), { fieldLabel: be } = Ze();
 	n.useEffect(() => {
-		R && te(f ?? []);
+		R && V(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(he).catch((e) => {
 			console.warn(`[RelatedList] Failed to fetch schema for ${r}:`, e);
 		});
 	}, [
@@ -450,22 +446,36 @@ 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);
-		}).catch((e) => {
-			console.error("Failed to fetch related data:", e), U(!1);
-		}) : fetch(r).then((e) => e.json()).then((e) => {
-			te(Array.isArray(e) ? e : e?.data || []);
-		}).catch((e) => {
-			console.error("Failed to fetch related data:", e);
-		}).finally(() => U(!1)));
+		if (r && !R) {
+			if (!(F && I != null && I !== "")) {
+				r && (I == null || I === "") && !F && console.warn(`[RelatedList] "${r}" has no referenceField/parentId — refusing to fetch all rows. Pass relationshipField + parentId to scope the query.`), V([]), ie(!1);
+				return;
+			}
+			ie(!0);
+			let e = { [F]: I };
+			if (S && typeof S.find == "function") S.find(r, { $filter: e }).then((e) => {
+				V(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), ie(!1);
+			}).catch((e) => {
+				console.error("Failed to fetch related data:", e), ie(!1);
+			});
+			else {
+				let e = new URLSearchParams({ [`filter[${F}]`]: String(I) }).toString();
+				fetch(`${r}?${e}`).then((e) => e.json()).then((e) => {
+					V(Array.isArray(e) ? e : e?.data || []);
+				}).catch((e) => {
+					console.error("Failed to fetch related data:", e);
+				}).finally(() => ie(!1));
+			}
+		}
 	}, [
 		r,
 		R,
-		S
+		S,
+		F,
+		I
 	]), n.useEffect(() => {
-		if (!S?.find || !de?.fields || !B.length) return;
-		let e = de.fields, t = [];
+		if (!S?.find || !me?.fields || !B.length) return;
+		let e = me.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;
@@ -475,7 +485,7 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 				let t = e?.[n];
 				t != null && (typeof t == "string" && t ? i.add(t) : typeof t == "number" && i.add(String(t)));
 			}
-			let a = q[n] || {}, o = Array.from(i).filter((e) => !(e in a));
+			let a = ve[n] || {}, o = Array.from(i).filter((e) => !(e in a));
 			o.length > 0 && t.push({
 				fieldName: n,
 				target: e,
@@ -501,7 +511,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 || ye((t) => {
 				let n = { ...t };
 				for (let { fieldName: t, map: r } of e) n[t] = {
 					...n[t] || {},
@@ -514,48 +524,48 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		};
 	}, [
 		S,
-		de,
+		me,
 		B
 	]);
-	let _e = n.useMemo(() => {
-		if (!le) return B;
-		let e = le.toLowerCase();
+	let xe = n.useMemo(() => {
+		if (!fe) return B;
+		let e = fe.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) => {
+	}, [B, fe]), Se = n.useMemo(() => W ? [...xe].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 ue === "asc" ? i : -i;
+	}) : xe, [
+		xe,
 		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;
+		ue
+	]), q = j && j > 0 ? j : 0, Ce = q ? Math.max(1, Math.ceil(Se.length / q)) : 1, we = q ? Se.slice(U * q, (U + 1) * q) : Se;
 	n.useEffect(() => {
-		re(0);
+		ae(0);
 	}, [
-		le,
+		fe,
 		W,
-		ae
+		ue
 	]);
-	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 Te = n.useCallback((e) => {
+		W === e ? de((e) => e === "asc" ? "desc" : "asc") : (oe(e), de("asc"));
+	}, [W]), [Ee, J] = n.useState(null), De = n.useCallback((e) => {
+		J(e);
+	}, []), Oe = n.useCallback(() => {
+		Ee && O?.(Ee), J(null);
+	}, [Ee, O]), ke = it(), Y = n.useMemo(() => {
+		let e = C || r || "", t = (t) => !ke?.isLoaded || !e ? t : t.filter((t) => {
 			let n = t?.accessorKey || t?.field || t?.name;
-			return n ? Ee.checkField(e, String(n), "read") : !0;
+			return n ? ke.checkField(e, String(n), "read") : !0;
 		}), i = (e) => F ? e.filter((e) => (e?.accessorKey || e?.field || e?.name) !== F) : e, a = (e) => e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0, o = (e) => B.length ? e.filter((e) => {
 			let t = e?.accessorKey || e?.field || e?.name;
 			return t ? B.some((e) => !a(e?.[t])) : !0;
 		}) : e;
 		if (m && m.length > 0) return o(t(i(m)));
-		if (!de?.fields) return [];
+		if (!me?.fields) return [];
 		let s = e, c = new Set([
 			"image",
 			"file",
@@ -572,7 +582,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(me.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === F || t?.hidden || t?.type && c.has(t.type) || ke?.isLoaded && s && !ke.checkField(s, e, "read")));
 		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 +591,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: be(s, e, t.label || e)
 			};
 			if (t.type) {
-				let i = Qe($e({
+				let i = et(tt({
 					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" ? ve[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 +623,49 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		})).slice(0, Math.max(1, A));
 	}, [
 		m,
-		de,
+		me,
 		C,
 		r,
-		ge,
+		be,
 		F,
 		B,
 		A,
-		q,
-		Ee
-	]), Oe = !!D || !!O, ke = n.useMemo(() => {
+		ve,
+		ke
+	]), Ae = !!D || !!O, je = te(), Ne = n.useMemo(() => {
 		if (p) return p;
+		if (je && (t === "grid" || t === "table")) {
+			let e = Y[0]?.accessorKey || Y[0]?.field || Y[0]?.name, t = Y.slice(1, 4).map((e) => e.accessorKey || e.field || e.name).filter(Boolean);
+			return {
+				type: "object-gallery",
+				data: we,
+				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: we,
+				columns: Y,
 				pagination: !1,
-				pageSize: Y || 10,
+				pageSize: q || 10,
 				searchable: !1,
 				exportable: !1,
-				rowActions: Oe,
+				rowActions: Ae,
 				onRowEdit: D,
-				onRowDelete: O ? we : void 0,
+				onRowDelete: O ? De : void 0,
 				onRowClick: k
 			};
 			case "list": return {
 				type: "data-list",
-				data: be
+				data: we
 			};
 			default: return {
 				type: "div",
@@ -650,34 +674,36 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		}
 	}, [
 		t,
-		be,
-		De,
-		p,
+		we,
 		Y,
-		Oe,
+		p,
+		q,
+		Ae,
 		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;
+		De,
+		k,
+		je,
+		r
+	]), Pe = N ? "cursor-pointer select-none" : void 0, Fe = N ? () => _e((e) => !e) : void 0, Ie = ht(ne), X = !H && B.length === 0, Le = M;
 	return /* @__PURE__ */ Q(_, {
-		className: L("shadow-none", Pe && "bg-muted/20", x),
+		className: L("shadow-none border-border/60 bg-transparent", X && "bg-muted/10", 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", Pe),
+				onClick: Fe,
 				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(G ? le : se, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+							/* @__PURE__ */ Z(Ie, {
 								className: "h-4 w-4 text-muted-foreground shrink-0",
 								"aria-hidden": !0
 							}),
 							/* @__PURE__ */ Z("span", {
-								className: "truncate",
+								className: L("truncate", X && "text-muted-foreground font-medium"),
 								children: e
 							}),
 							/* @__PURE__ */ Z(h, {
@@ -685,37 +711,41 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 								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
+							}),
+							X && /* @__PURE__ */ Z("span", {
+								className: "text-xs text-muted-foreground/70 italic ml-1 truncate",
+								children: K("detail.noRelatedRecords")
 							})
 						]
 					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-1 shrink-0",
 						children: T && /* @__PURE__ */ Q(g, {
-							variant: "outline",
+							variant: X ? "ghost" : "outline",
 							size: "sm",
 							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(Me, { className: "h-3.5 w-3.5" }), K("detail.new")]
 						})
 					})]
 				})
 			}),
-			!fe && /* @__PURE__ */ Q(v, {
-				className: L("pt-0", Pe ? "pb-3 px-4" : "pb-4 px-4"),
+			!G && !X && /* @__PURE__ */ Q(v, {
+				className: L("pt-0 pb-4 px-4"),
 				children: [
-					Fe && /* @__PURE__ */ Z("div", {
+					Le && /* @__PURE__ */ Z("div", {
 						className: "mb-3",
 						children: /* @__PURE__ */ Z(w, {
-							placeholder: J("detail.filterPlaceholder"),
-							value: le,
-							onChange: (e) => ue(e.target.value),
+							placeholder: K("detail.filterPlaceholder"),
+							value: fe,
+							onChange: (e) => pe(e.target.value),
 							className: "h-8 text-sm"
 						})
 					}),
-					ee && De && De.length > 0 && B.length > 0 && /* @__PURE__ */ Z("div", {
+					ee && Y && Y.length > 0 && B.length > 0 && /* @__PURE__ */ Z("div", {
 						className: "flex flex-wrap gap-1 mb-3",
-						children: De.map((e) => {
+						children: Y.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,67 +753,48 @@ 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: () => Te(t),
 								children: [
-									/* @__PURE__ */ Z(H, { className: "h-3 w-3" }),
+									/* @__PURE__ */ Z(re, { className: "h-3 w-3" }),
 									n,
-									r && (ae === "asc" ? " ↑" : " ↓")
+									r && (ue === "asc" ? " ↑" : " ↓")
 								]
 							}, t);
 						})
 					}),
-					V ? /* @__PURE__ */ Z("div", {
+					H ? /* @__PURE__ */ Z("div", {
 						className: "flex items-center justify-center py-6 text-muted-foreground text-sm",
-						children: J("detail.loading")
-					}) : Pe ? /* @__PURE__ */ Q("div", {
-						className: "flex flex-col items-center justify-center gap-2 py-6 text-sm",
-						children: [
-							/* @__PURE__ */ Z(Ne, {
-								className: "h-8 w-8 text-muted-foreground/40",
-								"aria-hidden": !0
-							}),
-							/* @__PURE__ */ Z("span", {
-								className: "text-muted-foreground italic",
-								children: J("detail.noRelatedRecords")
-							}),
-							T && /* @__PURE__ */ Q(g, {
-								variant: "outline",
-								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")]
-							})
-						]
-					}) : /* @__PURE__ */ Z(Ge, { schema: ke }),
-					Y > 0 && ve.length > Y && /* @__PURE__ */ Q("div", {
+						children: K("detail.loading")
+					}) : /* @__PURE__ */ Z(We, { schema: Ne }),
+					q > 0 && Se.length > q && /* @__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)),
-								children: [/* @__PURE__ */ Z(ce, { className: "h-3 w-3" }), J("detail.previousPage")]
+								disabled: U === 0,
+								onClick: () => ae((e) => Math.max(0, e - 1)),
+								children: [/* @__PURE__ */ Z(ce, { className: "h-3 w-3" }), K("detail.previousPage")]
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "text-xs text-muted-foreground",
-								children: J("detail.pageOf", {
-									current: ne + 1,
-									total: ye
+								children: K("detail.pageOf", {
+									current: U + 1,
+									total: Ce
 								})
 							}),
 							/* @__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 >= Ce - 1,
+								onClick: () => ae((e) => Math.min(Ce - 1, e + 1)),
+								children: [K("detail.nextPage"), /* @__PURE__ */ Z(le, { className: "h-3 w-3" })]
 							})
 						]
 					}),
-					E && !Pe && Y > 0 && ve.length > Y && /* @__PURE__ */ Z("div", {
+					E && !X && q > 0 && Se.length > q && /* @__PURE__ */ Z("div", {
 						className: "mt-3 pt-3 border-t flex justify-center",
 						children: /* @__PURE__ */ Q("button", {
 							type: "button",
@@ -791,28 +802,28 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 								e.stopPropagation(), E();
 							},
 							className: "text-xs text-muted-foreground hover:text-foreground inline-flex items-center gap-1 transition-colors",
-							children: [J("detail.viewAll"), /* @__PURE__ */ Z(me, { className: "h-3 w-3" })]
+							children: [K("detail.viewAll"), /* @__PURE__ */ Z(ge, { className: "h-3 w-3" })]
 						})
 					})
 				]
 			}),
 			/* @__PURE__ */ Z(i, {
-				open: Se !== null,
+				open: Ee !== null,
 				onOpenChange: (e) => {
-					e || Ce(null);
+					e || J(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,
+				children: /* @__PURE__ */ Q(s, { children: [/* @__PURE__ */ Q(u, { children: [/* @__PURE__ */ Z(d, { children: K("detail.deleteRowTitle", { defaultValue: "Delete record" }) }), /* @__PURE__ */ Z(c, { children: K("detail.deleteRowConfirmation") })] }), /* @__PURE__ */ Q(l, { children: [/* @__PURE__ */ Z(o, { children: K("detail.cancel", { defaultValue: "Cancel" }) }), /* @__PURE__ */ Z(a, {
+					onClick: Oe,
 					className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-					children: J("detail.delete", { defaultValue: "Delete" })
+					children: K("detail.delete", { defaultValue: "Delete" })
 				})] })] })
 			})
 		]
 	});
-}, mt = ({ group: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s }) => {
+}, _t = ({ group: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s }) => {
 	let c = e.collapsible ?? !0, [l, u] = n.useState(e.defaultCollapsed ?? !1), d = /* @__PURE__ */ Z("div", {
 		className: "space-y-3 sm:space-y-4",
-		children: e.sections.map((e, n) => /* @__PURE__ */ Z(ut, {
+		children: e.sections.map((e, n) => /* @__PURE__ */ Z(pt, {
 			section: e,
 			data: t,
 			objectSchema: i,
@@ -831,7 +842,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
@@ -872,53 +883,51 @@ var pt = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			d
 		]
 	});
-}, ht = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
-	let { fieldLabel: a } = Ye();
+}, vt = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
+	let { fieldLabel: a } = Ze();
 	if (!e.length || !t) return null;
 	let o = e.filter((e) => {
 		let n = t?.[e.name];
 		return n != null && n !== "";
 	});
-	return o.length === 0 ? null : /* @__PURE__ */ Z(_, {
-		className: L("bg-muted/30 border-dashed", n),
-		children: /* @__PURE__ */ Z(v, {
-			className: "@container py-3 px-4",
-			children: /* @__PURE__ */ Z("div", {
-				className: L("grid gap-4", o.length === 1 ? "grid-cols-1" : o.length === 2 ? "grid-cols-1 @sm:grid-cols-2" : o.length === 3 ? "grid-cols-1 @sm:grid-cols-3" : "grid-cols-1 @sm:grid-cols-2 @xl:grid-cols-4"),
-				children: o.map((e) => {
-					let n = t[e.name], o = i?.fields?.[e.name], s = e.type || o?.type, c = {
-						name: e.name,
-						label: e.label,
-						type: s || "text",
-						...o?.options && { options: o.options },
-						...o?.currency && { currency: o.currency },
-						...o?.precision !== void 0 && { precision: o.precision },
-						...o?.format && { format: o.format }
-					}, l = Qe($e(c) || s || "text");
-					return /* @__PURE__ */ Q("div", {
-						className: "flex min-w-0 flex-col gap-0.5",
-						children: [/* @__PURE__ */ Q("span", {
-							className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
-							children: [e.icon && /* @__PURE__ */ Z("span", {
-								className: "mr-1",
-								children: e.icon
-							}), a(r || "", e.name, e.label)]
-						}), /* @__PURE__ */ Z("span", {
-							className: "block min-w-0 truncate text-sm font-semibold",
-							children: /* @__PURE__ */ Z(l, {
-								value: n,
-								field: c
-							})
-						})]
-					}, e.name);
-				})
+	return o.length === 0 ? null : /* @__PURE__ */ Z("section", {
+		className: L("@container border-b border-border/60 pb-4", n),
+		"aria-label": "Record highlights",
+		children: /* @__PURE__ */ Z("div", {
+			className: L("flex flex-wrap gap-x-8 gap-y-3"),
+			children: o.map((e) => {
+				let n = t[e.name], o = i?.fields?.[e.name], s = e.type || o?.type, c = {
+					name: e.name,
+					label: e.label,
+					type: s || "text",
+					...o?.options && { options: o.options },
+					...o?.currency && { currency: o.currency },
+					...o?.precision !== void 0 && { precision: o.precision },
+					...o?.format && { format: o.format }
+				}, l = et(tt(c) || s || "text");
+				return /* @__PURE__ */ Q("div", {
+					className: "flex min-w-[8rem] max-w-[16rem] basis-[10rem] flex-col gap-0.5",
+					children: [/* @__PURE__ */ Q("span", {
+						className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
+						children: [e.icon && /* @__PURE__ */ Z("span", {
+							className: "mr-1",
+							children: e.icon
+						}), a(r || "", e.name, e.label)]
+					}), /* @__PURE__ */ Z("span", {
+						className: "block min-w-0 truncate text-sm font-semibold",
+						children: /* @__PURE__ */ Z(l, {
+							value: n,
+							field: c
+						})
+					})]
+				}, e.name);
 			})
 		})
 	});
 };
 //#endregion
 //#region src/RecordComments.tsx
-function gt(e) {
+function yt(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -931,7 +940,7 @@ function gt(e) {
 		return e;
 	}
 }
-var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, className: a }) => {
+var bt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, className: a }) => {
 	let { t: o } = $(), [s, c] = n.useState(""), [l, u] = n.useState(!1), [d, f] = n.useState(""), p = n.useCallback(async () => {
 		let e = s.trim();
 		if (!(!e || !t)) {
@@ -953,7 +962,7 @@ var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 		children: [/* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Q(b, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ Z(Te, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Z(J, { className: "h-4 w-4" }),
 				o("detail.comments"),
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
@@ -985,7 +994,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 +1014,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(X, { className: "h-4 w-4" })
 					})]
 				}),
 				h.length === 0 ? /* @__PURE__ */ Z("p", {
@@ -1037,7 +1046,7 @@ var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 										}),
 										/* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground",
-											children: gt(e.createdAt)
+											children: yt(e.createdAt)
 										}),
 										e.pinned && /* @__PURE__ */ Q("span", {
 											className: "text-xs text-amber-600 flex items-center gap-0.5",
@@ -1063,20 +1072,20 @@ var _t = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 			]
 		})]
 	});
-}, vt = {
-	field_change: pe,
+}, xt = {
+	field_change: he,
 	create: Ne,
-	delete: Be,
-	comment: Te,
-	status_change: V
-}, yt = {
+	delete: ze,
+	comment: J,
+	status_change: B
+}, St = {
 	field_change: "bg-blue-100 text-blue-600",
 	create: "bg-green-100 text-green-600",
 	delete: "bg-red-100 text-red-600",
 	comment: "bg-purple-100 text-purple-600",
 	status_change: "bg-amber-100 text-amber-600"
 };
-function bt(e) {
+function Ct(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -1089,24 +1098,24 @@ function bt(e) {
 		return e;
 	}
 }
-function xt(e) {
+function wt(e) {
 	return e.description ? e.description : e.type === "field_change" && e.field ? `Changed ${e.field.charAt(0).toUpperCase() + e.field.slice(1).replace(/_/g, " ")} from "${e.oldValue == null ? "(empty)" : String(e.oldValue)}" to "${e.newValue == null ? "(empty)" : String(e.newValue)}"` : e.type === "create" ? "Created this record" : e.type === "delete" ? "Deleted this record" : e.type === "status_change" && e.field ? `Changed status to "${e.newValue == null ? "(empty)" : String(e.newValue)}"` : "Updated record";
 }
-var St = {
+var Tt = {
 	all: "All",
 	field_change: "Field Changes",
 	create: "Creates",
 	delete: "Deletes",
 	comment: "Comments",
 	status_change: "Status Changes"
-}, Ct = ({ activities: e, filterable: t = !1, defaultFilter: r = "all", className: i }) => {
+}, Et = ({ activities: e, filterable: t = !1, defaultFilter: r = "all", className: i }) => {
 	let [a, o] = n.useState(r), s = n.useMemo(() => a === "all" ? e : e.filter((e) => e.type === a), [e, a]);
 	return /* @__PURE__ */ Q(_, {
 		className: L("", i),
 		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(ne, { className: "h-4 w-4" }),
 				"Activity",
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
@@ -1121,12 +1130,12 @@ var St = {
 			className: "flex flex-wrap gap-1.5 mb-4",
 			role: "group",
 			"aria-label": "Activity type filter",
-			children: Object.keys(St).map((e) => /* @__PURE__ */ Q("button", {
+			children: Object.keys(Tt).map((e) => /* @__PURE__ */ Q("button", {
 				type: "button",
 				className: L("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors", a === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
 				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(xt[e] || he, { className: "h-3 w-3" }), Tt[e]]
 			}, e))
 		}), s.length === 0 ? /* @__PURE__ */ Z("p", {
 			className: "text-sm text-muted-foreground text-center py-4",
@@ -1136,11 +1145,11 @@ 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 = xt[e.type] || he;
 					return /* @__PURE__ */ Q("div", {
 						className: "flex gap-3 relative",
 						children: [/* @__PURE__ */ Z("div", {
-							className: L("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", yt[e.type] || "bg-gray-100 text-gray-600"),
+							className: L("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", St[e.type] || "bg-gray-100 text-gray-600"),
 							children: /* @__PURE__ */ Z(t, { className: "h-3.5 w-3.5" })
 						}), /* @__PURE__ */ Q("div", {
 							className: "flex-1 min-w-0 pt-1",
@@ -1154,12 +1163,12 @@ var St = {
 									" ",
 									/* @__PURE__ */ Z("span", {
 										className: "text-muted-foreground",
-										children: xt(e)
+										children: wt(e)
 									})
 								]
 							}), /* @__PURE__ */ Z("p", {
 								className: "text-xs text-muted-foreground mt-0.5",
-								children: bt(e.timestamp)
+								children: Ct(e.timestamp)
 							})]
 						})]
 					}, e.id);
@@ -1167,7 +1176,7 @@ var St = {
 			})]
 		})] })]
 	});
-}, wt = {
+}, Dt = {
 	create: "default",
 	update: "secondary",
 	delete: "destructive",
@@ -1179,12 +1188,12 @@ var St = {
 	export: "outline",
 	import: "outline"
 };
-function Tt(e) {
+function Ot(e) {
 	if (!e) return "";
 	let t = e instanceof Date ? e : new Date(e);
 	return Number.isNaN(t.getTime()) ? String(e) : t.toLocaleString();
 }
-var Et = [
+var kt = [
 	[60, "second"],
 	[60, "minute"],
 	[24, "hour"],
@@ -1193,27 +1202,27 @@ var Et = [
 	[12, "month"],
 	[Infinity, "year"]
 ];
-function Dt(e, t) {
+function At(e, t) {
 	if (!e) return "";
 	let n = e instanceof Date ? e : new Date(e);
 	if (Number.isNaN(n.getTime())) return String(e);
 	let r = (n.getTime() - Date.now()) / 1e3;
-	for (let [n, i] of Et) {
+	for (let [n, i] of kt) {
 		if (Math.abs(r) < n) try {
 			return new Intl.RelativeTimeFormat(t, { numeric: "auto" }).format(Math.round(r), i);
 		} catch {
-			return Tt(e);
+			return Ot(e);
 		}
 		r /= n;
 	}
-	return Tt(e);
+	return Ot(e);
 }
-function Ot(e) {
+function jt(e) {
 	if (!e) return "?";
 	let t = e.trim().split(/\s+/).filter(Boolean).slice(0, 2);
 	return t.length === 0 ? "?" : t.map((e) => e.charAt(0).toUpperCase()).join("");
 }
-function kt(e) {
+function Mt(e) {
 	if (e == null || e === "") return "—";
 	if (typeof e == "string") return e;
 	if (typeof e == "number" || typeof e == "boolean") return String(e);
@@ -1223,7 +1232,7 @@ function kt(e) {
 		return String(e);
 	}
 }
-function At({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
+function Nt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 	return t ? /* @__PURE__ */ Z("div", {
 		className: L("space-y-3", r),
 		children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ Q("div", {
@@ -1241,17 +1250,17 @@ function At({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 		children: /* @__PURE__ */ Z("ol", {
 			className: L("space-y-4", r),
 			children: e.map((e, t) => {
-				let n = wt[(e.action ?? "").toLowerCase()] ?? "outline", r = typeof e.user_name == "string" && e.user_name.trim() || "Unknown user", a = Tt(e.created_at), o = Dt(e.created_at, i), s = typeof e.user_avatar == "string" ? e.user_avatar : void 0;
+				let n = (e.action ?? "").toLowerCase(), r = Dt[n] ?? "outline", a = typeof e.user_name == "string" && e.user_name.trim() || "Unknown user", o = Ot(e.created_at), s = At(e.created_at, i), c = typeof e.user_avatar == "string" ? e.user_avatar : void 0;
 				return /* @__PURE__ */ Q("li", {
 					className: "flex items-start gap-3",
 					children: [/* @__PURE__ */ Q(f, {
 						className: "h-8 w-8 mt-0.5 shrink-0",
-						children: [s ? /* @__PURE__ */ Z(m, {
-							src: s,
-							alt: r
+						children: [c ? /* @__PURE__ */ Z(m, {
+							src: c,
+							alt: a
 						}) : null, /* @__PURE__ */ Z(p, {
 							className: "text-[10px] font-medium",
-							children: Ot(e.user_name)
+							children: jt(e.user_name)
 						})]
 					}), /* @__PURE__ */ Q("div", {
 						className: "min-w-0 flex-1",
@@ -1261,28 +1270,53 @@ function At({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 								children: [
 									/* @__PURE__ */ Z("span", {
 										className: "text-sm font-medium text-foreground",
-										children: r
+										children: a
 									}),
 									e.action && /* @__PURE__ */ Z(h, {
-										variant: n,
+										variant: r,
 										className: "text-[10px] uppercase tracking-wide",
 										children: e.action
 									}),
-									a && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
+									o && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
 										asChild: !0,
 										children: /* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground cursor-help",
-											"aria-label": a,
-											children: o || a
+											"aria-label": o,
+											children: s || o
 										})
-									}), /* @__PURE__ */ Z(P, { children: a })] })
+									}), /* @__PURE__ */ Z(P, { children: o })] })
 								]
 							}),
 							e.summary && /* @__PURE__ */ Z("p", {
 								className: "mt-1 text-sm text-muted-foreground",
 								children: e.summary
 							}),
-							e.changes && e.changes.length > 0 && /* @__PURE__ */ Z("ul", {
+							e.changes && e.changes.length > 0 && (n === "create" ? /* @__PURE__ */ Q("details", {
+								className: "mt-1 group",
+								children: [/* @__PURE__ */ Q("summary", {
+									className: "cursor-pointer list-none text-xs text-muted-foreground hover:text-foreground inline-flex items-center gap-1 select-none",
+									children: [/* @__PURE__ */ Z("span", {
+										className: "transition-transform group-open:rotate-90",
+										children: "▸"
+									}), /* @__PURE__ */ Z("span", { children: e.changes.length === 1 ? "1 field populated" : `${e.changes.length} fields populated` })]
+								}), /* @__PURE__ */ Z("ul", {
+									className: "mt-1.5 space-y-0.5 text-xs text-muted-foreground pl-4",
+									children: e.changes.map((e) => /* @__PURE__ */ Q("li", {
+										className: "leading-relaxed",
+										children: [
+											/* @__PURE__ */ Z("span", {
+												className: "font-medium text-foreground",
+												children: e.label || e.field
+											}),
+											": ",
+											/* @__PURE__ */ Z("span", {
+												className: "text-foreground",
+												children: Mt(e.to)
+											})
+										]
+									}, e.field))
+								})]
+							}) : /* @__PURE__ */ Z("ul", {
 								className: "mt-1.5 space-y-0.5 text-xs text-muted-foreground",
 								children: e.changes.map((e) => /* @__PURE__ */ Q("li", {
 									className: "leading-relaxed",
@@ -1294,16 +1328,16 @@ function At({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 										": ",
 										/* @__PURE__ */ Z("span", {
 											className: "line-through opacity-70",
-											children: kt(e.from)
+											children: Mt(e.from)
 										}),
 										" → ",
 										/* @__PURE__ */ Z("span", {
 											className: "text-foreground",
-											children: kt(e.to)
+											children: Mt(e.to)
 										})
 									]
 								}, e.field))
-							})
+							}))
 						]
 					})]
 				}, e.id ?? t);
@@ -1313,13 +1347,13 @@ function At({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 }
 //#endregion
 //#region src/RecordMetaFooter.tsx
-var jt = {
+var Pt = {
 	createdAt: "created_at",
 	createdBy: "created_by",
 	updatedAt: "updated_at",
 	updatedBy: "updated_by"
 };
-function Mt(e) {
+function Ft(e) {
 	if (!e) return null;
 	if (e instanceof Date) return isNaN(e.getTime()) ? null : e;
 	if (typeof e == "string" || typeof e == "number") {
@@ -1328,7 +1362,7 @@ function Mt(e) {
 	}
 	return null;
 }
-function Nt(e, t) {
+function It(e, t) {
 	let n = Date.now() - e.getTime(), r = Math.max(0, Math.floor(n / 1e3));
 	if (r < 60) return t("detail.justNow");
 	let i = Math.floor(r / 60);
@@ -1336,7 +1370,7 @@ function Nt(e, t) {
 	let a = Math.floor(i / 60);
 	return a < 24 ? t("detail.hoursAgo", { count: a }) : t("detail.daysAgo", { count: Math.floor(a / 24) });
 }
-function Pt(e) {
+function Lt(e) {
 	try {
 		return new Intl.DateTimeFormat(void 0, {
 			dateStyle: "medium",
@@ -1346,16 +1380,16 @@ function Pt(e) {
 		return e.toISOString();
 	}
 }
-var Ft = ({ value: e, objectSchema: t, fieldName: n }) => {
+var Rt = ({ value: e, objectSchema: t, fieldName: n }) => {
 	if (e == null || e === "") return null;
 	let r = t?.fields?.[n], i = r?.reference_to || r?.reference, a = {
 		name: n,
 		type: r?.type || (i ? "lookup" : "text"),
 		...i && { reference_to: i },
 		...r?.reference_field && { reference_field: r.reference_field }
-	}, o = $e(a) || a.type;
+	}, o = tt(a) || a.type;
 	if (o) {
-		let t = Qe(o);
+		let t = et(o);
 		if (t) return /* @__PURE__ */ Z("span", {
 			className: "inline-flex items-center [&_a]:text-inherit [&_a]:hover:underline",
 			children: /* @__PURE__ */ Z(t, {
@@ -1365,7 +1399,7 @@ var Ft = ({ value: e, objectSchema: t, fieldName: n }) => {
 		});
 	}
 	return /* @__PURE__ */ Z("span", { children: String(e) });
-}, It = ({ label: e, user: t, date: n, objectSchema: r, userField: i, t: a }) => {
+}, zt = ({ label: e, user: t, date: n, objectSchema: r, userField: i, t: a }) => {
 	if (!t && !n) return null;
 	let o = n ? /* @__PURE__ */ Z(F, {
 		delayDuration: 200,
@@ -1374,11 +1408,11 @@ var Ft = ({ value: e, objectSchema: t, fieldName: n }) => {
 			children: /* @__PURE__ */ Z("time", {
 				dateTime: n.toISOString(),
 				className: "cursor-default underline decoration-dotted decoration-muted-foreground/40 underline-offset-2",
-				children: Nt(n, a)
+				children: It(n, a)
 			})
 		}), /* @__PURE__ */ Z(P, {
 			side: "top",
-			children: Pt(n)
+			children: Lt(n)
 		})] })
 	}) : null;
 	return /* @__PURE__ */ Q("span", {
@@ -1388,7 +1422,7 @@ var Ft = ({ value: e, objectSchema: t, fieldName: n }) => {
 				className: "text-muted-foreground/70",
 				children: e
 			}),
-			t ? /* @__PURE__ */ Z(Ft, {
+			t ? /* @__PURE__ */ Z(Rt, {
 				value: t,
 				objectSchema: r,
 				fieldName: i
@@ -1400,31 +1434,31 @@ var Ft = ({ value: e, objectSchema: t, fieldName: n }) => {
 			o
 		]
 	});
-}, Lt = ({ data: e, objectSchema: t, objectName: n, className: r }) => {
+}, Bt = ({ data: e, objectSchema: t, objectName: n, className: r }) => {
 	let { t: i } = $();
 	if (!e) return null;
-	let a = Mt(e[jt.createdAt]), o = Mt(e[jt.updatedAt]), s = e[jt.createdBy], c = e[jt.updatedBy], l = !!(a || s), u = a && o && Math.abs(o.getTime() - a.getTime()) < 2e3, d = !!(o || c) && !(u && (s != null && c != null && String(s) === String(c) || !c));
+	let a = Ft(e[Pt.createdAt]), o = Ft(e[Pt.updatedAt]), s = e[Pt.createdBy], c = e[Pt.updatedBy], l = !!(a || s), u = a && o && Math.abs(o.getTime() - a.getTime()) < 2e3, d = !!(o || c) && !(u && (s != null && c != null && String(s) === String(c) || !c));
 	return !l && !d ? null : /* @__PURE__ */ Q("div", {
 		className: L("mt-6 pt-3 border-t border-border/40", "flex flex-wrap items-center gap-x-4 gap-y-1", "text-xs text-muted-foreground", r),
 		"data-testid": "record-meta-footer",
-		children: [l && /* @__PURE__ */ Z(It, {
+		children: [l && /* @__PURE__ */ Z(zt, {
 			label: i("detail.createdBy"),
 			user: s,
 			date: a,
 			objectSchema: t,
-			userField: jt.createdBy,
+			userField: Pt.createdBy,
 			t: i
-		}), d && /* @__PURE__ */ Z(It, {
+		}), d && /* @__PURE__ */ Z(zt, {
 			label: i("detail.updatedBy"),
 			user: c,
 			date: o,
 			objectSchema: t,
-			userField: jt.updatedBy,
+			userField: Pt.updatedBy,
 			t: i
 		})]
 	});
-}, Rt = 5;
-function zt(e, t, n, r) {
+}, Vt = 5;
+function Ht(e, t, n, r) {
 	if (e && typeof e == "object") {
 		if (t.primaryField) {
 			let n = e[t.primaryField];
@@ -1471,8 +1505,8 @@ 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(() => {
+var Ut = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBack: s, inlineEdit: c = !1, onFieldSave: l, discussionSlot: u, rightRail: d, objectLabel: f, onDataLoaded: p }) => {
+	let [m, _] = n.useState(e.data), [v, y] = n.useState(!e.data && !!(e.api && e.resourceId || r && e.objectName && e.resourceId)), [b, x] = n.useState(!1), [S, C] = n.useState(!1), [w, T] = n.useState({}), [E, D] = n.useState(null), [O, ne] = n.useState(!1), { t: z } = $(), { fieldOptionLabel: B } = Ze(), re = te(), V = it(), H = n.useMemo(() => {
 		if (!V?.isLoaded || !e.objectName) return e;
 		let t = (t) => V.checkField(e.objectName, t, "read"), n = (e) => e && e.filter((e) => {
 			let n = typeof e == "string" ? e : e?.name;
@@ -1491,7 +1525,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 	n.useEffect(() => {
 		m && p && p(m);
 	}, [m, p]);
-	let U = n.useMemo(() => {
+	let ie = n.useMemo(() => {
 		if (H.summaryFields && H.summaryFields.length > 0) return [];
 		let e = [...H.sections?.flatMap((e) => e.fields) || [], ...H.fields || []], t = {};
 		for (let n of e) t[n.name] || (t[n.name] = n);
@@ -1517,9 +1551,9 @@ 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(() => {
+	]), U = H.summaryFields && H.summaryFields.length > 0 ? H.summaryFields : ie, ae = n.useCallback(() => {
 		H.resourceId && navigator.clipboard.writeText(String(H.resourceId)).then(() => {
-			R(!0), setTimeout(() => R(!1), 1500);
+			ne(!0), setTimeout(() => ne(!1), 1500);
 		});
 	}, [H.resourceId]);
 	n.useEffect(() => {
@@ -1572,18 +1606,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 +1625,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]), pe = n.useCallback(() => {
 		if (S) {
 			let e = Object.entries(w);
 			if (e.length > 0) {
@@ -1613,9 +1647,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		w,
 		m,
 		l
-	]), de = n.useCallback(() => {
+	]), ge = n.useCallback(() => {
 		T({}), C(!1);
-	}, []), K = n.useCallback((e, t) => {
+	}, []), G = n.useCallback((e, t) => {
 		T((n) => ({
 			...n,
 			[e]: t
@@ -1629,28 +1663,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 _e = n.useMemo(() => H.related ?? [], [H.related]), ve = 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: pe
 		}), H.showDelete && e.push({
 			name: "sys_delete",
 			label: z("detail.delete"),
@@ -1658,7 +1692,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 +1700,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(() => {
+		pe,
+		ue
+	]), ye = n.useMemo(() => {
 		let e = H.actions ?? [];
-		if (q.length === 0) return e;
+		if (ve.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 +1714,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, ...ve]
 				};
 			}
 			return e;
@@ -1688,9 +1722,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: ve
 		}), n;
-	}, [H.actions, q]);
+	}, [H.actions, ve]);
 	return v || H.loading ? /* @__PURE__ */ Q("div", {
 		className: L("space-y-4", i),
 		children: [
@@ -1712,9 +1746,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(R, { className: "h-4 w-4" }), z("detail.goBack")]
 			})
 		]
 	}) : /* @__PURE__ */ Z(F, { children: /* @__PURE__ */ Q("div", {
@@ -1729,9 +1763,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(R, { className: "h-4 w-4" })
 						})
 					}), /* @__PURE__ */ Z(P, { children: z("detail.back") })] }), /* @__PURE__ */ Q("div", {
 						className: "flex-1 min-w-0",
@@ -1740,9 +1774,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							children: [
 								/* @__PURE__ */ Z("h1", {
 									className: "text-xl sm:text-2xl font-bold truncate",
-									children: zt(m, H, E, z("detail.details"))
+									children: Ht(m, H, E, z("detail.details"))
 								}),
-								ne.map((e) => {
+								U.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 +1810,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 +1838,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 +1855,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: ae,
 									"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(W, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(me, { className: "h-3 w-3" })
 								})
 							}), /* @__PURE__ */ Z(P, { children: O ? z("detail.copied", { defaultValue: "Copied" }) : z("detail.copyRecordId", { defaultValue: "Copy record ID" }) })] })]
 						})]
@@ -1866,19 +1900,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(nt, { children: [S && /* @__PURE__ */ Q(N, { children: [/* @__PURE__ */ Z(I, {
 							asChild: !0,
 							children: /* @__PURE__ */ Q(g, {
 								variant: "ghost",
 								size: "sm",
-								onClick: de,
+								onClick: ge,
 								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 +1922,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: pe,
 								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(nt, { children: [/* @__PURE__ */ Z(W, { 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(nt, { children: [/* @__PURE__ */ Z(he, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
 									children: z("detail.editInline")
 								})] })
@@ -1903,36 +1937,36 @@ 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(he, { 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, {
+						ye.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
 			}) }),
-			H.highlightFields && H.highlightFields.length > 0 && /* @__PURE__ */ Z(ht, {
+			H.highlightFields && H.highlightFields.length > 0 && /* @__PURE__ */ Z(vt, {
 				fields: H.highlightFields,
 				data: m,
 				objectName: H.objectName,
 				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 = _e.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, {
+						H.sectionGroups && H.sectionGroups.length > 0 && H.sectionGroups.map((e, t) => /* @__PURE__ */ Z(_t, {
 							group: e,
 							data: {
 								...m,
@@ -1941,9 +1975,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							objectSchema: E,
 							objectName: H.objectName,
 							isEditing: S,
-							onFieldChange: K
+							onFieldChange: G
 						}, t)),
-						H.sections && H.sections.length > 0 && H.sections.map((e, t) => /* @__PURE__ */ Z(ut, {
+						H.sections && H.sections.length > 0 && H.sections.map((e, t) => /* @__PURE__ */ Z(pt, {
 							section: e,
 							data: {
 								...m,
@@ -1952,9 +1986,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							objectSchema: E,
 							objectName: H.objectName,
 							isEditing: S,
-							onFieldChange: K
+							onFieldChange: G
 						}, t)),
-						H.fields && H.fields.length > 0 && !H.sections?.length && /* @__PURE__ */ Z(ut, {
+						H.fields && H.fields.length > 0 && !H.sections?.length && /* @__PURE__ */ Z(pt, {
 							section: {
 								fields: H.fields,
 								columns: H.columns
@@ -1966,9 +2000,9 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							objectSchema: E,
 							objectName: H.objectName,
 							isEditing: S,
-							onFieldChange: K
+							onFieldChange: G
 						}),
-						H.comments && /* @__PURE__ */ Z(_t, {
+						H.comments && /* @__PURE__ */ Z(bt, {
 							comments: H.comments,
 							onAddComment: H.onAddComment
 						})
@@ -1997,7 +2031,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: _e.length
 										})]
 									})
 								}),
@@ -2042,7 +2076,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: _e.map((e, t) => /* @__PURE__ */ Z(gt, {
 									title: e.title,
 									type: e.type,
 									api: e.api,
@@ -2058,14 +2092,15 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 									onRowEdit: e.onRowEdit,
 									onRowDelete: e.onRowDelete,
 									collapsible: !0,
-									pageSize: Rt
+									defaultCollapsed: re && t > 0,
+									pageSize: Vt
 								}, t))
 							})
 						}),
 						t && /* @__PURE__ */ Z(j, {
 							value: "activity",
 							className: "mt-4",
-							children: /* @__PURE__ */ Z(Ct, { activities: H.activities })
+							children: /* @__PURE__ */ Z(Et, { activities: H.activities })
 						}),
 						n && /* @__PURE__ */ Z(j, {
 							value: "discussion",
@@ -2075,7 +2110,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						i && /* @__PURE__ */ Z(j, {
 							value: "history",
 							className: "mt-4",
-							children: /* @__PURE__ */ Z(At, {
+							children: /* @__PURE__ */ Z(Nt, {
 								entries: H.history.entries,
 								loading: H.history.loading,
 								emptyText: H.history.emptyText ?? z("detail.historyEmpty", { defaultValue: "No history yet" })
@@ -2083,10 +2118,10 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						})
 					]
 				});
-			})() : /* @__PURE__ */ Q(X, { children: [
+			})() : /* @__PURE__ */ Q(nt, { 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, {
+					children: H.sectionGroups.map((e, t) => /* @__PURE__ */ Z(_t, {
 						group: e,
 						data: {
 							...m,
@@ -2095,12 +2130,12 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						objectSchema: E,
 						objectName: H.objectName,
 						isEditing: S,
-						onFieldChange: K
+						onFieldChange: G
 					}, t))
 				}),
 				H.sections && H.sections.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: H.sections.map((e, t) => /* @__PURE__ */ Z(ut, {
+					children: H.sections.map((e, t) => /* @__PURE__ */ Z(pt, {
 						section: e,
 						data: {
 							...m,
@@ -2109,10 +2144,10 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						objectSchema: E,
 						objectName: H.objectName,
 						isEditing: S,
-						onFieldChange: K
+						onFieldChange: G
 					}, t))
 				}),
-				H.fields && H.fields.length > 0 && !H.sections?.length && /* @__PURE__ */ Z(ut, {
+				H.fields && H.fields.length > 0 && !H.sections?.length && /* @__PURE__ */ Z(pt, {
 					section: {
 						fields: H.fields,
 						columns: H.columns
@@ -2124,18 +2159,18 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 					objectSchema: E,
 					objectName: H.objectName,
 					isEditing: S,
-					onFieldChange: K
+					onFieldChange: G
 				}),
-				H.tabs && H.tabs.length > 0 && /* @__PURE__ */ Z(dt, {
+				H.tabs && H.tabs.length > 0 && /* @__PURE__ */ Z(mt, {
 					tabs: H.tabs,
 					data: m
 				}),
-				me.length > 0 && /* @__PURE__ */ Q("div", {
+				_e.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, {
+					}), _e.map((e, t) => /* @__PURE__ */ Z(gt, {
 						title: e.title,
 						type: e.type,
 						api: e.api,
@@ -2151,16 +2186,17 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						onRowEdit: e.onRowEdit,
 						onRowDelete: e.onRowDelete,
 						collapsible: !0,
-						pageSize: Rt
+						defaultCollapsed: re && t > 0,
+						pageSize: Vt
 					}, t))]
 				}),
-				H.comments && /* @__PURE__ */ Z(_t, {
+				H.comments && /* @__PURE__ */ Z(bt, {
 					comments: H.comments,
 					onAddComment: H.onAddComment
 				}),
-				H.activities && H.activities.length > 0 && /* @__PURE__ */ Z(Ct, { activities: H.activities })
+				H.activities && H.activities.length > 0 && /* @__PURE__ */ Z(Et, { activities: H.activities })
 			] }),
-			/* @__PURE__ */ Z(Lt, {
+			/* @__PURE__ */ Z(Bt, {
 				data: {
 					...m,
 					...w
@@ -2168,13 +2204,13 @@ 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
 			}) })
 		]
 	}) });
-}, Vt = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name) || null, Ht = (e) => {
+}, Wt = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name) || null, Gt = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2184,8 +2220,8 @@ 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);
+}, Kt = ({ schema: e = {}, className: t, ...n }) => {
+	let r = Ye(), { designer: i } = Gt(n);
 	if (!r) return /* @__PURE__ */ Z("div", {
 		className: t,
 		"data-record-details-placeholder": !0,
@@ -2195,7 +2231,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			children: "record:details — bind a record to preview"
 		})
 	});
-	let a = e.layout === "inline" || e.layout === "compact" ? "horizontal" : "vertical", o = r.objectName || "", s = tt(), { readableFields: c } = et(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+	let a = e.layout === "inline" || e.layout === "compact" ? "horizontal" : "vertical", o = r.objectName || "", s = it(), { readableFields: c } = rt(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
 	if (l.length > 0 && o && !l.every((e) => s.can(o, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2208,39 +2244,61 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 	});
 	let u = e.enforceFieldSecurity === !0, d = Array.isArray(e.redactFields) ? e.redactFields : [], f = (e) => {
 		if (!e || !u && d.length === 0) return e;
-		let t = e.map(Vt).filter((e) => !!e), n = new Set((u && o ? c(t) : t).filter((e) => !d.includes(e)));
+		let t = e.map(Wt).filter((e) => !!e), n = new Set((u && o ? c(t) : t).filter((e) => !d.includes(e)));
 		return e.filter((e) => {
-			let t = Vt(e);
+			let t = Wt(e);
 			return t ? n.has(t) : !0;
 		});
 	}, p = (e) => typeof e == "string" ? { name: e } : e && typeof e == "object" && !e.name && e.field ? {
 		...e,
 		name: e.field
-	} : e, m = (e) => Array.isArray(e) ? e.map(p) : e, h = m(f(e.fields)), g = Array.isArray(e.sections) ? e.sections.map((e) => ({
+	} : e, m = (e) => Array.isArray(e) ? e.map(p) : e, h = qe(), g = new Set((Array.isArray(e.hideFields) ? e.hideFields : []).map((e) => typeof e == "string" ? e : Wt(e)).filter((e) => !!e));
+	for (let e of h) g.add(e);
+	let _ = r.objectSchema, v = r.data ?? {}, y = [
+		_?.primaryField,
+		"name",
+		"full_name",
+		"title",
+		"subject",
+		"display_name",
+		"label"
+	].filter((e) => typeof e == "string" && e.length > 0);
+	for (let e of y) if (v[e] !== void 0 && v[e] !== null && v[e] !== "") {
+		g.add(e);
+		break;
+	}
+	let b = (e) => !e || g.size === 0 ? e : e.filter((e) => {
+		let t = Wt(e);
+		return t ? !g.has(t) : !0;
+	}), x = b(m(f(e.fields))), S = Array.isArray(e.sections) ? e.sections.map((e) => ({
 		...e,
 		title: e.title ?? e.label,
-		fields: m(f(e.fields))
-	})) : e.sections, _ = {
+		showBorder: e.showBorder ?? !1,
+		hideEmpty: e.hideEmpty ?? !0,
+		fields: b(m(f(e.fields)))
+	})) : e.sections, C = e.inlineEdit ?? !0, w = {
 		type: "detail-view",
 		objectName: r.objectName,
 		resourceId: r.recordId,
 		data: r.data,
 		layout: a,
 		columns: e.columns,
-		sections: g,
-		fields: h,
+		sections: S,
+		fields: x,
 		showBack: !1,
-		showHeader: e.showHeader ?? !1
+		showHeader: e.showHeader ?? !1,
+		inlineEdit: C
 	};
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
-		children: /* @__PURE__ */ Z(Bt, {
-			schema: _,
-			dataSource: r.dataSource
+		children: /* @__PURE__ */ Z(Ut, {
+			schema: w,
+			dataSource: r.dataSource,
+			inlineEdit: C
 		})
 	});
-}, Wt = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name || e.key) || null, Gt = (e) => {
+}, qt = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name || e.key) || null, Jt = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2250,8 +2308,8 @@ 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;
+}, Yt = ({ schema: e = {}, className: t, ...n }) => {
+	let r = Ye(), { designer: i } = Jt(n), a = e.title || e.objectName || "Related", o = e.objectName;
 	if (!o) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2260,7 +2318,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			children: "record:related_list — missing objectName"
 		})
 	});
-	let s = tt(), { readableFields: c } = et(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+	let s = it(), { readableFields: c } = rt(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
 	if (l.length > 0 && !l.every((e) => s.can(o, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2273,27 +2331,28 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 	});
 	let u = e.enforceFieldSecurity === !0, d = Array.isArray(e.redactFields) ? e.redactFields : [], f = Array.isArray(e.columns) ? e.columns : [], p = f;
 	if (u || d.length > 0) {
-		let e = f.map(Wt).filter((e) => !!e), t = new Set((u ? c(e) : e).filter((e) => !d.includes(e)));
+		let e = f.map(qt).filter((e) => !!e), t = new Set((u ? c(e) : e).filter((e) => !d.includes(e)));
 		p = f.filter((e) => {
-			let n = Wt(e);
+			let n = qt(e);
 			return n ? t.has(n) : !0;
 		});
 	}
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
-		children: /* @__PURE__ */ Z(pt, {
+		children: /* @__PURE__ */ Z(gt, {
 			title: a,
 			type: "table",
 			api: o,
 			objectName: o,
 			referenceField: e.relationshipField,
+			parentId: r?.recordId,
 			columns: p,
 			pageSize: e.limit,
 			dataSource: r?.dataSource
 		})
 	});
-}, qt = (e) => {
+}, Xt = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2303,11 +2362,11 @@ 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 : [];
-	if (c.length > 0 && a && !c.every((e) => o.can(a, e))) return /* @__PURE__ */ Z("div", {
+}, Zt = ({ schema: e = {}, className: t, ...n }) => {
+	let i = Ye(), { designer: a } = Xt(n), o = i?.objectName || "", s = it(), { readableFields: c } = rt(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+	if (l.length > 0 && o && !l.every((e) => s.can(o, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
-		...i,
+		...a,
 		role: "status",
 		"aria-live": "polite",
 		children: /* @__PURE__ */ Z("p", {
@@ -2315,23 +2374,23 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			children: "Insufficient permissions to view highlights."
 		})
 	});
-	let l = (Array.isArray(e.fields) ? e.fields : []).map((e) => typeof e == "string" ? { name: e } : {
+	let u = (Array.isArray(e.fields) ? e.fields : []).map((e) => typeof e == "string" ? { name: e } : {
 		name: e?.name,
 		label: e?.label,
 		icon: e?.icon,
 		type: e?.type
-	}).filter((e) => typeof e.name == "string" && e.name.length > 0), u = e.enforceFieldSecurity === !0, d = Array.isArray(e.redactFields) ? e.redactFields : [], f = u && a ? new Set(s(l.map((e) => e.name))) : null, p = l.filter((e) => !(d.includes(e.name) || f && !f.has(e.name)));
-	return /* @__PURE__ */ Z("div", {
+	}).filter((e) => typeof e.name == "string" && e.name.length > 0), d = e.enforceFieldSecurity === !0, f = Array.isArray(e.redactFields) ? e.redactFields : [], p = d && o ? new Set(c(u.map((e) => e.name))) : null, m = u.filter((e) => !(f.includes(e.name) || p && !p.has(e.name)));
+	return Xe(r.useId(), m.map((e) => e.name)), /* @__PURE__ */ Z("div", {
 		className: t,
-		...i,
-		children: /* @__PURE__ */ Z(ht, {
-			fields: p,
-			data: r?.data,
-			objectName: r?.objectName,
-			objectSchema: r?.objectSchema
+		...a,
+		children: /* @__PURE__ */ Z(vt, {
+			fields: m,
+			data: i?.data,
+			objectName: i?.objectName,
+			objectSchema: i?.objectSchema
 		})
 	});
-}, Yt = ({ change: e, className: t }) => {
+}, Qt = ({ change: e, className: t }) => {
 	let n = e.fieldLabel ?? e.field.charAt(0).toUpperCase() + e.field.slice(1).replace(/_/g, " "), r = e.oldDisplayValue ?? (e.oldValue == null ? "(empty)" : String(e.oldValue)), i = e.newDisplayValue ?? (e.newValue == null ? "(empty)" : String(e.newValue));
 	return /* @__PURE__ */ Q("div", {
 		className: L("flex items-center gap-1.5 text-sm flex-wrap", t),
@@ -2344,21 +2403,21 @@ 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
 			})
 		]
 	});
-}, Xt = [
+}, $t = [
 	"👍",
 	"❤️",
 	"🎉",
 	"😂",
 	"😮",
 	"😢"
-], Zt = ({ reactions: e, onToggleReaction: t, emojiOptions: r = Xt, className: i }) => {
+], en = ({ reactions: e, onToggleReaction: t, emojiOptions: r = $t, className: i }) => {
 	let [a, o] = n.useState(!1), s = n.useCallback((e) => {
 		t?.(e), o(!1);
 	}, [t]);
@@ -2379,7 +2438,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",
@@ -2398,7 +2457,7 @@ var Bt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 };
 //#endregion
 //#region src/ThreadedReplies.tsx
-function Qt(e) {
+function tn(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -2411,7 +2470,7 @@ function Qt(e) {
 		return e;
 	}
 }
-var $t = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, className: a }) => {
+var nn = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, className: a }) => {
 	let { t: o } = $(), [s, c] = n.useState(!1), [l, u] = n.useState(""), [d, f] = n.useState(!1), p = n.useCallback(async () => {
 		let t = l.trim();
 		if (!(!t || !r)) {
@@ -2438,8 +2497,8 @@ 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" }),
-					/* @__PURE__ */ Z(Te, { className: "h-3 w-3" }),
+					Z(s ? se : le, { className: "h-3 w-3" }),
+					/* @__PURE__ */ Z(J, { className: "h-3 w-3" }),
 					/* @__PURE__ */ Z("span", { children: t.length === 1 ? o("detail.replyCount", { count: t.length }) : o("detail.replyCountPlural", { count: t.length }) })
 				]
 			}),
@@ -2466,7 +2525,7 @@ var $t = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 								children: e.actor
 							}), /* @__PURE__ */ Z("span", {
 								className: "text-[10px] text-muted-foreground",
-								children: Qt(e.createdAt)
+								children: tn(e.createdAt)
 							})]
 						}), /* @__PURE__ */ Z("p", {
 							className: "text-xs whitespace-pre-wrap break-words",
@@ -2491,12 +2550,12 @@ 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(X, { className: "h-3 w-3" })
 				})]
 			})
 		]
 	});
-}, en = ({ subscription: e, onToggle: t, className: r }) => {
+}, rn = ({ subscription: e, onToggle: t, className: r }) => {
 	let { t: i } = $(), [a, o] = n.useState(!1), s = n.useCallback(async () => {
 		if (t) {
 			o(!0);
@@ -2515,17 +2574,17 @@ 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(ie, { className: "h-4 w-4 text-muted-foreground" })
 	});
-}, tn = {
-	comment: Te,
-	field_change: pe,
+}, an = {
+	comment: J,
+	field_change: he,
 	task: oe,
-	event: ie,
-	system: Ue,
-	email: we,
+	event: ae,
+	system: He,
+	email: Ee,
 	call: Ae
-}, nn = {
+}, on = {
 	comment: "bg-purple-100 text-purple-600",
 	field_change: "bg-blue-100 text-blue-600",
 	task: "bg-green-100 text-green-600",
@@ -2534,7 +2593,7 @@ var $t = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 	email: "bg-indigo-100 text-indigo-600",
 	call: "bg-teal-100 text-teal-600"
 };
-function rn(e) {
+function sn(e) {
 	return [
 		{
 			value: "all",
@@ -2554,7 +2613,7 @@ function rn(e) {
 		}
 	];
 }
-function an(e) {
+function cn(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -2567,7 +2626,7 @@ function an(e) {
 		return e;
 	}
 }
-function on(e, t) {
+function ln(e, t) {
 	switch (t) {
 		case "comments_only": return e.filter((e) => e.type === "comment");
 		case "changes_only": return e.filter((e) => e.type === "field_change");
@@ -2575,108 +2634,112 @@ function on(e, t) {
 		default: return e;
 	}
 }
-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(() => {
-		if (!P) return /* @__PURE__ */ new Map();
+var un = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a = !1, onLoadMore: o, loading: s = !1, onAddComment: c, onAddReply: l, onToggleReaction: u, subscription: d, onToggleSubscription: f, collapseWhenEmpty: p = !1, titleLabel: m, emptyLabel: h, className: _ }) => {
+	let { t: v } = $(), [y, b] = n.useState("all"), [x, S] = n.useState(""), [C, w] = n.useState(!1), [T, E] = n.useState(!1), D = r ?? y, O = t?.showFilterToggle !== !1, k = t?.showCommentInput !== !1 && !!c, A = t?.enableReactions ?? !1, j = t?.enableThreading ?? !1, ee = t?.showSubscriptionToggle ?? !1, M = n.useMemo(() => ln(e, D), [e, D]), N = n.useMemo(() => j ? M.filter((e) => !e.parentId) : M, [M, j]), P = n.useMemo(() => {
+		if (!j) return /* @__PURE__ */ new Map();
 		let e = /* @__PURE__ */ new Map();
-		for (let t of I) if (t.parentId) {
+		for (let t of M) if (t.parentId) {
 			let n = e.get(t.parentId) ?? [];
 			n.push(t), e.set(t.parentId, n);
 		}
 		return e;
-	}, [I, P]), te = n.useCallback((e) => {
-		i ? i(e) : w(e);
-	}, [i]), V = n.useCallback(async () => {
-		let e = T.trim();
+	}, [M, j]), F = n.useCallback((e) => {
+		i ? i(e) : b(e);
+	}, [i]), I = n.useCallback(async () => {
+		let e = x.trim();
 		if (!(!e || !c)) {
-			O(!0);
+			w(!0);
 			try {
-				await c(e), E("");
+				await c(e), S("");
 			} finally {
-				O(!1);
+				w(!1);
 			}
 		}
-	}, [T, c]), H = n.useCallback((e) => {
-		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), V());
-	}, [V]), U = n.useCallback(async () => {
+	}, [x, c]), te = n.useCallback((e) => {
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), I());
+	}, [I]), R = n.useCallback(async () => {
 		if (o) {
-			A(!0);
+			E(!0);
 			try {
 				await o();
 			} finally {
-				A(!1);
+				E(!1);
 			}
 		}
 	}, [o]);
-	return /* @__PURE__ */ Q(_, {
-		className: L("", x),
-		children: [/* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Q("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ Q(b, {
-				className: "flex items-center gap-2 text-base",
-				children: [
-					/* @__PURE__ */ Z(z, { className: "h-4 w-4" }),
-					m ?? S("detail.activity"),
-					/* @__PURE__ */ Q("span", {
-						className: "text-sm font-normal text-muted-foreground",
-						children: [
-							"(",
-							I.length,
-							")"
-						]
+	return /* @__PURE__ */ Q("section", {
+		className: L("border-t border-border/60 pt-5", _),
+		"aria-label": "Discussion",
+		children: [/* @__PURE__ */ Z("header", {
+			className: "mb-4",
+			children: /* @__PURE__ */ Q("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ Q("h2", {
+					className: "flex items-center gap-2 text-base font-semibold leading-none tracking-tight",
+					children: [
+						/* @__PURE__ */ Z(ne, { className: "h-4 w-4" }),
+						m ?? v("detail.activity"),
+						/* @__PURE__ */ Q("span", {
+							className: "text-sm font-normal text-muted-foreground",
+							children: [
+								"(",
+								M.length,
+								")"
+							]
+						})
+					]
+				}), /* @__PURE__ */ Z("div", {
+					className: "flex items-center gap-1",
+					children: ee && d && /* @__PURE__ */ Z(rn, {
+						subscription: d,
+						onToggle: f
 					})
-				]
-			}), /* @__PURE__ */ Z("div", {
-				className: "flex items-center gap-1",
-				children: F && d && /* @__PURE__ */ Z(en, {
-					subscription: d,
-					onToggle: f
-				})
-			})]
-		}) }), /* @__PURE__ */ Q(v, {
+				})]
+			})
+		}), /* @__PURE__ */ Q("div", {
 			className: "space-y-4",
 			children: [
-				ee && /* @__PURE__ */ Z("div", {
+				O && /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2",
 					children: /* @__PURE__ */ Z("select", {
 						className: "rounded-md border border-input bg-background px-2.5 py-1.5 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-						value: j,
-						onChange: (e) => te(e.target.value),
-						"aria-label": S("detail.filterActivity"),
-						children: rn(S).map((e) => /* @__PURE__ */ Z("option", {
+						value: D,
+						onChange: (e) => F(e.target.value),
+						"aria-label": v("detail.filterActivity"),
+						children: sn(v).map((e) => /* @__PURE__ */ Z("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))
 					})
 				}),
-				M && /* @__PURE__ */ Q("div", {
+				k && /* @__PURE__ */ Q("div", {
 					className: "flex gap-2",
 					children: [/* @__PURE__ */ Z("textarea", {
 						className: "flex-1 min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none",
-						placeholder: S("detail.leaveCommentPlaceholder"),
-						value: T,
-						onChange: (e) => E(e.target.value),
-						onKeyDown: H,
-						disabled: D
+						placeholder: v("detail.leaveCommentPlaceholder"),
+						value: x,
+						onChange: (e) => S(e.target.value),
+						onKeyDown: te,
+						disabled: C
 					}), /* @__PURE__ */ Q(g, {
 						variant: "default",
-						onClick: V,
-						disabled: !T.trim() || D,
+						onClick: I,
+						disabled: !x.trim() || C,
 						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") })]
+						"aria-label": v("detail.submitComment"),
+						title: v("detail.submitComment"),
+						children: [/* @__PURE__ */ Z(X, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: v("detail.sendComment") })]
 					})]
 				}),
-				I.length === 0 ? p ? null : /* @__PURE__ */ Z("p", {
+				M.length === 0 ? p ? null : /* @__PURE__ */ Z("p", {
 					className: "text-sm text-muted-foreground text-center py-4",
-					children: h ?? S("detail.noActivity")
+					children: h ?? v("detail.noActivity")
 				}) : /* @__PURE__ */ Q("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ Z("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Z("div", {
 						className: "space-y-4",
-						children: 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: N.map((e) => {
+							let t = an[e.type] || He, n = on[e.type] || "bg-gray-100 text-gray-600", r = P.get(e.id) ?? [];
 							return /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("div", {
 								className: "flex gap-3 relative",
 								children: [/* @__PURE__ */ Z("div", {
@@ -2698,19 +2761,19 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 												}),
 												e.source && /* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground",
-													children: S("detail.via", { source: e.source })
+													children: v("detail.via", { source: e.source })
 												}),
 												/* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground",
-													children: an(e.createdAt)
+													children: cn(e.createdAt)
 												}),
 												e.edited && /* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground italic",
-													children: S("detail.edited")
+													children: v("detail.edited")
 												}),
 												e.pinned && /* @__PURE__ */ Q("span", {
 													className: "text-xs text-amber-600",
-													children: ["📌 ", S("detail.pinned")]
+													children: ["📌 ", v("detail.pinned")]
 												})
 											]
 										}),
@@ -2720,25 +2783,25 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 										}),
 										e.type === "field_change" && e.fieldChanges && /* @__PURE__ */ Z("div", {
 											className: "space-y-1 mt-1",
-											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z(Yt, { change: e }, t))
+											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z(Qt, { change: e }, t))
 										}),
-										N && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
+										A && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(Zt, {
+											children: /* @__PURE__ */ Z(en, {
 												reactions: e.reactions,
 												onToggleReaction: u ? (t) => u(e.id, t) : void 0
 											})
 										}),
-										N && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
+										A && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(Zt, {
+											children: /* @__PURE__ */ Z(en, {
 												reactions: [],
 												onToggleReaction: (t) => u(e.id, t)
 											})
 										})
 									]
 								})]
-							}), P && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z($t, {
+							}), j && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(nn, {
 								parentItem: e,
 								replies: r,
 								onAddReply: l,
@@ -2752,16 +2815,16 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 					children: /* @__PURE__ */ Q(g, {
 						variant: "ghost",
 						size: "sm",
-						onClick: U,
-						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")]
+						onClick: R,
+						disabled: T,
+						"aria-label": v("detail.loadMore"),
+						children: [T ? /* @__PURE__ */ Z(Te, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(se, { className: "h-4 w-4 mr-1" }), v("detail.loadMore")]
 					})
 				})
 			]
 		})]
 	});
-}, cn = (e) => {
+}, dn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2771,18 +2834,18 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, ln = ({ schema: e = {}, className: t, ...n }) => {
-	Je();
-	let { designer: r } = cn(n);
+}, fn = ({ schema: e = {}, className: t, ...n }) => {
+	Ye();
+	let { designer: r } = dn(n);
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...r,
-		children: /* @__PURE__ */ Z(sn, {
+		children: /* @__PURE__ */ Z(un, {
 			items: [],
 			config: e
 		})
 	});
-}, un = ({ config: e, items: t, hasMore: r, onLoadMore: i, loading: a, onAddComment: o, onAddReply: s, onToggleReaction: c, subscription: l, onToggleSubscription: u, filterMode: d, onFilterChange: f, collapseWhenEmpty: p = !1, className: m }) => {
+}, pn = ({ config: e, items: t, hasMore: r, onLoadMore: i, loading: a, onAddComment: o, onAddReply: s, onToggleReaction: c, subscription: l, onToggleSubscription: u, filterMode: d, onFilterChange: f, collapseWhenEmpty: p = !1, className: m }) => {
 	let h = e?.position ?? "right", _ = e?.width ?? "360px", v = e?.collapsible ?? !0, y = p && t.length === 0 || (e?.defaultCollapsed ?? !1), { t: b } = $(), [x, S] = n.useState(y);
 	return h === "right" || h === "left" ? x && v ? /* @__PURE__ */ Z("div", {
 		className: L("flex items-start pt-4", h === "right" ? "border-l" : "border-r", m),
@@ -2792,7 +2855,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(ke, { className: "h-4 w-4" })
 		})
 	}) : /* @__PURE__ */ Q("div", {
 		className: L("flex flex-col overflow-hidden", h === "right" ? "border-l" : "border-r", m),
@@ -2804,7 +2867,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			className: "flex items-center justify-between px-4 py-3 border-b",
 			children: [/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ Z(Te, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+				children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 					className: "text-sm font-medium",
 					children: b("detail.discussion")
 				})]
@@ -2814,11 +2877,11 @@ 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",
-			children: /* @__PURE__ */ Z(sn, {
+			children: /* @__PURE__ */ Z(un, {
 				items: t,
 				config: e?.feed,
 				hasMore: r,
@@ -2844,21 +2907,21 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			className: "w-full justify-start gap-2 text-muted-foreground",
 			onClick: () => S(!1),
 			"aria-label": b("detail.showDiscussion", { count: t.length }),
-			children: [/* @__PURE__ */ Z(Te, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: b("detail.showDiscussion", { count: t.length }) })]
+			children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: b("detail.showDiscussion", { count: t.length }) })]
 		}) : /* @__PURE__ */ Q("div", { children: [v && /* @__PURE__ */ Q("div", {
 			className: "flex items-center justify-between mb-2",
 			children: [/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2 text-sm font-medium",
-				children: [/* @__PURE__ */ Z(Te, { className: "h-4 w-4" }), b("detail.discussion")]
+				children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), b("detail.discussion")]
 			}), /* @__PURE__ */ Z(g, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
 				onClick: () => S(!0),
 				"aria-label": b("detail.hideDiscussion"),
-				children: /* @__PURE__ */ Z(De, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ Z(Oe, { className: "h-3.5 w-3.5" })
 			})]
-		}), /* @__PURE__ */ Z(sn, {
+		}), /* @__PURE__ */ Z(un, {
 			items: t,
 			config: e?.feed,
 			hasMore: r,
@@ -2876,7 +2939,7 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			emptyLabel: b("detail.noCommentsYet")
 		})] })
 	});
-}, dn = (e) => {
+}, mn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2886,18 +2949,30 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, fn = ({ schema: e = {}, className: t, ...n }) => {
-	Je();
-	let { designer: r } = dn(n);
+}, hn = ({ schema: e = {}, className: t, ...n }) => {
+	Ye();
+	let r = Ke(), { designer: i } = mn(n), a = {
+		position: "bottom",
+		collapsible: !1,
+		feed: {
+			enableReactions: !0,
+			enableThreading: !0,
+			showCommentInput: !0
+		},
+		...e
+	};
 	return /* @__PURE__ */ Z("div", {
 		className: t,
-		...r,
-		children: /* @__PURE__ */ Z(un, {
-			items: [],
-			config: e
+		...i,
+		children: /* @__PURE__ */ Z(pn, {
+			items: r?.items || [],
+			config: a,
+			onAddComment: r?.onAddComment,
+			onAddReply: r?.onAddReply,
+			onToggleReaction: r?.onToggleReaction
 		})
 	});
-}, pn = (e) => {
+}, gn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2907,37 +2982,80 @@ 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);
-	return c < 0 && (c = -1), a.length === 0 ? /* @__PURE__ */ Z("div", {
+}, _n = ({ schema: e = {}, className: t, ...n }) => {
+	let i = Ye(), { translateOptions: a } = Ze(), { designer: o } = gn(n), s = Array.isArray(e.stages) ? e.stages : [], c = e.statusField, l = r.useMemo(() => {
+		if (s.length === 0 || !c || !i?.objectName) return s;
+		let e = a(i.objectName, c, s);
+		return Array.isArray(e) && e.length === s.length ? e : s;
+	}, [
+		s,
+		c,
+		i?.objectName,
+		a
+	]), u = c && i?.data ? i.data[c] : void 0, d = l.findIndex((e) => e.value === u);
+	if (d < 0 && (d = -1), l.length === 0) return /* @__PURE__ */ Z("div", {
 		className: t,
-		...i,
+		...o,
 		children: /* @__PURE__ */ Z("div", {
 			className: "text-xs text-muted-foreground italic px-3 py-2 border border-dashed rounded",
 			children: "record:path — no stages configured"
 		})
-	}) : /* @__PURE__ */ Z("div", {
-		className: L("flex w-full items-stretch gap-1", t),
-		role: "list",
-		"aria-label": e.aria?.label || "Record path",
-		...i,
-		children: a.map((e, t) => {
-			let n = c >= 0 && t < c, r = t === c;
-			return /* @__PURE__ */ Z("div", {
-				role: "listitem",
-				"aria-current": r ? "step" : void 0,
-				className: L("relative flex-1 px-4 py-2 text-xs font-medium border text-center", "first:rounded-l-md last:rounded-r-md", r && "bg-primary text-primary-foreground border-primary", n && "bg-muted text-muted-foreground", !r && !n && "bg-background text-foreground/70"),
-				children: /* @__PURE__ */ Q("span", {
-					className: "inline-flex items-center gap-1.5",
-					children: [n && /* @__PURE__ */ Z("span", {
-						"aria-hidden": !0,
-						children: "✓"
-					}), e.label]
-				})
-			}, `${e.value}-${t}`);
-		})
 	});
-}, hn = (e) => {
+	let f = (e, t) => {
+		if (l.length !== 1) return e === 0 ? "polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%)" : e === t ? "polygon(0 0, 100% 0, 100% 100%, 0 100%, 14px 50%)" : "polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%)";
+	}, p = l.length - 1;
+	return /* @__PURE__ */ Q("div", {
+		className: L("w-full", t),
+		...o,
+		children: [/* @__PURE__ */ Z("div", {
+			className: "hidden sm:flex w-full items-stretch",
+			role: "list",
+			"aria-label": e.aria?.label || "Record path",
+			children: l.map((e, t) => {
+				let n = d >= 0 && t < d, r = t === d, i = f(t, p);
+				return /* @__PURE__ */ Z("div", {
+					role: "listitem",
+					"aria-current": r ? "step" : void 0,
+					style: i ? {
+						clipPath: i,
+						WebkitClipPath: i
+					} : void 0,
+					className: L("relative flex-1 min-w-0 px-5 py-2 text-xs font-medium text-center", t > 0 && "-ml-2", l.length === 1 && "rounded-md border", r && "bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground", !r && !n && "bg-background text-foreground/70 border border-border/60"),
+					children: /* @__PURE__ */ Q("span", {
+						className: "inline-flex items-center gap-1.5 truncate",
+						style: {
+							paddingLeft: t === 0 ? 0 : `${14 / 2}px`,
+							paddingRight: t === p ? 0 : `${14 / 2}px`
+						},
+						children: [n && /* @__PURE__ */ Z("span", {
+							"aria-hidden": !0,
+							children: "✓"
+						}), e.label]
+					})
+				}, `${e.value}-${t}`);
+			})
+		}), /* @__PURE__ */ Z("div", {
+			className: "flex sm:hidden w-full items-stretch gap-1 overflow-x-auto pb-1 -mx-1 px-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+			role: "list",
+			"aria-label": e.aria?.label || "Record path",
+			children: l.map((e, t) => {
+				let n = d >= 0 && t < d, r = t === d;
+				return /* @__PURE__ */ Z("div", {
+					role: "listitem",
+					"aria-current": r ? "step" : void 0,
+					className: L("shrink-0 px-3 py-1.5 rounded-full text-xs font-medium border whitespace-nowrap", r && "bg-primary text-primary-foreground border-primary shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground border-transparent", !r && !n && "bg-background text-foreground/70 border-border/60"),
+					children: /* @__PURE__ */ Q("span", {
+						className: "inline-flex items-center gap-1",
+						children: [n && /* @__PURE__ */ Z("span", {
+							"aria-hidden": !0,
+							children: "✓"
+						}), e.label]
+					})
+				}, `${e.value}-${t}-m`);
+			})
+		})]
+	});
+}, vn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2947,8 +3065,8 @@ 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 : [];
+}, yn = ({ schema: e = {}, className: t, ...n }) => {
+	let r = Ye(), { designer: i } = vn(n), a = it(), o = Array.isArray(e.actions) ? e.actions : Array.isArray(e.properties?.actions) ? e.properties.actions : [], s = r?.objectName || "", c = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
 	if (c.length > 0 && s && !c.every((e) => a.can(s, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2959,7 +3077,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,
@@ -2998,7 +3116,28 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			}, t.name || `qa-${n}`);
 		})
 	});
-}, _n = new Set([
+}, bn = (e) => {
+	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
+	return {
+		designer: {
+			"data-obj-id": t,
+			"data-obj-type": n,
+			style: r
+		},
+		rest: i
+	};
+}, xn = ({ schema: e = {}, className: t, ...n }) => {
+	let { designer: r } = bn(n), i = Array.isArray(e.entries) ? e.entries : Array.isArray(e.properties?.entries) ? e.properties.entries : [], a = e.loading ?? e.properties?.loading ?? !1, o = e.emptyText ?? e.properties?.emptyText;
+	return /* @__PURE__ */ Z("div", {
+		className: t,
+		...r,
+		children: /* @__PURE__ */ Z(Nt, {
+			entries: i,
+			loading: a,
+			emptyText: o
+		})
+	});
+}, Sn = new Set([
 	"id",
 	"_id",
 	"__v",
@@ -3013,15 +3152,15 @@ var sn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 	"owner_id",
 	"deleted_at",
 	"is_deleted"
-]), vn = 480, yn = 95;
-function bn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId: o, dataSource: s, objectSchema: c, width: l = "min(960px, 60vw)", columns: u = 2, systemFields: d = _n, onFieldSave: f, onDelete: p, resizable: m = !0, fullPageHref: h }) {
+]), Cn = 480, wn = 95;
+function Tn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId: o, dataSource: s, objectSchema: c, width: l = "min(960px, 60vw)", columns: u = 2, systemFields: d = Sn, onFieldSave: f, onDelete: p, resizable: m = !0, fullPageHref: h }) {
 	let { t: g } = $(), _ = `objectui.drawerWidth.${a}`, [v, y] = r.useState(() => {
 		if (typeof window > "u" || !m) return null;
 		try {
 			let e = window.localStorage.getItem(_);
 			if (e) {
 				let t = parseInt(e, 10);
-				if (Number.isFinite(t) && t >= vn) return t;
+				if (Number.isFinite(t) && t >= Cn) return t;
 			}
 		} catch {}
 		return null;
@@ -3043,7 +3182,7 @@ function bn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 		let n = (e) => {
 			let t = S.current;
 			if (!t) return;
-			let n = t.startX - e.clientX, r = typeof window < "u" ? window.innerWidth * yn / 100 : 1600, i = Math.min(r, Math.max(vn, t.startWidth + n));
+			let n = t.startX - e.clientX, r = typeof window < "u" ? window.innerWidth * wn / 100 : 1600, i = Math.min(r, Math.max(Cn, t.startWidth + n));
 			y(Math.round(i));
 		}, r = () => {
 			S.current, S.current = null, window.removeEventListener("pointermove", n), window.removeEventListener("pointerup", r), window.removeEventListener("pointercancel", r);
@@ -3099,7 +3238,7 @@ function bn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 				}),
 				/* @__PURE__ */ Z("div", {
 					className: "px-6 pt-6 pb-6",
-					children: /* @__PURE__ */ Z(Bt, {
+					children: /* @__PURE__ */ Z(Ut, {
 						dataSource: s,
 						inlineEdit: !0,
 						schema: {
@@ -3142,14 +3281,14 @@ function bn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 		})
 	});
 }
-function xn(e, t) {
+function En(e, t) {
 	if (typeof window > "u") return null;
 	let n = window.location.pathname, r = `/${e}`, i = n.indexOf(r);
 	return `${i >= 0 ? n.slice(0, i) : n.replace(/\/$/, "")}/${e}/record/${encodeURIComponent(String(t))}`;
 }
 //#endregion
 //#region src/InlineCreateRelated.tsx
-var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, onLinkRecord: a, onSearch: o, existingRecords: s = [], className: c }) => {
+var Dn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, onLinkRecord: a, onSearch: o, existingRecords: s = [], className: c }) => {
 	let [l, u] = n.useState(!1), [d, f] = n.useState("create"), [p, m] = n.useState({}), [h, x] = n.useState(""), [S, C] = n.useState(s), [T, E] = n.useState(!1), [D, O] = n.useState(!1), k = n.useMemo(() => {
 		if (!h.trim()) return S;
 		let e = h.toLowerCase();
@@ -3193,7 +3332,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 +3348,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, {
@@ -3225,7 +3364,7 @@ var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 					}), a && /* @__PURE__ */ Q(M, {
 						value: "link",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ Z(xe, { className: "h-3.5 w-3.5" }), "Link Existing"]
+						children: [/* @__PURE__ */ Z(Ce, { className: "h-3.5 w-3.5" }), "Link Existing"]
 					})]
 				}),
 				i && /* @__PURE__ */ Q(j, {
@@ -3253,9 +3392,9 @@ 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"]
+							children: [T && /* @__PURE__ */ Z(Te, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
 						})]
 					})]
 				}),
@@ -3274,7 +3413,7 @@ var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 						className: "max-h-48 overflow-y-auto space-y-1",
 						children: D ? /* @__PURE__ */ Q("div", {
 							className: "flex items-center justify-center py-4 text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ Z(Ce, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
+							children: [/* @__PURE__ */ Z(Te, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
 						}) : k.length === 0 ? /* @__PURE__ */ Z("p", {
 							className: "text-sm text-muted-foreground text-center py-4",
 							children: h ? "No records found" : "Type to search records"
@@ -3316,17 +3455,17 @@ var Sn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 				f("link"), u(!0);
 			},
 			className: "gap-1.5",
-			children: [/* @__PURE__ */ Z(xe, { className: "h-3.5 w-3.5" }), "Link Existing"]
+			children: [/* @__PURE__ */ Z(Ce, { className: "h-3.5 w-3.5" }), "Link Existing"]
 		})]
 	});
 };
 //#endregion
 //#region src/RichTextCommentInput.tsx
-function Cn(e) {
+function On(e) {
 	let t = e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/```([\s\S]*?)```/g, "<pre class=\"bg-muted rounded p-2 text-xs font-mono my-1 overflow-x-auto\">$1</pre>").replace(/`([^`]+)`/g, "<code class=\"bg-muted rounded px-1 py-0.5 text-xs font-mono\">$1</code>").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/@(\w+)/g, "<span class=\"text-primary font-medium\">@$1</span>").replace(/^- (.+)$/gm, "<li class=\"ml-4 list-disc\">$1</li>").replace(/\n/g, "<br/>");
 	return t = t.replace(/(<li[^>]*>.*?<\/li>(?:<br\/>)?)+/g, (e) => `<ul class="my-1">${e.replace(/<br\/>/g, "")}</ul>`), t;
 }
-var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], placeholder: a, className: o, disabled: s = !1 }) => {
+var kn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], placeholder: a, className: o, disabled: s = !1 }) => {
 	let { t: c } = $(), [l, u] = n.useState(!1), [d, f] = n.useState(!1), [p, m] = n.useState(""), [h, _] = n.useState(0), v = n.useRef(null), y = n.useMemo(() => {
 		if (!p) return i;
 		let e = p.toLowerCase();
@@ -3398,7 +3537,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(U, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3407,7 +3546,7 @@ var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: S,
 					disabled: s || l,
 					title: c("detail.italic"),
-					children: /* @__PURE__ */ Z(be, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(q, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3416,7 +3555,7 @@ var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: C,
 					disabled: s || l,
 					title: c("detail.listFormat"),
-					children: /* @__PURE__ */ Z(Se, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(we, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3425,7 +3564,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 +3573,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 +3582,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 ? he : G, { className: "h-3.5 w-3.5" })
 				}),
 				r && /* @__PURE__ */ Z(g, {
 					variant: "ghost",
@@ -3452,15 +3591,15 @@ 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(X, { className: "h-3.5 w-3.5" })
 				})
 			]
 		}), /* @__PURE__ */ Z("div", {
 			className: "relative",
 			children: l ? /* @__PURE__ */ Z("div", {
 				className: "min-h-[80px] px-3 py-2 text-sm prose prose-sm max-w-none",
-				dangerouslySetInnerHTML: { __html: Cn(e) }
-			}) : /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("textarea", {
+				dangerouslySetInnerHTML: { __html: On(e) }
+			}) : /* @__PURE__ */ Q(nt, { 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"),
@@ -3491,7 +3630,7 @@ var wn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 };
 //#endregion
 //#region src/DiffView.tsx
-function Tn(e, t) {
+function An(e, t) {
 	if (e == null) return ["(empty)"];
 	switch (t) {
 		case "json": try {
@@ -3510,7 +3649,7 @@ function Tn(e, t) {
 		default: return String(e).split("\n");
 	}
 }
-function En(e, t) {
+function jn(e, t) {
 	let n = [], r = Math.max(e.length, t.length);
 	for (let i = 0; i < r; i++) {
 		let r = i < e.length ? e[i] : void 0, a = i < t.length ? t[i] : void 0;
@@ -3527,16 +3666,16 @@ function En(e, t) {
 	}
 	return n;
 }
-var Dn = {
+var Mn = {
 	added: "bg-green-50 text-green-800 dark:bg-green-950/30 dark:text-green-300",
 	removed: "bg-red-50 text-red-800 dark:bg-red-950/30 dark:text-red-300",
 	unchanged: "text-muted-foreground"
-}, On = {
+}, Nn = {
 	added: "+",
 	removed: "-",
 	unchanged: " "
-}, kn = ({ oldValue: e, newValue: t, fieldName: r, fieldType: i = "string", mode: a = "unified", className: o }) => {
-	let { t: s } = $(), [c, l] = n.useState(a), u = n.useMemo(() => Tn(e, i), [e, i]), d = n.useMemo(() => Tn(t, i), [t, i]), f = n.useMemo(() => En(u, d), [u, d]), p = f.some((e) => e.type !== "unchanged"), m = n.useMemo(() => {
+}, Pn = ({ oldValue: e, newValue: t, fieldName: r, fieldType: i = "string", mode: a = "unified", className: o }) => {
+	let { t: s } = $(), [c, l] = n.useState(a), u = n.useMemo(() => An(e, i), [e, i]), d = n.useMemo(() => An(t, i), [t, i]), f = n.useMemo(() => jn(u, d), [u, d]), p = f.some((e) => e.type !== "unchanged"), m = n.useMemo(() => {
 		if (c !== "side-by-side") return [];
 		let e = [], t = 0;
 		for (; t < f.length;) {
@@ -3585,7 +3724,7 @@ var Dn = {
 						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(pe, { className: "h-3.5 w-3.5" })
 					})]
 				})]
 			})
@@ -3594,10 +3733,10 @@ var Dn = {
 			children: p ? c === "unified" ? /* @__PURE__ */ Z("div", {
 				className: "font-mono text-xs overflow-x-auto",
 				children: f.map((e, t) => /* @__PURE__ */ Q("div", {
-					className: L("px-4 py-0.5 whitespace-pre-wrap border-l-2", Dn[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
+					className: L("px-4 py-0.5 whitespace-pre-wrap border-l-2", Mn[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
 					children: [/* @__PURE__ */ Z("span", {
 						className: "select-none mr-2 inline-block w-3 text-center opacity-60",
-						children: On[e.type]
+						children: Nn[e.type]
 					}), e.value]
 				}, t))
 			}) : /* @__PURE__ */ Z("div", {
@@ -3614,10 +3753,10 @@ var Dn = {
 							children: s("detail.currentVersion")
 						}),
 						m.map((e, t) => /* @__PURE__ */ Q(n.Fragment, { children: [/* @__PURE__ */ Z("div", {
-							className: L("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Dn[e.left.type] : "bg-muted/20"),
+							className: L("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Mn[e.left.type] : "bg-muted/20"),
 							children: e.left?.value ?? ""
 						}), /* @__PURE__ */ Z("div", {
-							className: L("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Dn[e.right.type] : "bg-muted/20"),
+							className: L("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Mn[e.right.type] : "bg-muted/20"),
 							children: e.right?.value ?? ""
 						})] }, t))
 					]
@@ -3628,7 +3767,7 @@ var Dn = {
 			})
 		})]
 	});
-}, An = ({ currentIndex: e, totalRecords: t, recordIds: r, onNavigate: i, onSearch: a, className: o }) => {
+}, Fn = ({ currentIndex: e, totalRecords: t, recordIds: r, onNavigate: i, onSearch: a, className: o }) => {
 	let { t: s } = $(), [c, l] = n.useState(""), [u, d] = n.useState(!1), f = n.useRef(null), p = e > 0, m = e > 0, h = e < t - 1, _ = e < t - 1, v = n.useCallback(() => {
 		p && i(r[0]);
 	}, [
@@ -3705,7 +3844,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 +3869,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,9 +3878,9 @@ 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(nt, { children: [/* @__PURE__ */ Z(g, {
 				variant: u ? "secondary" : "ghost",
 				size: "icon",
 				className: "h-8 w-8",
@@ -3761,18 +3900,18 @@ var Dn = {
 			})] })
 		]
 	});
-}, jn = 28, Mn = [
+}, In = 28, Ln = [
 	"fill-primary stroke-primary",
 	"fill-blue-500 stroke-blue-500",
 	"fill-emerald-500 stroke-emerald-500",
 	"fill-amber-500 stroke-amber-500"
-], Nn = [
+], Rn = [
 	"fill-primary-foreground",
 	"fill-white",
 	"fill-white",
 	"fill-white"
 ];
-function Pn(e, t, n, r, i) {
+function zn(e, t, n, r, i) {
 	let a = [], o = [], s = /* @__PURE__ */ new Set(), c = r / 2, l = i / 2;
 	a.push({
 		id: e.id,
@@ -3836,10 +3975,10 @@ function Pn(e, t, n, r, i) {
 		edges: o
 	};
 }
-function Fn(e, t = 6) {
+function Bn(e, t = 6) {
 	return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-var In = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: a }) => {
+var Vn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: a }) => {
 	let o = n.useRef(null), [s, c] = n.useState({
 		width: 500,
 		height: 400
@@ -3860,7 +3999,7 @@ var In = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 		});
 		return n.observe(t), () => n.disconnect();
 	}, []);
-	let { nodes: d, edges: f } = n.useMemo(() => Pn(e, t, r, s.width, s.height), [
+	let { nodes: d, edges: f } = n.useMemo(() => zn(e, t, r, s.width, s.height), [
 		e,
 		t,
 		r,
@@ -3873,7 +4012,7 @@ var In = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 			children: /* @__PURE__ */ Q(b, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(Ee, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(De, { className: "h-4 w-4" }),
 					"Relationships",
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -3902,7 +4041,7 @@ var In = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 					strokeWidth: 1.5,
 					strokeOpacity: .5
 				}, `edge-${t}`)), d.map((e) => {
-					let t = l === e.id, n = Mn[Math.min(e.level, Mn.length - 1)], r = Nn[Math.min(e.level, Nn.length - 1)], a = e.level === 0 ? jn + 6 : jn;
+					let t = l === e.id, n = Ln[Math.min(e.level, Ln.length - 1)], r = Rn[Math.min(e.level, Rn.length - 1)], a = e.level === 0 ? In + 6 : In;
 					return /* @__PURE__ */ Q("g", {
 						className: L("cursor-pointer transition-transform", i && "hover:opacity-80"),
 						onClick: () => i?.(e.id),
@@ -3924,7 +4063,7 @@ var In = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 								textAnchor: "middle",
 								dominantBaseline: "central",
 								className: L("text-[10px] font-medium pointer-events-none", r),
-								children: Fn(e.label)
+								children: Bn(e.label)
 							}),
 							e.type && /* @__PURE__ */ Z("text", {
 								x: e.x,
@@ -3933,7 +4072,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(nt, { children: [/* @__PURE__ */ Z("rect", {
 								x: e.x - 50,
 								y: e.y - a - 28,
 								width: 100,
@@ -3958,16 +4097,16 @@ var In = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 };
 //#endregion
 //#region src/CommentAttachment.tsx
-function Ln(e) {
+function Hn(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Rn(e) {
+function Un(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;
+function Wn(e) {
+	return Un(e) ? xe : e.includes("pdf") || e.includes("document") || e.includes("text") ? K : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? ye : ve;
 }
-var Bn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a = !1 }) => {
+var Gn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a = !1 }) => {
 	let { t: o } = $(), [s, c] = n.useState(!1), l = n.useRef(null), u = n.useCallback((e) => {
 		e.preventDefault(), e.stopPropagation(), c(!0);
 	}, []), d = n.useCallback((e) => {
@@ -3991,7 +4130,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,11 +4147,11 @@ 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(Y, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: e.length === 1 ? o("detail.attachmentCount", { count: e.length }) : o("detail.attachmentCountPlural", { count: e.length }) })]
 			}), /* @__PURE__ */ Z("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 gap-2",
 				children: e.map((e) => {
-					let t = Rn(e.type), n = zn(e.type);
+					let t = Un(e.type), n = Wn(e.type);
 					return /* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2 rounded-md border px-2.5 py-2 bg-muted/30 group",
 						children: [
@@ -4031,7 +4170,7 @@ var Bn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 									children: e.name
 								}), /* @__PURE__ */ Z("p", {
 									className: "text-[10px] text-muted-foreground",
-									children: Ln(e.size)
+									children: Hn(e.size)
 								})]
 							}),
 							r && !a && /* @__PURE__ */ Z(g, {
@@ -4040,7 +4179,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);
@@ -4051,7 +4190,7 @@ var Bn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 };
 //#endregion
 //#region src/PointInTimeRestore.tsx
-function Vn(e) {
+function Kn(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -4062,7 +4201,7 @@ function Vn(e) {
 		return e;
 	}
 }
-var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
+var qn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 	let [a, o] = n.useState(null), [s, c] = n.useState(!1), [l, u] = n.useState(!1), d = n.useMemo(() => t.find((e) => e.id === a) ?? null, [t, a]), f = n.useCallback(async () => {
 		if (!(!d || !r)) {
 			if (!s) {
@@ -4091,7 +4230,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 			children: /* @__PURE__ */ Q(b, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(ve, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(be, { className: "h-4 w-4" }),
 					"Revision History",
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -4124,7 +4263,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", {
@@ -4134,7 +4273,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 											children: e.user
 										}), /* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground",
-											children: Vn(e.timestamp)
+											children: Kn(e.timestamp)
 										})]
 									}), /* @__PURE__ */ Q("p", {
 										className: "text-xs text-muted-foreground mt-0.5",
@@ -4156,7 +4295,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 				children: [
 					/* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2 text-sm font-medium",
-						children: [/* @__PURE__ */ Z(q, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
+						children: [/* @__PURE__ */ Z(G, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "space-y-2",
@@ -4172,7 +4311,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,12 +4341,12 @@ 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(nt, { children: [/* @__PURE__ */ Q("p", {
 							className: "text-xs text-amber-600 dark:text-amber-400",
 							children: [
 								"This will restore the record to its state at",
 								" ",
-								Vn(d.timestamp),
+								Kn(d.timestamp),
 								". Continue?"
 							]
 						}), /* @__PURE__ */ Q("div", {
@@ -4238,7 +4377,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 			})]
 		}) })]
 	});
-}, Un = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: r = !1, className: i }) => {
+}, Jn = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: r = !1, className: i }) => {
 	let [a, o] = n.useState(""), [s, c] = n.useState(!1), l = n.useCallback(async () => {
 		let t = a.trim();
 		if (t) {
@@ -4268,10 +4407,10 @@ 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(X, { className: "h-4 w-4" })
 		})]
 	});
-}, Wn = ({ query: e, suggestions: t, onSelect: r, visible: i = !0, activeIndex: a = 0, className: o }) => {
+}, Yn = ({ query: e, suggestions: t, onSelect: r, visible: i = !0, activeIndex: a = 0, className: o }) => {
 	let s = n.useMemo(() => {
 		if (!e) return t;
 		let n = e.toLowerCase();
@@ -4313,7 +4452,7 @@ var Hn = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 		}, e.id))
 	});
 };
-function Gn(e, t, n) {
+function Xn(e, t, n) {
 	return {
 		type: e.type,
 		id: e.id,
@@ -4322,7 +4461,188 @@ function Gn(e, t, n) {
 		length: n
 	};
 }
-e.register("detail-view", Bt, {
+//#endregion
+//#region src/synth/buildDefaultPageSchema.ts
+function Zn(e) {
+	return e == null ? [] : Array.isArray(e) ? e.filter((e) => e != null) : [e];
+}
+function Qn(e) {
+	if (!e) return null;
+	if (e.stageField) return e.stageField;
+	let t = e.fields || {};
+	for (let e of [
+		"status",
+		"stage",
+		"state",
+		"phase"
+	]) if (e in t) return e;
+	for (let [e, n] of Object.entries(t)) {
+		let t = (n?.type || "").toLowerCase();
+		if (t === "status" || t === "stage") return e;
+	}
+	return null;
+}
+function $n(e, t) {
+	if (!e || !t) return null;
+	let n = e.fields?.[t]?.options;
+	return !Array.isArray(n) || n.length === 0 ? null : n.map((e) => ({
+		value: e.value,
+		label: e.label
+	}));
+}
+function er(e, t, n = 4) {
+	if (!e) return [];
+	if (Array.isArray(e.highlightFields) && e.highlightFields.length > 0) return e.highlightFields.slice(0, n);
+	let r = new Set([
+		"id",
+		"_id",
+		"created_at",
+		"updated_at",
+		"deleted_at",
+		"created_by",
+		"updated_by",
+		"deleted_by",
+		"organization_id",
+		"workspace_id",
+		"tenant_id",
+		"org_id"
+	]);
+	t && r.add(t), e.primaryField && r.add(e.primaryField);
+	for (let t of [
+		"name",
+		"full_name",
+		"title",
+		"subject",
+		"display_name"
+	]) t in (e.fields || {}) && r.add(t);
+	let i = [
+		"owner",
+		"owner_id",
+		"amount",
+		"rating",
+		"source",
+		"priority",
+		"industry",
+		"phone",
+		"email"
+	], a = [], o = e.fields || {};
+	for (let e of i) if (e in o && !r.has(e) && a.push(e), a.length >= n) return a;
+	for (let e of Object.keys(o)) if (!(a.includes(e) || r.has(e)) && (a.push(e), a.length >= n)) break;
+	return a;
+}
+function tr(e, t = {}) {
+	return {
+		type: "page:header",
+		recordChrome: t.recordChrome !== !1,
+		...Array.isArray(t.actions) && t.actions.length > 0 ? { actions: t.actions } : {}
+	};
+}
+function nr(e, t) {
+	return !Array.isArray(t) || t.length === 0 ? null : {
+		type: "record:quick_actions",
+		actions: t,
+		location: "record_header"
+	};
+}
+function rr(e, t = {}) {
+	let n = t.statusField ?? Qn(e), r = t.stages ?? (n ? $n(e, n) : null), i = t.highlightFields ?? er(e, n), a = [];
+	return !t.hideHighlights && i.length > 0 && a.push({
+		type: "record:highlights",
+		fields: i
+	}), !t.hidePath && n && r && r.length > 0 && a.push({
+		type: "record:path",
+		statusField: n,
+		stages: r
+	}), a;
+}
+function ir(e, t, n) {
+	return {
+		type: "record:details",
+		sections: t,
+		...n && n.length > 0 ? { hideFields: n } : {}
+	};
+}
+function ar(e, t = {}) {
+	let n = t.statusField ?? Qn(e), r = t.highlightFields ?? er(e, n), i = [{
+		label: "Details",
+		children: [ir(e, t.sections, r)]
+	}];
+	return Array.isArray(t.related) && t.related.length > 0 && i.push({
+		label: "Related",
+		children: t.related.map((e) => ({
+			type: "record:related_list",
+			title: e.title,
+			objectName: e.objectName,
+			relationshipField: e.relationshipField,
+			...e.columns ? { columns: e.columns } : {},
+			...e.limit ? { limit: e.limit } : {},
+			...e.icon ? { icon: e.icon } : {}
+		}))
+	}), t.showActivity && i.push({
+		label: "Activity",
+		children: [{ type: "record:activity" }]
+	}), t.history && i.push({
+		label: "History",
+		children: [{
+			type: "record:history",
+			entries: t.history.entries,
+			loading: t.history.loading,
+			emptyText: t.history.emptyText
+		}]
+	}), {
+		type: "page:tabs",
+		items: i
+	};
+}
+function or() {
+	return { type: "record:discussion" };
+}
+function sr(e, t = {}) {
+	let n = t.slots || {}, r = [];
+	if ("header" in n && n.header !== void 0 ? r.push(...Zn(n.header)) : r.push(tr(e, {
+		recordChrome: t.recordChrome,
+		actions: t.headerActions
+	})), "actions" in n && n.actions !== void 0 && r.push(...Zn(n.actions)), "highlights" in n && n.highlights !== void 0 ? r.push(...Zn(n.highlights)) : r.push(...rr(e, {
+		highlightFields: t.highlightFields,
+		statusField: t.statusField,
+		stages: t.stages,
+		hideHighlights: t.hideHighlights,
+		hidePath: t.hidePath
+	})), "tabs" in n && n.tabs !== void 0) r.push(...Zn(n.tabs));
+	else if ("details" in n && n.details !== void 0) {
+		let i = Zn(n.details), a = ar(e, {
+			sections: t.sections,
+			related: t.related,
+			showActivity: t.showActivity,
+			history: t.history,
+			highlightFields: t.highlightFields,
+			statusField: t.statusField
+		});
+		Array.isArray(a.items) && a.items.length > 0 && (a.items[0] = {
+			...a.items[0],
+			children: i
+		}), r.push(a);
+	} else r.push(ar(e, {
+		sections: t.sections,
+		related: t.related,
+		showActivity: t.showActivity,
+		history: t.history,
+		highlightFields: t.highlightFields,
+		statusField: t.statusField
+	}));
+	return "discussion" in n && n.discussion !== void 0 ? r.push(...Zn(n.discussion)) : t.hideDiscussion || r.push(or()), {
+		type: "record",
+		pageType: "record",
+		object: e?.name,
+		template: "full-width",
+		regions: [{
+			name: "main",
+			width: "full",
+			components: r
+		}]
+	};
+}
+e.register("detail-view", Ut, {
 	namespace: "plugin-detail",
 	label: "Detail View",
 	category: "Views",
@@ -4452,7 +4772,7 @@ e.register("detail-view", Bt, {
 		tabs: [],
 		related: []
 	}
-}), e.register("detail-section", ut, {
+}), e.register("detail-section", pt, {
 	namespace: "plugin-detail",
 	label: "Detail Section",
 	category: "Detail Components",
@@ -4503,7 +4823,7 @@ e.register("detail-view", Bt, {
 			label: "Header Color"
 		}
 	]
-}), e.register("related-list", pt, {
+}), e.register("related-list", gt, {
 	namespace: "plugin-detail",
 	label: "Related List",
 	category: "Detail Components",
@@ -4550,7 +4870,7 @@ e.register("detail-view", Bt, {
 			label: "Columns"
 		}
 	]
-}), e.register("detail", Bt, {
+}), e.register("detail", Ut, {
 	namespace: "view",
 	category: "view",
 	label: "Detail",
@@ -4573,41 +4893,51 @@ e.register("detail-view", Bt, {
 			label: "Fields"
 		}
 	]
-}), e.register("record:details", Ut, {
+}), e.register("record:details", Kt, {
 	namespace: "record",
 	category: "record",
 	label: "Record Details",
 	icon: "FileText"
-}), e.register("record:related_list", Kt, {
+}), e.register("record:related_list", Yt, {
 	namespace: "record",
 	category: "record",
 	label: "Related List",
 	icon: "List"
-}), e.register("record:highlights", Jt, {
+}), e.register("record:highlights", Zt, {
 	namespace: "record",
 	category: "record",
 	label: "Highlights Panel",
 	icon: "Star"
-}), e.register("record:activity", ln, {
+}), e.register("record:activity", fn, {
 	namespace: "record",
 	category: "record",
 	label: "Activity Timeline",
 	icon: "Activity"
-}), e.register("record:chatter", fn, {
+}), e.register("record:chatter", hn, {
 	namespace: "record",
 	category: "record",
 	label: "Chatter Feed",
 	icon: "MessageSquare"
-}), e.register("record:path", mn, {
+}), e.register("record:discussion", hn, {
+	namespace: "record",
+	category: "record",
+	label: "Discussion",
+	icon: "MessageSquare"
+}), e.register("record:path", _n, {
 	namespace: "record",
 	category: "record",
 	label: "Path / Stepper",
 	icon: "GitBranch"
-}), e.register("record:quick_actions", gn, {
+}), e.register("record:quick_actions", yn, {
 	namespace: "record",
 	category: "record",
 	label: "Quick Actions",
 	icon: "Zap"
+}), e.register("record:history", xn, {
+	namespace: "record",
+	category: "record",
+	label: "History Timeline",
+	icon: "Clock"
 });
 //#endregion
-export { Ct as ActivityTimeline, Bn as CommentAttachment, Un as CommentInput, ct as DETAIL_DEFAULT_TRANSLATIONS, ut as DetailSection, dt as DetailTabs, Bt as DetailView, kn as DiffView, Yt as FieldChangeItem, ht as HeaderHighlight, At as HistoryTimeline, Sn as InlineCreateRelated, Wn as MentionAutocomplete, Hn as PointInTimeRestore, Zt as ReactionPicker, ln as RecordActivityRenderer, sn as RecordActivityTimeline, un as RecordChatterPanel, fn as RecordChatterRenderer, _t as RecordComments, bn as RecordDetailDrawer, Ut as RecordDetailsRenderer, Jt as RecordHighlightsRenderer, Lt as RecordMetaFooter, An as RecordNavigationEnhanced, mn as RecordPathRenderer, gn as RecordQuickActionsRenderer, Kt as RecordRelatedListRenderer, pt as RelatedList, In as RelationshipGraph, wn as RichTextCommentInput, mt as SectionGroup, en as SubscriptionToggle, $t as ThreadedReplies, at as applyAutoSpan, ot as applyDetailAutoLayout, Gn as createMentionFromSuggestion, st as createSafeTranslationHook, xn as deriveRecordPageHref, it as inferDetailColumns, rt as isWideFieldType, $ as useDetailTranslation };
+export { Et as ActivityTimeline, Gn as CommentAttachment, Jn as CommentInput, dt as DETAIL_DEFAULT_TRANSLATIONS, pt as DetailSection, mt as DetailTabs, Ut as DetailView, Pn as DiffView, Qt as FieldChangeItem, vt as HeaderHighlight, Nt as HistoryTimeline, Dn as InlineCreateRelated, Yn as MentionAutocomplete, qn as PointInTimeRestore, en as ReactionPicker, fn as RecordActivityRenderer, un as RecordActivityTimeline, pn as RecordChatterPanel, hn as RecordChatterRenderer, bt as RecordComments, Tn as RecordDetailDrawer, Kt as RecordDetailsRenderer, Zt as RecordHighlightsRenderer, xn as RecordHistoryRenderer, Bt as RecordMetaFooter, Fn as RecordNavigationEnhanced, _n as RecordPathRenderer, yn as RecordQuickActionsRenderer, Yt as RecordRelatedListRenderer, gt as RelatedList, Vn as RelationshipGraph, kn as RichTextCommentInput, _t as SectionGroup, rn as SubscriptionToggle, nn as ThreadedReplies, ct as applyAutoSpan, lt as applyDetailAutoLayout, nr as buildDefaultActions, ir as buildDefaultDetails, or as buildDefaultDiscussion, tr as buildDefaultHeader, rr as buildDefaultHighlights, sr as buildDefaultPageSchema, ar as buildDefaultTabs, Xn as createMentionFromSuggestion, ut as createSafeTranslationHook, er as deriveHighlightFields, En as deriveRecordPageHref, $n as deriveStages, Qn as detectStatusField, st as inferDetailColumns, ot as isWideFieldType, $ as useDetailTranslation };