@object-ui/plugin-detail 5.0.2 → 5.1.1

package/dist/index.js

@@ -1,14 +1,15 @@
 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, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Sheet as A, SheetContent as j, SheetHeader as M, SheetTitle as N, Skeleton as P, Tabs as ee, TabsContent as F, TabsList as I, TabsTrigger as L, Tooltip as R, TooltipContent as z, TooltipProvider as B, TooltipTrigger as V, cn as H, useIsMobile as te } from "@object-ui/components";
-import { Activity as U, ArrowLeft as ne, ArrowRight as W, ArrowRightLeft as re, ArrowUpDown as ie, AtSign as G, Bell as ae, BellOff as oe, Bold as K, Calendar as se, Check as ce, CheckSquare as le, ChevronDown as ue, ChevronLeft as de, ChevronRight as fe, ChevronsLeft as q, ChevronsRight as pe, Code as me, Columns2 as he, Copy as ge, Edit as J, ExternalLink as _e, Eye as ve, EyeOff as ye, File as be, FileArchive as Y, FileText as xe, History as Se, Image as Ce, Inbox as X, Italic as we, Link as Te, List as Ee, Loader2 as De, Lock as Oe, Mail as ke, MessageSquare as Ae, Network as je, PanelRightClose as Me, PanelRightOpen as Ne, Paperclip as Pe, Phone as Fe, Pin as Ie, Plus as Le, PlusCircle as Re, RotateCcw as ze, Rows3 as Be, Search as Ve, Send as He, SmilePlus as Ue, Star as We, Trash2 as Ge, Upload as Ke, X as qe, Zap as Je, icons as Ye } from "lucide-react";
-import { SchemaRenderer as Xe, useActionEngine as Ze, useDiscussionContext as Qe, useHighlightFieldNames as $e, useObjectTranslation as et, useRecordContext as tt, useRegisterHighlightFields as nt, useSafeFieldLabel as rt } from "@object-ui/react";
-import { BooleanField as it, SelectField as at, getCellRenderer as ot, humanizeLabel as st, resolveCellRendererType as ct } from "@object-ui/fields";
-import { Fragment as lt, jsx as Z, jsxs as Q } from "react/jsx-runtime";
-import { useFieldPermissions as ut, usePermissions as dt } from "@object-ui/permissions";
+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, DataEmptyState as w, Input as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, Sheet as j, SheetContent as M, SheetHeader as N, SheetTitle as P, Skeleton as F, Tabs as I, TabsContent as L, TabsList as ee, TabsTrigger as R, Tooltip as z, TooltipContent as B, TooltipProvider as te, TooltipTrigger as V, buttonVariants as H, cn as U, useIsMobile as ne } from "@object-ui/components";
+import { Activity as W, AlertTriangle as re, ArrowLeft as G, ArrowRight as ie, ArrowRightLeft as ae, ArrowUpDown as oe, AtSign as K, Bell as se, BellOff as ce, Bold as le, Calendar as q, Check as ue, CheckSquare as de, ChevronDown as fe, ChevronLeft as pe, ChevronRight as me, ChevronsLeft as he, ChevronsRight as ge, Code as J, Columns2 as _e, Copy as ve, Edit as Y, ExternalLink as ye, Eye as X, EyeOff as be, File as xe, FileArchive as Se, FileText as Ce, History as we, Image as Te, Inbox as Ee, Italic as De, Link as Oe, List as ke, Loader2 as Ae, Lock as je, Mail as Me, MessageSquare as Ne, Network as Pe, PanelRightClose as Fe, PanelRightOpen as Ie, Paperclip as Le, Phone as Re, Pin as ze, Plus as Be, PlusCircle as Ve, RotateCcw as He, Rows3 as Ue, Search as We, Send as Ge, SmilePlus as Ke, Star as qe, Trash2 as Je, Upload as Ye, X as Xe, Zap as Ze, icons as Qe } from "lucide-react";
+import { SchemaRenderer as $e, useActionEngine as et, useDiscussionContext as tt, useHighlightFieldNames as nt, useObjectTranslation as rt, useRecordContext as it, useRegisterHighlightFields as at, useSafeFieldLabel as ot } from "@object-ui/react";
+import { BooleanField as st, SelectField as ct, getCellRenderer as lt, humanizeLabel as ut, resolveCellRendererType as dt } from "@object-ui/fields";
+import { Fragment as ft, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { useFieldPermissions as pt, usePermissions as mt } from "@object-ui/permissions";
+import { Link as ht, useParams as gt } from "react-router-dom";
 //#region src/autoLayout.ts
-var ft = new Set([
+var _t = new Set([
 	"textarea",
 	"markdown",
 	"html",
@@ -20,36 +21,36 @@ var ft = new Set([
 	"field:grid",
 	"field:rich-text"
 ]);
-function pt(e) {
-	return ft.has(e);
+function vt(e) {
+	return _t.has(e);
 }
-function mt(e, t) {
+function yt(e, t) {
 	let n;
 	return n = e <= 3 ? 1 : 2, t !== void 0 && t < 640 ? Math.min(n, 1) : n;
 }
-function ht(e, t) {
-	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && pt(e.type) ? {
+function bt(e, t) {
+	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && vt(e.type) ? {
 		...e,
 		span: t
 	} : e);
 }
-function gt(e, t, n) {
+function xt(e, t, n) {
 	if (t !== void 0) return {
-		fields: ht(e, t),
+		fields: bt(e, t),
 		columns: t
 	};
-	let r = mt(e.length, n);
+	let r = yt(e.length, n);
 	return {
-		fields: ht(e, r),
+		fields: bt(e, r),
 		columns: r
 	};
 }
 //#endregion
 //#region src/useDetailTranslation.ts
-function _t(e, t) {
+function St(e, t) {
 	return function() {
 		try {
-			let n = et();
+			let n = rt();
 			return n.t(t) === t ? { t: (t, n) => {
 				let r = e[t] || t;
 				if (n) for (let [e, t] of Object.entries(n)) r = r.replace(`{{${e}}}`, String(t));
@@ -64,7 +65,7 @@ function _t(e, t) {
 		}
 	};
 }
-var vt = {
+var Ct = {
 	"detail.back": "Back",
 	"detail.edit": "Edit",
 	"detail.editInline": "Edit",
@@ -177,50 +178,59 @@ var vt = {
 	"detail.closeDiscussion": "Close discussion panel",
 	"detail.subscribeAriaLabel": "Subscribe to notifications",
 	"detail.unsubscribeAriaLabel": "Unsubscribe from notifications",
-	"detail.clearSearch": "Clear search"
-}, $ = _t(vt, "detail.back");
+	"detail.clearSearch": "Clear search",
+	"detail.concurrentUpdateTitle": "This record was modified by someone else",
+	"detail.concurrentUpdateDescription": "Another user saved a newer version of {{field}} while you were editing. To prevent silently overwriting their change, please choose how to resolve the conflict.",
+	"detail.concurrentUpdateYourEdit": "Your edit",
+	"detail.concurrentUpdateCurrentValue": "Current value",
+	"detail.concurrentUpdateUpdatedBy": "Updated by {{name}}",
+	"detail.concurrentUpdateUpdatedAt": "Updated at {{when}}",
+	"detail.concurrentUpdateReload": "Reload latest",
+	"detail.concurrentUpdateOverwrite": "Overwrite anyway",
+	"detail.concurrentUpdateCancel": "Cancel"
+}, $ = St(Ct, "detail.back");
 //#endregion
 //#region src/DetailSection.tsx
-function yt(e, t) {
+function wt(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 bt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s, virtualScroll: c }) => {
-	let [l, u] = n.useState(e.defaultCollapsed ?? !1), [d, f] = n.useState(null), [p, m] = n.useState(void 0), [w, T] = n.useState(!1), { t: E } = $(), { fieldLabel: D, translateOptions: O } = rt(), k = n.useCallback((e, t) => {
+var Tt = ({ 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), [h, w] = n.useState(!1), { t: T } = $(), { fieldLabel: E, translateOptions: D } = ot(), O = n.useCallback((e, t) => {
 		let n = t == null ? "" : String(t);
 		navigator.clipboard.writeText(n).then(() => {
 			f(e), setTimeout(() => f(null), 2e3);
 		});
-	}, []), A = n.useCallback((e) => {
+	}, []), k = 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]), M = te(), N = M ? 3 : 4, P = M ? .2 : .25, ee = e.fields.length - j, F = !e.hideEmpty && !o && e.fields.length >= N && j / e.fields.length >= P && ee > 0, I = !w && (e.hideEmpty || F) ? e.fields.filter((e) => !A(e)) : e.fields;
-	if (I.length === 0 && j === e.fields.length) return null;
-	let { fields: L, columns: U } = gt(I, e.columns), ne = (e) => {
+	}, [t]), A = n.useMemo(() => e.fields.filter(k).length, [e.fields, k]), j = ne(), M = j ? 3 : 4, N = j ? .2 : .25, P = e.fields.length - A, F = !e.hideEmpty && !o && e.fields.length >= M && A / e.fields.length >= N && P > 0, I = !h && (e.hideEmpty || F) ? e.fields.filter((e) => !k(e)) : e.fields;
+	if (I.length === 0 && A === e.fields.length) return null;
+	let { fields: L, columns: ee } = xt(I, e.columns), R = (e) => {
 		let n = t?.[e.name] ?? e.value;
-		if (e.render) return /* @__PURE__ */ Z(Xe, {
+		if (e.render) return /* @__PURE__ */ Z($e, {
 			schema: e.render,
 			data: {
 				...t,
 				value: n
 			}
 		});
-		let r = yt(e.span, U), c = i?.fields?.[e.name], l = { ...e };
+		let r = wt(e.span, ee), 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;
 			t && !l.reference_to && (l.reference_to = t), c.reference_field && !l.reference_field && (l.reference_field = c.reference_field);
 		}
-		a && Array.isArray(l.options) && l.options.length > 0 && (l.options = O(a, e.name, l.options));
+		a && Array.isArray(l.options) && l.options.length > 0 && (l.options = D(a, e.name, l.options));
 		let u = (() => {
 			if (n == null || n === "") return /* @__PURE__ */ Z("span", {
 				className: "text-muted-foreground/60 text-sm select-none",
-				"aria-label": E("detail.noValue", { defaultValue: "No value" }),
-				title: E("detail.noValue", { defaultValue: "No value" }),
+				"aria-label": T("detail.noValue", { defaultValue: "No value" }),
+				title: T("detail.noValue", { defaultValue: "No value" }),
 				children: "—"
 			});
-			let t = ct(l) || e.type;
+			let t = dt(l) || e.type;
 			if (t) {
-				let e = ot(t);
+				let e = lt(t);
 				if (e) return /* @__PURE__ */ Z(e, {
 					value: n,
 					field: l
@@ -229,20 +239,20 @@ var bt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			return String(n);
 		})(), f = n != null && n !== "", p = d === e.name;
 		return /* @__PURE__ */ Q("div", {
-			className: H("space-y-1.5 group", r),
+			className: U("space-y-1.5 group", r),
 			children: [/* @__PURE__ */ Z("div", {
 				className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
-				children: D(a || "", e.name, e.label || e.name)
+				children: E(a || "", e.name, e.label || e.name)
 			}), o && !e.readonly ? /* @__PURE__ */ Z("div", {
 				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(at, {
+					if (t === "select" && Array.isArray(l.options) && l.options.length > 0) return /* @__PURE__ */ Z(ct, {
 						field: l,
 						value: n == null ? "" : String(n),
 						onChange: (t) => s?.(e.name, t)
 					});
-					if (t === "boolean") return /* @__PURE__ */ Z(it, {
+					if (t === "boolean") return /* @__PURE__ */ Z(st, {
 						field: l,
 						value: !!n,
 						onChange: (t) => s?.(e.name, t)
@@ -267,68 +277,68 @@ var bt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 					});
 				})()
 			}) : /* @__PURE__ */ Q("div", {
-				className: H("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", f && "cursor-pointer active:bg-muted/60 transition-colors"),
-				onClick: f ? () => k(e.name, n) : void 0,
+				className: U("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", f && "cursor-pointer active:bg-muted/60 transition-colors"),
+				onClick: f ? () => O(e.name, n) : void 0,
 				onKeyDown: f ? (t) => {
-					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), k(e.name, n));
+					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), O(e.name, n));
 				} : void 0,
 				role: f ? "button" : void 0,
 				tabIndex: f ? 0 : void 0,
 				children: [/* @__PURE__ */ Z("div", {
 					className: "text-sm flex-1 break-words py-1",
 					children: u
-				}), f && /* @__PURE__ */ Z(B, { children: /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+				}), f && /* @__PURE__ */ Z(te, { children: /* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 					asChild: !0,
 					children: /* @__PURE__ */ Z(g, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity shrink-0",
 						onClick: (t) => {
-							t.stopPropagation(), k(e.name, n);
+							t.stopPropagation(), O(e.name, n);
 						},
-						children: p ? /* @__PURE__ */ Z(ce, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(ge, { className: "h-3 w-3" })
+						children: p ? /* @__PURE__ */ Z(ue, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(ve, { className: "h-3 w-3" })
 					})
-				}), /* @__PURE__ */ Z(z, { children: E(p ? "detail.copied" : "detail.copyToClipboard") })] }) })]
+				}), /* @__PURE__ */ Z(B, { children: T(p ? "detail.copied" : "detail.copyToClipboard") })] }) })]
 			})]
 		}, e.name);
-	}, W = c?.enabled === !0, re = c?.batchSize ?? 20;
+	}, H = c?.enabled === !0, W = c?.batchSize ?? 20;
 	n.useEffect(() => {
-		if (!W) {
+		if (!H) {
 			m(void 0);
 			return;
 		}
-		if (L.length <= re) {
+		if (L.length <= W) {
 			m(void 0);
 			return;
 		}
-		m(re);
+		m(W);
 		let e = setTimeout(() => m(void 0), 100);
 		return () => clearTimeout(e);
 	}, [
-		W,
+		H,
 		L.length,
-		re
+		W
 	]);
-	let ie = p === void 0 ? L : L.slice(0, p), G = j > 0 && (e.hideEmpty || F), ae = /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z("div", {
-		className: H("grid gap-3 sm:gap-4", U === 1 ? "grid-cols-1" : U === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
-		children: ie.map(ne)
+	let re = p === void 0 ? L : L.slice(0, p), G = A > 0 && (e.hideEmpty || F), ie = /* @__PURE__ */ Q(ft, { children: [/* @__PURE__ */ Z("div", {
+		className: U("grid gap-3 sm:gap-4", ee === 1 ? "grid-cols-1" : ee === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
+		children: re.map(R)
 	}), G && /* @__PURE__ */ Z("div", {
 		className: "mt-3 -ml-2",
 		children: /* @__PURE__ */ Q(g, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
-			onClick: () => T((e) => !e),
+			onClick: () => w((e) => !e),
 			className: "h-7 px-2 text-xs text-muted-foreground hover:text-foreground",
-			children: [Z(w ? ye : ve, { className: "h-3.5 w-3.5 mr-1.5" }), w ? E("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : E("detail.showEmptyFields", {
-				count: j,
-				defaultValue: `Show ${j} empty field${j === 1 ? "" : "s"}`
+			children: [Z(h ? be : X, { className: "h-3.5 w-3.5 mr-1.5" }), h ? T("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : T("detail.showEmptyFields", {
+				count: A,
+				defaultValue: `Show ${A} empty field${A === 1 ? "" : "s"}`
 			})]
 		})
 	})] });
 	return !e.title && !e.collapsible && e.showBorder === !1 ? /* @__PURE__ */ Z("div", {
-		className: H(r),
-		children: ae
+		className: U(r),
+		children: ie
 	}) : e.collapsible ? /* @__PURE__ */ Z(x, {
 		open: !l,
 		onOpenChange: (e) => u(!e),
@@ -336,42 +346,34 @@ var bt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 		children: /* @__PURE__ */ Q(_, { children: [/* @__PURE__ */ Z(C, {
 			asChild: !0,
 			children: /* @__PURE__ */ Q(y, {
-				className: H("cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
+				className: U("py-3 px-4 sm:py-4 sm:px-6 cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
 				children: [/* @__PURE__ */ Q(b, {
-					className: "flex items-center justify-between",
+					className: "flex items-center justify-between text-base font-semibold tracking-tight",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2",
-						children: [
-							e.icon && /* @__PURE__ */ Z("span", {
-								className: "text-muted-foreground",
-								children: e.icon
-							}),
-							/* @__PURE__ */ Z("span", { children: e.title }),
-							e.fields && /* @__PURE__ */ Z(h, {
-								variant: "secondary",
-								className: "ml-2 text-xs",
-								children: e.fields.length
-							})
-						]
+						children: [e.icon && /* @__PURE__ */ Z("span", {
+							className: "text-muted-foreground",
+							children: e.icon
+						}), /* @__PURE__ */ Z("span", { children: e.title })]
 					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-2",
-						children: Z(l ? fe : ue, { className: "h-4 w-4 text-muted-foreground" })
+						children: Z(l ? me : fe, { className: "h-4 w-4 text-muted-foreground" })
 					})]
 				}), e.description && !l && /* @__PURE__ */ Z("p", {
-					className: "text-sm text-muted-foreground mt-1.5",
+					className: "text-xs text-muted-foreground mt-1",
 					children: e.description
 				})]
 			})
 		}), /* @__PURE__ */ Z(S, { children: /* @__PURE__ */ Z(v, {
-			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: ae
+			className: "pt-3 sm:pt-4 px-3 sm:px-6 pb-4 sm:pb-5",
+			children: ie
 		}) })] })
 	}) : /* @__PURE__ */ Q(_, {
-		className: H(e.showBorder === !1 ? "border-none shadow-none" : "", r),
+		className: U(e.showBorder === !1 ? "border-none shadow-none" : "", r),
 		children: [e.title && /* @__PURE__ */ Q(y, {
-			className: H(e.headerColor && `bg-${e.headerColor}`),
+			className: U("py-3 px-4 sm:py-4 sm:px-6", e.headerColor && `bg-${e.headerColor}`),
 			children: [/* @__PURE__ */ Z(b, {
-				className: "flex items-center justify-between",
+				className: "flex items-center justify-between text-base font-semibold tracking-tight",
 				children: /* @__PURE__ */ Q("div", {
 					className: "flex items-center gap-2",
 					children: [e.icon && /* @__PURE__ */ Z("span", {
@@ -380,23 +382,23 @@ var bt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 					}), /* @__PURE__ */ Z("span", { children: e.title })]
 				})
 			}), e.description && /* @__PURE__ */ Z("p", {
-				className: "text-sm text-muted-foreground mt-1.5",
+				className: "text-xs text-muted-foreground mt-1",
 				children: e.description
 			})]
 		}), /* @__PURE__ */ Z(v, {
-			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: ae
+			className: "pt-3 sm:pt-4 px-3 sm:px-6 pb-4 sm:pb-5",
+			children: ie
 		})]
 	});
-}, xt = ({ tabs: e, data: t, className: r }) => {
+}, Et = ({ 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(ee, {
+	return /* @__PURE__ */ Q(I, {
 		value: i,
 		onValueChange: a,
 		className: r,
-		children: [/* @__PURE__ */ Z(I, {
+		children: [/* @__PURE__ */ Z(ee, {
 			className: "w-full justify-start border-b rounded-none bg-transparent p-0",
-			children: o.map((e) => /* @__PURE__ */ Z(L, {
+			children: o.map((e) => /* @__PURE__ */ Z(R, {
 				value: e.key,
 				className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 				children: /* @__PURE__ */ Q("div", {
@@ -412,18 +414,18 @@ var bt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 					]
 				})
 			}, e.key))
-		}), o.map((e) => /* @__PURE__ */ Z(F, {
+		}), o.map((e) => /* @__PURE__ */ Z(L, {
 			value: e.key,
 			className: "mt-4",
 			children: /* @__PURE__ */ Z(n.Suspense, {
 				fallback: null,
 				children: Array.isArray(e.content) ? /* @__PURE__ */ Z("div", {
 					className: "space-y-4",
-					children: e.content.map((e, n) => /* @__PURE__ */ Z(Xe, {
+					children: e.content.map((e, n) => /* @__PURE__ */ Z($e, {
 						schema: e,
 						data: t
 					}, n))
-				}) : /* @__PURE__ */ Z(Xe, {
+				}) : /* @__PURE__ */ Z($e, {
 					schema: e.content,
 					data: t
 				})
@@ -433,13 +435,13 @@ var bt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 };
 //#endregion
 //#region src/RelatedList.tsx
-function St(e) {
-	return e && Ye[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || X;
+function Dt(e) {
+	return e && Qe[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || Ee;
 }
-var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className: x, dataSource: S, objectName: C, onNew: T, onViewAll: E, onRowEdit: D, onRowDelete: O, onRowClick: k, maxColumns: A = 6, pageSize: j, sortable: M = !1, filterable: N = !1, collapsible: P = !1, defaultCollapsed: ee = !1, referenceField: F, parentId: I, icon: L }) => {
-	let R = f !== void 0, z = f ?? [], [B, V] = n.useState(z), [U, ne] = n.useState(() => !!r && !R), [W, re] = n.useState(0), [G, ae] = n.useState(null), [oe, K] = n.useState("asc"), [se, ce] = n.useState(""), [le, q] = n.useState(null), [pe, me] = n.useState(ee), [he, ge] = n.useState({}), { t: J } = $(), { fieldLabel: ve } = rt();
+var Ot = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className: x, dataSource: S, objectName: C, onNew: w, onViewAll: E, onRowEdit: D, onRowDelete: O, onRowClick: k, maxColumns: A = 6, pageSize: j, sortable: M = !1, filterable: N = !1, collapsible: P = !1, defaultCollapsed: F = !1, referenceField: I, parentId: L, icon: ee }) => {
+	let R = f !== void 0, z = f ?? [], [B, te] = n.useState(z), [V, H] = n.useState(() => !!r && !R), [W, re] = n.useState(0), [G, ie] = n.useState(null), [ae, K] = n.useState("asc"), [se, ce] = n.useState(""), [le, q] = n.useState(null), [ue, de] = n.useState(F), [he, ge] = n.useState({}), { t: J } = $(), { fieldLabel: _e } = ot();
 	n.useEffect(() => {
-		R && V(f ?? []);
+		R && te(f ?? []);
 	}, [f, R]), n.useEffect(() => {
 		r && S?.getObjectSchema && !m?.length && S.getObjectSchema(r).then(q).catch((e) => {
 			console.warn(`[RelatedList] Failed to fetch schema for ${r}:`, e);
@@ -450,32 +452,32 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		m
 	]), n.useEffect(() => {
 		if (r && !R) {
-			if (!(F && I != null && I !== "")) {
-				r && (I == null || I === "") && !F && console.warn(`[RelatedList] "${r}" has no referenceField/parentId — refusing to fetch all rows. Pass relationshipField + parentId to scope the query.`), V([]), ne(!1);
+			if (!(I && L != null && L !== "")) {
+				r && (L == null || L === "") && !I && console.warn(`[RelatedList] "${r}" has no referenceField/parentId — refusing to fetch all rows. Pass relationshipField + parentId to scope the query.`), te([]), H(!1);
 				return;
 			}
-			ne(!0);
-			let e = { [F]: I };
+			H(!0);
+			let e = { [I]: L };
 			if (S && typeof S.find == "function") S.find(r, { $filter: e }).then((e) => {
-				V(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), ne(!1);
+				te(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), H(!1);
 			}).catch((e) => {
-				console.error("Failed to fetch related data:", e), ne(!1);
+				console.error("Failed to fetch related data:", e), H(!1);
 			});
 			else {
-				let e = new URLSearchParams({ [`filter[${F}]`]: String(I) }).toString();
+				let e = new URLSearchParams({ [`filter[${I}]`]: String(L) }).toString();
 				fetch(`${r}?${e}`).then((e) => e.json()).then((e) => {
-					V(Array.isArray(e) ? e : e?.data || []);
+					te(Array.isArray(e) ? e : e?.data || []);
 				}).catch((e) => {
 					console.error("Failed to fetch related data:", e);
-				}).finally(() => ne(!1));
+				}).finally(() => H(!1));
 			}
 		}
 	}, [
 		r,
 		R,
 		S,
-		F,
-		I
+		I,
+		L
 	]), n.useEffect(() => {
 		if (!S?.find || !le?.fields || !B.length) return;
 		let e = le.fields, t = [];
@@ -530,40 +532,40 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		le,
 		B
 	]);
-	let ye = n.useMemo(() => {
+	let ve = n.useMemo(() => {
 		if (!se) return B;
 		let e = se.toLowerCase();
 		return B.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
-	}, [B, se]), be = n.useMemo(() => G ? [...ye].sort((e, t) => {
+	}, [B, se]), Y = n.useMemo(() => G ? [...ve].sort((e, t) => {
 		let n = e[G], r = t[G];
 		if (n == null && r == null) return 0;
 		if (n == null) return 1;
 		if (r == null) return -1;
 		let i = String(n).localeCompare(String(r), void 0, { numeric: !0 });
-		return oe === "asc" ? i : -i;
-	}) : ye, [
-		ye,
+		return ae === "asc" ? i : -i;
+	}) : ve, [
+		ve,
 		G,
-		oe
-	]), Y = j && j > 0 ? j : 0, xe = Y ? Math.max(1, Math.ceil(be.length / Y)) : 1, Se = Y ? be.slice(W * Y, (W + 1) * Y) : be;
+		ae
+	]), X = j && j > 0 ? j : 0, be = X ? Math.max(1, Math.ceil(Y.length / X)) : 1, xe = X ? Y.slice(W * X, (W + 1) * X) : Y;
 	n.useEffect(() => {
 		re(0);
 	}, [
 		se,
 		G,
-		oe
+		ae
 	]);
-	let Ce = n.useCallback((e) => {
-		G === e ? K((e) => e === "asc" ? "desc" : "asc") : (ae(e), K("asc"));
-	}, [G]), [X, we] = n.useState(null), Te = n.useCallback((e) => {
+	let Se = n.useCallback((e) => {
+		G === e ? K((e) => e === "asc" ? "desc" : "asc") : (ie(e), K("asc"));
+	}, [G]), [Ce, we] = n.useState(null), Te = n.useCallback((e) => {
 		we(e);
 	}, []), Ee = n.useCallback(() => {
-		X && O?.(X), we(null);
-	}, [X, O]), De = dt(), Oe = n.useMemo(() => {
+		Ce && O?.(Ce), we(null);
+	}, [Ce, O]), De = mt(), Oe = n.useMemo(() => {
 		let e = C || r || "", t = (t) => !De?.isLoaded || !e ? t : t.filter((t) => {
 			let n = t?.accessorKey || t?.field || t?.name;
 			return n ? De.checkField(e, String(n), "read") : !0;
-		}), i = (e) => F ? e.filter((e) => (e?.accessorKey || e?.field || e?.name) !== F) : e, a = (e) => e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0, o = (e) => B.length ? e.filter((e) => {
+		}), i = (e) => I ? e.filter((e) => (e?.accessorKey || e?.field || e?.name) !== I) : 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;
@@ -585,7 +587,7 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			"label",
 			"code",
 			"number"
-		], u = Object.entries(le.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === F || t?.hidden || t?.type && c.has(t.type) || De?.isLoaded && s && !De.checkField(s, e, "read")));
+		], u = Object.entries(le.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === I || t?.hidden || t?.type && c.has(t.type) || De?.isLoaded && s && !De.checkField(s, e, "read")));
 		return u.sort(([e, t], [n, r]) => {
 			let i = l.indexOf(e), a = l.indexOf(n), o = i >= 0 ? i : 100, s = a >= 0 ? a : 100;
 			if (o !== s) return o - s;
@@ -594,10 +596,10 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		}), o(u.map(([e, t]) => {
 			let r = {
 				accessorKey: e,
-				header: ve(s, e, t.label || e)
+				header: _e(s, e, t.label || e)
 			};
 			if (t.type) {
-				let i = ot(ct({
+				let i = lt(dt({
 					type: t.type,
 					format: t.format
 				}) || t.type);
@@ -629,19 +631,19 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		le,
 		C,
 		r,
-		ve,
-		F,
+		_e,
+		I,
 		B,
 		A,
 		he,
 		De
-	]), ke = !!D || !!O, Ae = te(), je = n.useMemo(() => {
+	]), ke = !!D || !!O, Ae = ne(), je = n.useMemo(() => {
 		if (p) return p;
 		if (Ae && (t === "grid" || t === "table")) {
 			let e = Oe[0]?.accessorKey || Oe[0]?.field || Oe[0]?.name, t = Oe.slice(1, 4).map((e) => e.accessorKey || e.field || e.name).filter(Boolean);
 			return {
 				type: "object-gallery",
-				data: Se,
+				data: xe,
 				objectName: r,
 				gallery: {
 					titleField: e || "name",
@@ -655,10 +657,10 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			case "grid":
 			case "table": return {
 				type: "data-table",
-				data: Se,
+				data: xe,
 				columns: Oe,
 				pagination: !1,
-				pageSize: Y || 10,
+				pageSize: X || 10,
 				searchable: !1,
 				exportable: !1,
 				rowActions: ke,
@@ -668,7 +670,7 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			};
 			case "list": return {
 				type: "data-list",
-				data: Se
+				data: xe
 			};
 			default: return {
 				type: "div",
@@ -677,10 +679,10 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		}
 	}, [
 		t,
-		Se,
+		xe,
 		Oe,
 		p,
-		Y,
+		X,
 		ke,
 		D,
 		O,
@@ -688,30 +690,30 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 		k,
 		Ae,
 		r
-	]), Me = P ? "cursor-pointer select-none" : void 0, Ne = P ? () => me((e) => !e) : void 0, Pe = St(L), Fe = !U && B.length === 0, Ie = N;
+	]), Me = P ? "cursor-pointer select-none" : void 0, Ne = P ? () => de((e) => !e) : void 0, Pe = Dt(ee), Fe = !V && B.length === 0, Ie = N;
 	return /* @__PURE__ */ Q(_, {
-		className: H("shadow-none border-border/60 bg-transparent", Fe && "bg-muted/10", x),
+		className: U("shadow-none border-border/60 bg-transparent", Fe && "bg-muted/10", x),
 		children: [
 			/* @__PURE__ */ Z(y, {
-				className: H("py-3 px-4 sm:py-3 min-h-12 sm:min-h-0", Me),
+				className: U("py-3 px-4 sm:py-3 min-h-12 sm:min-h-0", Me),
 				onClick: Ne,
 				children: /* @__PURE__ */ Q(b, {
 					className: "flex items-center justify-between gap-2 text-sm font-semibold",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2 min-w-0",
 						children: [
-							P && Z(pe ? fe : ue, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+							P && Z(ue ? me : fe, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
 							/* @__PURE__ */ Z(Pe, {
 								className: "h-4 w-4 text-muted-foreground shrink-0",
 								"aria-hidden": !0
 							}),
 							/* @__PURE__ */ Z("span", {
-								className: H("truncate", Fe && "text-muted-foreground font-medium"),
+								className: U("truncate", Fe && "text-muted-foreground font-medium"),
 								children: e
 							}),
 							/* @__PURE__ */ Z(h, {
 								variant: "secondary",
-								className: H("text-xs font-normal h-5 px-1.5", B.length === 0 && "bg-muted text-muted-foreground"),
+								className: U("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
 							}),
@@ -722,24 +724,24 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 						]
 					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-1 shrink-0",
-						children: T && /* @__PURE__ */ Q(g, {
+						children: w && /* @__PURE__ */ Q(g, {
 							variant: Fe ? "ghost" : "outline",
 							size: "sm",
 							onClick: (e) => {
-								e.stopPropagation(), T();
+								e.stopPropagation(), w();
 							},
 							className: "gap-1 h-9 sm:h-7 text-xs shadow-none",
-							children: [/* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5" }), J("detail.new")]
+							children: [/* @__PURE__ */ Z(Be, { className: "h-3.5 w-3.5" }), J("detail.new")]
 						})
 					})]
 				})
 			}),
-			!pe && !Fe && /* @__PURE__ */ Q(v, {
-				className: H("pt-0 pb-4 px-4"),
+			!ue && !Fe && /* @__PURE__ */ Q(v, {
+				className: U("pt-0 pb-4 px-4"),
 				children: [
 					Ie && /* @__PURE__ */ Z("div", {
 						className: "mb-3",
-						children: /* @__PURE__ */ Z(w, {
+						children: /* @__PURE__ */ Z(T, {
 							placeholder: J("detail.filterPlaceholder"),
 							value: se,
 							onChange: (e) => ce(e.target.value),
@@ -756,20 +758,20 @@ var Ct = ({ 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: () => Ce(t),
+								onClick: () => Se(t),
 								children: [
-									/* @__PURE__ */ Z(ie, { className: "h-3 w-3" }),
+									/* @__PURE__ */ Z(oe, { className: "h-3 w-3" }),
 									n,
-									r && (oe === "asc" ? " ↑" : " ↓")
+									r && (ae === "asc" ? " ↑" : " ↓")
 								]
 							}, t);
 						})
 					}),
-					U ? /* @__PURE__ */ Z("div", {
+					V ? /* @__PURE__ */ Z("div", {
 						className: "flex items-center justify-center py-6 text-muted-foreground text-sm",
 						children: J("detail.loading")
-					}) : /* @__PURE__ */ Z(Xe, { schema: je }),
-					Y > 0 && be.length > Y && /* @__PURE__ */ Q("div", {
+					}) : /* @__PURE__ */ Z($e, { schema: je }),
+					X > 0 && Y.length > X && /* @__PURE__ */ Q("div", {
 						className: "flex items-center justify-between mt-3 pt-3 border-t",
 						children: [
 							/* @__PURE__ */ Q(g, {
@@ -778,26 +780,26 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 								className: "h-7 text-xs gap-1",
 								disabled: W === 0,
 								onClick: () => re((e) => Math.max(0, e - 1)),
-								children: [/* @__PURE__ */ Z(de, { className: "h-3 w-3" }), J("detail.previousPage")]
+								children: [/* @__PURE__ */ Z(pe, { className: "h-3 w-3" }), J("detail.previousPage")]
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "text-xs text-muted-foreground",
 								children: J("detail.pageOf", {
 									current: W + 1,
-									total: xe
+									total: be
 								})
 							}),
 							/* @__PURE__ */ Q(g, {
 								variant: "outline",
 								size: "sm",
 								className: "h-7 text-xs gap-1",
-								disabled: W >= xe - 1,
-								onClick: () => re((e) => Math.min(xe - 1, e + 1)),
-								children: [J("detail.nextPage"), /* @__PURE__ */ Z(fe, { className: "h-3 w-3" })]
+								disabled: W >= be - 1,
+								onClick: () => re((e) => Math.min(be - 1, e + 1)),
+								children: [J("detail.nextPage"), /* @__PURE__ */ Z(me, { className: "h-3 w-3" })]
 							})
 						]
 					}),
-					E && !Fe && Y > 0 && be.length > Y && /* @__PURE__ */ Z("div", {
+					E && !Fe && X > 0 && Y.length > X && /* @__PURE__ */ Z("div", {
 						className: "mt-3 pt-3 border-t flex justify-center",
 						children: /* @__PURE__ */ Q("button", {
 							type: "button",
@@ -805,13 +807,13 @@ var Ct = ({ 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(_e, { className: "h-3 w-3" })]
+							children: [J("detail.viewAll"), /* @__PURE__ */ Z(ye, { className: "h-3 w-3" })]
 						})
 					})
 				]
 			}),
 			/* @__PURE__ */ Z(i, {
-				open: X !== null,
+				open: Ce !== null,
 				onOpenChange: (e) => {
 					e || we(null);
 				},
@@ -823,10 +825,10 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			})
 		]
 	});
-}, wt = ({ group: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s }) => {
+}, kt = ({ 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(bt, {
+		children: e.sections.map((e, n) => /* @__PURE__ */ Z(Tt, {
 			section: e,
 			data: t,
 			objectSchema: i,
@@ -845,7 +847,7 @@ var Ct = ({ 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 ? fe : ue, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+						Z(l ? me : fe, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
 						e.icon && /* @__PURE__ */ Z("span", {
 							className: "text-muted-foreground",
 							children: e.icon
@@ -867,7 +869,7 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			}) })
 		]
 	}) : /* @__PURE__ */ Q("div", {
-		className: H("space-y-3", r),
+		className: U("space-y-3", r),
 		children: [
 			/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2 pb-2 border-b",
@@ -886,18 +888,18 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 			d
 		]
 	});
-}, Tt = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
-	let { fieldLabel: a } = rt();
+}, At = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
+	let { fieldLabel: a } = ot();
 	if (!e.length || !t) return null;
 	let o = e.filter((e) => {
 		let n = t?.[e.name];
 		return n != null && n !== "";
 	});
 	return o.length === 0 ? null : /* @__PURE__ */ Z("section", {
-		className: H("@container border-b border-border/60 pb-4", n),
+		className: U("@container border-b border-border/60 pb-4", n),
 		"aria-label": "Record highlights",
 		children: /* @__PURE__ */ Z("div", {
-			className: H("flex flex-wrap gap-x-8 gap-y-3"),
+			className: U("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,
@@ -907,7 +909,7 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 					...o?.currency && { currency: o.currency },
 					...o?.precision !== void 0 && { precision: o.precision },
 					...o?.format && { format: o.format }
-				}, l = ot(ct(c) || s || "text");
+				}, l = lt(dt(c) || s || "text"), u = s === "number" || s === "integer" || s === "currency" || s === "percent" || s === "decimal";
 				return /* @__PURE__ */ Q("div", {
 					className: "flex min-w-[8rem] max-w-[16rem] basis-[10rem] flex-col gap-0.5",
 					children: [/* @__PURE__ */ Q("span", {
@@ -917,7 +919,7 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 							children: e.icon
 						}), a(r || "", e.name, e.label)]
 					}), /* @__PURE__ */ Z("span", {
-						className: "block min-w-0 truncate text-sm font-semibold",
+						className: U("block min-w-0 truncate", u ? "text-xl md:text-2xl font-semibold leading-tight tabular-nums tracking-tight" : "text-sm font-semibold"),
 						children: /* @__PURE__ */ Z(l, {
 							value: n,
 							field: c
@@ -930,7 +932,7 @@ var Ct = ({ title: e, type: t, api: r, data: f, schema: p, columns: m, className
 };
 //#endregion
 //#region src/RecordComments.tsx
-function Et(e) {
+function jt(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";
@@ -943,7 +945,7 @@ function Et(e) {
 		return e;
 	}
 }
-var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, className: a }) => {
+var Mt = ({ 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)) {
@@ -961,11 +963,11 @@ var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 		return e.text.toLowerCase().includes(t) || e.author.toLowerCase().includes(t);
 	}) : e].sort((e, t) => e.pinned && !t.pinned ? -1 : !e.pinned && t.pinned ? 1 : 0), [e, d]);
 	return /* @__PURE__ */ Q(_, {
-		className: H("", a),
+		className: U("", a),
 		children: [/* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Q(b, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ Z(Ae, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Z(Ne, { className: "h-4 w-4" }),
 				o("detail.comments"),
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
@@ -984,7 +986,7 @@ var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 					children: /* @__PURE__ */ Q("div", {
 						className: "relative flex-1",
 						children: [
-							/* @__PURE__ */ Z(Ve, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+							/* @__PURE__ */ Z(We, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
 							/* @__PURE__ */ Z("input", {
 								className: "w-full rounded-md border border-input bg-background pl-8 pr-8 py-1.5 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
 								placeholder: o("detail.searchComments"),
@@ -997,7 +999,7 @@ var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 								onClick: () => f(""),
 								"aria-label": o("detail.clearSearch"),
 								type: "button",
-								children: /* @__PURE__ */ Z(qe, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ Z(Xe, { className: "h-3.5 w-3.5" })
 							})
 						]
 					})
@@ -1017,7 +1019,7 @@ var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 						onClick: p,
 						disabled: !s.trim() || l,
 						className: "shrink-0 self-end",
-						children: /* @__PURE__ */ Z(He, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ Z(Ge, { className: "h-4 w-4" })
 					})]
 				}),
 				h.length === 0 ? /* @__PURE__ */ Z("p", {
@@ -1026,7 +1028,7 @@ var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 				}) : /* @__PURE__ */ Z("div", {
 					className: "space-y-3",
 					children: h.map((e) => /* @__PURE__ */ Q("div", {
-						className: H("flex gap-3", e.pinned && "bg-muted/40 rounded-md p-2 -mx-2"),
+						className: U("flex gap-3", e.pinned && "bg-muted/40 rounded-md p-2 -mx-2"),
 						children: [/* @__PURE__ */ Z("div", {
 							className: "shrink-0",
 							children: e.avatarUrl ? /* @__PURE__ */ Z("img", {
@@ -1049,11 +1051,11 @@ var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 										}),
 										/* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground",
-											children: Et(e.createdAt)
+											children: jt(e.createdAt)
 										}),
 										e.pinned && /* @__PURE__ */ Q("span", {
 											className: "text-xs text-amber-600 flex items-center gap-0.5",
-											children: [/* @__PURE__ */ Z(Ie, { className: "h-3 w-3" }), o("detail.pinned")]
+											children: [/* @__PURE__ */ Z(ze, { className: "h-3 w-3" }), o("detail.pinned")]
 										})
 									]
 								}),
@@ -1066,7 +1068,7 @@ var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 									className: "mt-1 text-xs text-muted-foreground hover:text-foreground flex items-center gap-1",
 									onClick: () => r(e.id),
 									"aria-label": e.pinned ? o("detail.unpin") : o("detail.pin"),
-									children: [/* @__PURE__ */ Z(Ie, { className: "h-3 w-3" }), e.pinned ? o("detail.unpin") : o("detail.pin")]
+									children: [/* @__PURE__ */ Z(ze, { className: "h-3 w-3" }), e.pinned ? o("detail.unpin") : o("detail.pin")]
 								})
 							]
 						})]
@@ -1075,20 +1077,20 @@ var Dt = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: i = !1, cl
 			]
 		})]
 	});
-}, Ot = {
-	field_change: J,
-	create: Re,
-	delete: Ge,
-	comment: Ae,
-	status_change: re
-}, kt = {
+}, Nt = {
+	field_change: Y,
+	create: Ve,
+	delete: Je,
+	comment: Ne,
+	status_change: ae
+}, Pt = {
 	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 At(e) {
+function Ft(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";
@@ -1101,24 +1103,24 @@ function At(e) {
 		return e;
 	}
 }
-function jt(e) {
+function It(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 Mt = {
+var Lt = {
 	all: "All",
 	field_change: "Field Changes",
 	create: "Creates",
 	delete: "Deletes",
 	comment: "Comments",
 	status_change: "Status Changes"
-}, Nt = ({ activities: e, filterable: t = !1, defaultFilter: r = "all", className: i }) => {
+}, Rt = ({ 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: H("", i),
+		className: U("", i),
 		children: [/* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Q(b, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ Z(U, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Z(W, { className: "h-4 w-4" }),
 				"Activity",
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
@@ -1133,26 +1135,26 @@ var Mt = {
 			className: "flex flex-wrap gap-1.5 mb-4",
 			role: "group",
 			"aria-label": "Activity type filter",
-			children: Object.keys(Mt).map((e) => /* @__PURE__ */ Q("button", {
+			children: Object.keys(Lt).map((e) => /* @__PURE__ */ Q("button", {
 				type: "button",
-				className: H("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors", a === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
+				className: U("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(Ot[e] || J, { className: "h-3 w-3" }), Mt[e]]
+				children: [e !== "all" && n.createElement(Nt[e] || Y, { className: "h-3 w-3" }), Lt[e]]
 			}, e))
-		}), s.length === 0 ? /* @__PURE__ */ Z("p", {
-			className: "text-sm text-muted-foreground text-center py-4",
-			children: "No activity recorded"
+		}), s.length === 0 ? /* @__PURE__ */ Z(w, {
+			title: "No activity recorded",
+			className: "py-6"
 		}) : /* @__PURE__ */ Q("div", {
 			className: "relative",
 			children: [/* @__PURE__ */ Z("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Z("div", {
 				className: "space-y-4",
 				children: s.map((e) => {
-					let t = Ot[e.type] || J;
+					let t = Nt[e.type] || Y;
 					return /* @__PURE__ */ Q("div", {
 						className: "flex gap-3 relative",
 						children: [/* @__PURE__ */ Z("div", {
-							className: H("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", kt[e.type] || "bg-gray-100 text-gray-600"),
+							className: U("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", Pt[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",
@@ -1166,12 +1168,12 @@ var Mt = {
 									" ",
 									/* @__PURE__ */ Z("span", {
 										className: "text-muted-foreground",
-										children: jt(e)
+										children: It(e)
 									})
 								]
 							}), /* @__PURE__ */ Z("p", {
 								className: "text-xs text-muted-foreground mt-0.5",
-								children: At(e.timestamp)
+								children: Ft(e.timestamp)
 							})]
 						})]
 					}, e.id);
@@ -1179,7 +1181,7 @@ var Mt = {
 			})]
 		})] })]
 	});
-}, Pt = {
+}, zt = {
 	create: "default",
 	update: "secondary",
 	delete: "destructive",
@@ -1191,12 +1193,12 @@ var Mt = {
 	export: "outline",
 	import: "outline"
 };
-function Ft(e) {
+function Bt(e) {
 	if (!e) return "";
 	let t = e instanceof Date ? e : new Date(e);
 	return Number.isNaN(t.getTime()) ? String(e) : t.toLocaleString();
 }
-var It = [
+var Vt = [
 	[60, "second"],
 	[60, "minute"],
 	[24, "hour"],
@@ -1205,27 +1207,27 @@ var It = [
 	[12, "month"],
 	[Infinity, "year"]
 ];
-function Lt(e, t) {
+function Ht(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 It) {
+	for (let [n, i] of Vt) {
 		if (Math.abs(r) < n) try {
 			return new Intl.RelativeTimeFormat(t, { numeric: "auto" }).format(Math.round(r), i);
 		} catch {
-			return Ft(e);
+			return Bt(e);
 		}
 		r /= n;
 	}
-	return Ft(e);
+	return Bt(e);
 }
-function Rt(e) {
+function Ut(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 zt(e) {
+function Wt(e) {
 	if (e == null || e === "") return "—";
 	if (typeof e == "string") return e;
 	if (typeof e == "number" || typeof e == "boolean") return String(e);
@@ -1235,25 +1237,25 @@ function zt(e) {
 		return String(e);
 	}
 }
-function Bt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
+function Gt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 	return t ? /* @__PURE__ */ Z("div", {
-		className: H("space-y-3", r),
+		className: U("space-y-3", r),
 		children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ Q("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ Z(P, { className: "h-8 w-8 rounded-full" }), /* @__PURE__ */ Q("div", {
+			children: [/* @__PURE__ */ Z(F, { className: "h-8 w-8 rounded-full" }), /* @__PURE__ */ Q("div", {
 				className: "flex-1 space-y-2",
-				children: [/* @__PURE__ */ Z(P, { className: "h-4 w-1/3" }), /* @__PURE__ */ Z(P, { className: "h-3 w-1/2" })]
+				children: [/* @__PURE__ */ Z(F, { className: "h-4 w-1/3" }), /* @__PURE__ */ Z(F, { className: "h-3 w-1/2" })]
 			})]
 		}, t))
 	}) : !e || e.length === 0 ? /* @__PURE__ */ Z("div", {
-		className: H("flex items-center justify-center rounded-md border border-dashed py-10 text-sm text-muted-foreground", r),
+		className: U("flex items-center justify-center rounded-md border border-dashed py-10 text-sm text-muted-foreground", r),
 		children: n ?? "No history yet"
-	}) : /* @__PURE__ */ Z(B, {
+	}) : /* @__PURE__ */ Z(te, {
 		delayDuration: 150,
 		children: /* @__PURE__ */ Z("ol", {
-			className: H("space-y-4", r),
+			className: U("space-y-4", r),
 			children: e.map((e, t) => {
-				let n = (e.action ?? "").toLowerCase(), r = Pt[n] ?? "outline", a = typeof e.user_name == "string" && e.user_name.trim() || "Unknown user", o = Ft(e.created_at), s = Lt(e.created_at, i), c = typeof e.user_avatar == "string" ? e.user_avatar : void 0;
+				let n = (e.action ?? "").toLowerCase(), r = zt[n] ?? "outline", a = typeof e.user_name == "string" && e.user_name.trim() || "Unknown user", o = Bt(e.created_at), s = Ht(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, {
@@ -1263,7 +1265,7 @@ function Bt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 							alt: a
 						}) : null, /* @__PURE__ */ Z(p, {
 							className: "text-[10px] font-medium",
-							children: Rt(e.user_name)
+							children: Ut(e.user_name)
 						})]
 					}), /* @__PURE__ */ Q("div", {
 						className: "min-w-0 flex-1",
@@ -1280,14 +1282,14 @@ function Bt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 										className: "text-[10px] uppercase tracking-wide",
 										children: e.action
 									}),
-									o && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+									o && /* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 										asChild: !0,
 										children: /* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground cursor-help",
 											"aria-label": o,
 											children: s || o
 										})
-									}), /* @__PURE__ */ Z(z, { children: o })] })
+									}), /* @__PURE__ */ Z(B, { children: o })] })
 								]
 							}),
 							e.summary && /* @__PURE__ */ Z("p", {
@@ -1314,7 +1316,7 @@ function Bt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 											": ",
 											/* @__PURE__ */ Z("span", {
 												className: "text-foreground",
-												children: zt(e.to)
+												children: Wt(e.to)
 											})
 										]
 									}, e.field))
@@ -1331,12 +1333,12 @@ function Bt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 										": ",
 										/* @__PURE__ */ Z("span", {
 											className: "line-through opacity-70",
-											children: zt(e.from)
+											children: Wt(e.from)
 										}),
 										" → ",
 										/* @__PURE__ */ Z("span", {
 											className: "text-foreground",
-											children: zt(e.to)
+											children: Wt(e.to)
 										})
 									]
 								}, e.field))
@@ -1350,13 +1352,13 @@ function Bt({ entries: e, loading: t, emptyText: n, className: r, locale: i }) {
 }
 //#endregion
 //#region src/RecordMetaFooter.tsx
-var Vt = {
+var Kt = {
 	createdAt: "created_at",
 	createdBy: "created_by",
 	updatedAt: "updated_at",
 	updatedBy: "updated_by"
 };
-function Ht(e) {
+function qt(e) {
 	if (!e) return null;
 	if (e instanceof Date) return isNaN(e.getTime()) ? null : e;
 	if (typeof e == "string" || typeof e == "number") {
@@ -1365,7 +1367,7 @@ function Ht(e) {
 	}
 	return null;
 }
-function Ut(e, t) {
+function Jt(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);
@@ -1373,7 +1375,7 @@ function Ut(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 Wt(e) {
+function Yt(e) {
 	try {
 		return new Intl.DateTimeFormat(void 0, {
 			dateStyle: "medium",
@@ -1383,16 +1385,16 @@ function Wt(e) {
 		return e.toISOString();
 	}
 }
-var Gt = ({ value: e, objectSchema: t, fieldName: n }) => {
+var Xt = ({ 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 = ct(a) || a.type;
+	}, o = dt(a) || a.type;
 	if (o) {
-		let t = ot(o);
+		let t = lt(o);
 		if (t) return /* @__PURE__ */ Z("span", {
 			className: "inline-flex items-center [&_a]:text-inherit [&_a]:hover:underline",
 			children: /* @__PURE__ */ Z(t, {
@@ -1402,20 +1404,20 @@ var Gt = ({ value: e, objectSchema: t, fieldName: n }) => {
 		});
 	}
 	return /* @__PURE__ */ Z("span", { children: String(e) });
-}, Kt = ({ 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(B, {
+	let o = n ? /* @__PURE__ */ Z(te, {
 		delayDuration: 200,
-		children: /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+		children: /* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 			asChild: !0,
 			children: /* @__PURE__ */ Z("time", {
 				dateTime: n.toISOString(),
 				className: "cursor-default underline decoration-dotted decoration-muted-foreground/40 underline-offset-2",
-				children: Ut(n, a)
+				children: Jt(n, a)
 			})
-		}), /* @__PURE__ */ Z(z, {
+		}), /* @__PURE__ */ Z(B, {
 			side: "top",
-			children: Wt(n)
+			children: Yt(n)
 		})] })
 	}) : null;
 	return /* @__PURE__ */ Q("span", {
@@ -1425,7 +1427,7 @@ var Gt = ({ value: e, objectSchema: t, fieldName: n }) => {
 				className: "text-muted-foreground/70",
 				children: e
 			}),
-			t ? /* @__PURE__ */ Z(Gt, {
+			t ? /* @__PURE__ */ Z(Xt, {
 				value: t,
 				objectSchema: r,
 				fieldName: i
@@ -1437,31 +1439,31 @@ var Gt = ({ value: e, objectSchema: t, fieldName: n }) => {
 			o
 		]
 	});
-}, qt = ({ data: e, objectSchema: t, objectName: n, className: r }) => {
+}, Qt = ({ data: e, objectSchema: t, objectName: n, className: r }) => {
 	let { t: i } = $();
 	if (!e) return null;
-	let a = Ht(e[Vt.createdAt]), o = Ht(e[Vt.updatedAt]), s = e[Vt.createdBy], c = e[Vt.updatedBy], l = !!(a || s), u = a && o && Math.abs(o.getTime() - a.getTime()) < 2e3, d = !!(o || c) && !(u && (s != null && c != null && String(s) === String(c) || !c));
+	let a = qt(e[Kt.createdAt]), o = qt(e[Kt.updatedAt]), s = e[Kt.createdBy], c = e[Kt.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: H("mt-6 pt-3 border-t border-border/40", "flex flex-wrap items-center gap-x-4 gap-y-1", "text-xs text-muted-foreground", r),
+		className: U("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(Kt, {
+		children: [l && /* @__PURE__ */ Z(Zt, {
 			label: i("detail.createdBy"),
 			user: s,
 			date: a,
 			objectSchema: t,
-			userField: Vt.createdBy,
+			userField: Kt.createdBy,
 			t: i
-		}), d && /* @__PURE__ */ Z(Kt, {
+		}), d && /* @__PURE__ */ Z(Zt, {
 			label: i("detail.updatedBy"),
 			user: c,
 			date: o,
 			objectSchema: t,
-			userField: Vt.updatedBy,
+			userField: Kt.updatedBy,
 			t: i
 		})]
 	});
-}, Jt = 5;
-function Yt(e, t, n, r) {
+}, $t = 5;
+function en(e, t, n, r) {
 	if (e && typeof e == "object") {
 		if (t.primaryField) {
 			let n = e[t.primaryField];
@@ -1508,10 +1510,10 @@ function Yt(e, t, n, r) {
 	}
 	return r;
 }
-var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBack: s, inlineEdit: c = !1, onFieldSave: l, discussionSlot: u, rightRail: d, objectLabel: f, onDataLoaded: p, isFavorite: m, onToggleFavorite: _ }) => {
-	let [v, y] = n.useState(e.data), [b, x] = n.useState(!e.data && !!(e.api && e.resourceId || r && e.objectName && e.resourceId)), [S, C] = n.useState(!1), w = m ?? S, [T, E] = n.useState(!1), [D, O] = n.useState({}), [k, A] = n.useState(!1), [j, M] = n.useState(null), [N, U] = n.useState(null), [W, re] = n.useState(!1), [ie, G] = n.useState(0), [ae, oe] = n.useState(!1), { t: K } = $(), { fieldOptionLabel: se } = rt(), le = te(), ue = dt(), q = n.useMemo(() => {
-		if (!ue?.isLoaded || !e.objectName) return e;
-		let t = (t) => ue.checkField(e.objectName, t, "read"), n = (e) => e && e.filter((e) => {
+var tn = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBack: s, inlineEdit: c = !1, onFieldSave: l, discussionSlot: u, rightRail: d, objectLabel: f, onDataLoaded: p, isFavorite: m, onToggleFavorite: _ }) => {
+	let [v, y] = n.useState(e.data), [b, x] = n.useState(!e.data && !!(e.api && e.resourceId || r && e.objectName && e.resourceId)), [S, C] = n.useState(!1), w = m ?? S, [T, E] = n.useState(!1), [D, O] = n.useState({}), [k, A] = n.useState(!1), [j, M] = n.useState(null), [N, P] = n.useState(null), [H, W] = n.useState(!1), [re, ie] = n.useState(0), [ae, oe] = n.useState(!1), { t: K } = $(), { fieldOptionLabel: se } = ot(), ce = ne(), le = mt(), q = n.useMemo(() => {
+		if (!le?.isLoaded || !e.objectName) return e;
+		let t = (t) => le.checkField(e.objectName, t, "read"), n = (e) => e && e.filter((e) => {
 			let n = typeof e == "string" ? e : e?.name;
 			return !n || t(n);
 		});
@@ -1524,11 +1526,11 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			})),
 			summaryFields: n(e.summaryFields)
 		};
-	}, [e, ue]);
+	}, [e, le]);
 	n.useEffect(() => {
 		v && p && p(v);
 	}, [v, p]);
-	let pe = n.useMemo(() => {
+	let de = n.useMemo(() => {
 		if (q.summaryFields && q.summaryFields.length > 0) return [];
 		let e = [...q.sections?.flatMap((e) => e.fields) || [], ...q.fields || []], t = {};
 		for (let n of e) t[n.name] || (t[n.name] = n);
@@ -1554,24 +1556,24 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		q.fields,
 		N,
 		v
-	]), me = q.summaryFields && q.summaryFields.length > 0 ? q.summaryFields : pe, he = n.useCallback(() => {
+	]), fe = q.summaryFields && q.summaryFields.length > 0 ? q.summaryFields : de, he = n.useCallback(() => {
 		q.resourceId && navigator.clipboard.writeText(String(q.resourceId)).then(() => {
-			re(!0), setTimeout(() => re(!1), 1500);
+			W(!0), setTimeout(() => W(!1), 1500);
 		});
 	}, [q.resourceId]);
 	n.useEffect(() => {
 		let e = !0;
 		if (q.data) return y(q.data), x(!1), r?.getObjectSchema && q.objectName && r.getObjectSchema(q.objectName).then((t) => {
-			e && U(t);
+			e && P(t);
 		}).catch(() => {}), () => {
 			e = !1;
 		};
 		if (r && q.objectName && q.resourceId) {
-			x(!0), U(null), y(null);
+			x(!0), P(null), y(null);
 			let n = q.objectName, i = q.resourceId, a = `${n}-`, o = [...q.sections?.flatMap((e) => e.fields) || [], ...q.fields || []];
 			(r.getObjectSchema ? r.getObjectSchema(n).catch(() => null) : Promise.resolve(null)).then((s) => {
 				if (!e) return;
-				U(s);
+				P(s);
 				let c = t(s?.fields, o), l = c.length > 0 ? { $expand: c } : void 0, u = l ? r.findOne(n, i, l) : r.findOne(n, i), d = () => {
 					let t = String(i), o = t.startsWith(a) ? t.slice(a.length) : `${a}${t}`;
 					return (l ? r.findOne(n, o, l) : r.findOne(n, o)).then((t) => {
@@ -1609,17 +1611,17 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		r,
 		q.sections,
 		q.fields,
-		ie
+		re
 	]);
-	let _e = n.useCallback(() => {
+	let ge = n.useCallback(() => {
 		if (s) s();
 		else if (q.onNavigate) {
 			let e = q.backUrl || (q.objectName ? `/${q.objectName}` : "/");
 			q.onNavigate(e, { replace: !0 });
 		} else q.backUrl ? window.location.href = q.backUrl : window.history.back();
-	}, [s, q]), ve = n.useCallback(() => {
+	}, [s, q]), J = n.useCallback(() => {
 		a ? a() : q.onNavigate && q.editUrl ? q.onNavigate(q.editUrl) : q.onNavigate && q.objectName && q.resourceId ? q.onNavigate(`/${q.objectName}/${q.resourceId}/edit`) : q.editUrl && (window.location.href = q.editUrl);
-	}, [a, q]), ye = n.useCallback(async () => {
+	}, [a, q]), _e = n.useCallback(async () => {
 		if (!r?.cancelPendingApproval || !q.objectName || !q.resourceId) {
 			M(K("detail.cancelApprovalUnavailable"));
 			return;
@@ -1630,7 +1632,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				let e = await r.findOne(String(q.objectName), String(q.resourceId));
 				e && y(e);
 			} catch {}
-			G((e) => e + 1);
+			ie((e) => e + 1);
 			try {
 				window.dispatchEvent(new CustomEvent("objectui:record-changed", { detail: {
 					objectName: String(q.objectName),
@@ -1649,10 +1651,10 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		q.objectName,
 		q.resourceId,
 		K
-	]), be = n.useCallback(() => {
+	]), ye = n.useCallback(() => {
 		let e = q.deleteConfirmation || K("detail.deleteConfirmation");
 		window.confirm(e) && (o?.(), q.onNavigate && q.objectName && q.onNavigate(`/${q.objectName}`, { replace: !0 }));
-	}, [o, q]), Y = n.useCallback(() => {
+	}, [o, q]), X = n.useCallback(() => {
 		navigator.share && q.objectName && q.resourceId ? navigator.share({
 			title: q.title || K("detail.details"),
 			text: `${q.objectName} #${q.resourceId}`,
@@ -1660,14 +1662,14 @@ var Xt = ({ 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");
 		});
-	}, [q]), xe = n.useCallback(() => {
+	}, [q]), be = n.useCallback(() => {
 		let e = !w;
 		_ && _(e), m === void 0 && C(e);
 	}, [
 		w,
 		m,
 		_
-	]), Se = n.useCallback(async () => {
+	]), xe = n.useCallback(async () => {
 		if (T) {
 			let e = Object.entries(D);
 			if (e.length > 0) {
@@ -1694,9 +1696,9 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		D,
 		v,
 		l
-	]), Ce = n.useCallback(() => {
+	]), Se = n.useCallback(() => {
 		O({}), E(!1), M(null);
-	}, []), X = n.useCallback((e, t) => {
+	}, []), Ce = n.useCallback((e, t) => {
 		O((n) => ({
 			...n,
 			[e]: t
@@ -1709,7 +1711,20 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			n === "INPUT" || n === "TEXTAREA" || t.target?.isContentEditable || (t.key === "ArrowLeft" && e.currentIndex > 0 ? (t.preventDefault(), e.onNavigate(e.recordIds[e.currentIndex - 1])) : t.key === "ArrowRight" && e.currentIndex < e.recordIds.length - 1 && (t.preventDefault(), e.onNavigate(e.recordIds[e.currentIndex + 1])));
 		};
 		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-	}, [q.recordNavigation]);
+	}, [q.recordNavigation]), n.useEffect(() => {
+		if (!c || q.showHeader !== !1) return;
+		let e = "objectui:record:inline-edit-toggle", t = (e) => {
+			let t = e.detail;
+			t?.recordId && q.recordId && t.recordId !== q.recordId || t?.objectName && q.objectName && t.objectName !== q.objectName || xe();
+		};
+		return window.addEventListener(e, t), () => window.removeEventListener(e, t);
+	}, [
+		c,
+		q.showHeader,
+		q.recordId,
+		q.objectName,
+		xe
+	]);
 	let we = n.useMemo(() => q.related ?? [], [q.related]), Te = n.useMemo(() => {
 		let e = [];
 		return e.push({
@@ -1717,21 +1732,21 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			label: K("detail.share"),
 			icon: "share-2",
 			type: "script",
-			onClick: Y
+			onClick: X
 		}), q.showEdit && e.push({
 			name: "sys_edit_mobile",
 			label: K("detail.edit"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
-			onClick: ve
+			onClick: J
 		}), c && e.push({
 			name: "sys_toggle_inline_edit_mobile",
 			label: K(T ? "detail.save" : "detail.editInline"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
-			onClick: Se
+			onClick: xe
 		}), q.showDelete && e.push({
 			name: "sys_delete",
 			label: K("detail.delete"),
@@ -1739,7 +1754,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			type: "script",
 			variant: "destructive",
 			tags: ["separator-before"],
-			onClick: be
+			onClick: ye
 		}), e;
 	}, [
 		K,
@@ -1747,10 +1762,10 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		q.showDelete,
 		c,
 		T,
-		Y,
-		ve,
-		Se,
-		be
+		X,
+		J,
+		xe,
+		ye
 	]), Ee = n.useMemo(() => {
 		let e = q.actions ?? [];
 		if (Te.length === 0) return e;
@@ -1773,14 +1788,14 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		}), n;
 	}, [q.actions, Te]);
 	return b || q.loading ? /* @__PURE__ */ Q("div", {
-		className: H("space-y-4", i),
+		className: U("space-y-4", i),
 		children: [
-			/* @__PURE__ */ Z(P, { className: "h-10 w-full" }),
-			/* @__PURE__ */ Z(P, { className: "h-64 w-full" }),
-			/* @__PURE__ */ Z(P, { className: "h-48 w-full" })
+			/* @__PURE__ */ Z(F, { className: "h-10 w-full" }),
+			/* @__PURE__ */ Z(F, { className: "h-64 w-full" }),
+			/* @__PURE__ */ Z(F, { className: "h-48 w-full" })
 		]
 	}) : !v && !q.data ? /* @__PURE__ */ Q("div", {
-		className: H("flex flex-col items-center justify-center py-16 text-center", i),
+		className: U("flex flex-col items-center justify-center py-16 text-center", i),
 		children: [
 			/* @__PURE__ */ Z("p", {
 				className: "text-lg font-semibold",
@@ -1793,37 +1808,37 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			(q.showBack ?? !0) && /* @__PURE__ */ Q(g, {
 				variant: "outline",
 				size: "sm",
-				onClick: _e,
+				onClick: ge,
 				className: "mt-4 gap-2",
-				children: [/* @__PURE__ */ Z(ne, { className: "h-4 w-4" }), K("detail.goBack")]
+				children: [/* @__PURE__ */ Z(G, { className: "h-4 w-4" }), K("detail.goBack")]
 			})
 		]
-	}) : /* @__PURE__ */ Z(B, { children: /* @__PURE__ */ Q("div", {
-		className: H("space-y-6", i),
+	}) : /* @__PURE__ */ Z(te, { children: /* @__PURE__ */ Q("div", {
+		className: U("space-y-6", i),
 		children: [
 			q.showHeader !== !1 && /* @__PURE__ */ Q("div", {
 				className: "flex flex-col sm:flex-row items-start justify-between gap-3 sm:gap-4 pb-4 border-b",
 				children: [/* @__PURE__ */ Q("div", {
 					className: "flex items-start gap-2 sm:gap-3 flex-1 min-w-0",
-					children: [(q.showBack ?? !0) && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+					children: [(q.showBack ?? !0) && /* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 						asChild: !0,
 						children: /* @__PURE__ */ Z(g, {
 							variant: "ghost",
 							size: "icon",
-							onClick: _e,
+							onClick: ge,
 							className: "shrink-0 mt-1",
-							children: /* @__PURE__ */ Z(ne, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ Z(G, { className: "h-4 w-4" })
 						})
-					}), /* @__PURE__ */ Z(z, { children: K("detail.back") })] }), /* @__PURE__ */ Q("div", {
+					}), /* @__PURE__ */ Z(B, { children: K("detail.back") })] }), /* @__PURE__ */ Q("div", {
 						className: "flex-1 min-w-0",
 						children: [/* @__PURE__ */ Q("div", {
 							className: "flex items-center gap-2 flex-wrap",
 							children: [
 								/* @__PURE__ */ Z("h1", {
 									className: "text-xl sm:text-2xl font-bold truncate",
-									children: Yt(v, q, N, K("detail.details"))
+									children: en(v, q, N, K("detail.details"))
 								}),
-								me.map((e) => {
+								fe.map((e) => {
 									let t = v?.[e];
 									if (t == null || t === "") return null;
 									let n = (q.sections || []).flatMap((e) => e.fields).concat(q.fields || []).find((t) => t.name === e), r = N?.fields?.[e], i = n?.type || r?.type, a = String(t), o = null;
@@ -1879,24 +1894,24 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 										}), a]
 									}, e);
 								}),
-								/* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+								/* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 									asChild: !0,
 									children: /* @__PURE__ */ Z(g, {
 										variant: "ghost",
 										size: "icon",
 										className: "h-6 w-6 shrink-0",
-										onClick: xe,
+										onClick: be,
 										"aria-label": K(w ? "detail.removeFromFavorites" : "detail.addToFavorites"),
-										children: w ? /* @__PURE__ */ Z(We, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Z(We, { className: "h-4 w-4 text-muted-foreground" })
+										children: w ? /* @__PURE__ */ Z(qe, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Z(qe, { className: "h-4 w-4 text-muted-foreground" })
 									})
-								}), /* @__PURE__ */ Z(z, { children: K(w ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
+								}), /* @__PURE__ */ Z(B, { children: K(w ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
 							]
 						}), q.objectName && /* @__PURE__ */ Q("p", {
 							className: "text-sm text-muted-foreground mt-1 flex items-center gap-1",
 							children: [/* @__PURE__ */ Z("span", {
 								className: "font-medium",
 								children: f || q.objectName
-							}), q.resourceId && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+							}), q.resourceId && /* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 								asChild: !0,
 								children: /* @__PURE__ */ Z(g, {
 									variant: "ghost",
@@ -1904,9 +1919,9 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 									className: "h-5 w-5 shrink-0 text-muted-foreground/60 hover:text-foreground",
 									onClick: he,
 									"aria-label": K("detail.copyRecordId", { defaultValue: "Copy record ID" }),
-									children: W ? /* @__PURE__ */ Z(ce, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(ge, { className: "h-3 w-3" })
+									children: H ? /* @__PURE__ */ Z(ue, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(ve, { className: "h-3 w-3" })
 								})
-							}), /* @__PURE__ */ Z(z, { children: W ? K("detail.copied", { defaultValue: "Copied" }) : K("detail.copyRecordId", { defaultValue: "Copy record ID" }) })] })]
+							}), /* @__PURE__ */ Z(B, { children: H ? K("detail.copied", { defaultValue: "Copied" }) : K("detail.copyRecordId", { defaultValue: "Copy record ID" }) })] })]
 						})]
 					})]
 				}), /* @__PURE__ */ Q("div", {
@@ -1915,7 +1930,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						q.recordNavigation && /* @__PURE__ */ Q("div", {
 							className: "flex items-center gap-1 mr-2",
 							children: [
-								/* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+								/* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 									asChild: !0,
 									children: /* @__PURE__ */ Z(g, {
 										variant: "outline",
@@ -1926,9 +1941,9 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 											let e = q.recordNavigation;
 											e.currentIndex > 0 && e.onNavigate(e.recordIds[e.currentIndex - 1]);
 										},
-										children: /* @__PURE__ */ Z(de, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Z(pe, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ Z(z, { children: K("detail.previousRecord") })] }),
+								}), /* @__PURE__ */ Z(B, { children: K("detail.previousRecord") })] }),
 								/* @__PURE__ */ Z("span", {
 									className: "text-xs text-muted-foreground whitespace-nowrap px-1",
 									children: K("detail.recordOf", {
@@ -1936,7 +1951,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 										total: q.recordNavigation.recordIds.length
 									})
 								}),
-								/* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+								/* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 									asChild: !0,
 									children: /* @__PURE__ */ Z(g, {
 										variant: "outline",
@@ -1947,63 +1962,63 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 											let e = q.recordNavigation;
 											e.currentIndex < e.recordIds.length - 1 && e.onNavigate(e.recordIds[e.currentIndex + 1]);
 										},
-										children: /* @__PURE__ */ Z(fe, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Z(me, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ Z(z, { children: K("detail.nextRecord") })] })
+								}), /* @__PURE__ */ Z(B, { children: K("detail.nextRecord") })] })
 							]
 						}),
-						c && /* @__PURE__ */ Q(lt, { children: [T && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+						c && /* @__PURE__ */ Q(ft, { children: [T && /* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 							asChild: !0,
 							children: /* @__PURE__ */ Q(g, {
 								variant: "ghost",
 								size: "sm",
-								onClick: Ce,
+								onClick: Se,
 								className: "gap-2 hidden sm:inline-flex",
-								children: [/* @__PURE__ */ Z(qe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: [/* @__PURE__ */ Z(Xe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
 									children: K("detail.cancel")
 								})]
 							})
-						}), /* @__PURE__ */ Z(z, { children: K("detail.cancelEdit") })] }), /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+						}), /* @__PURE__ */ Z(B, { children: K("detail.cancelEdit") })] }), /* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 							asChild: !0,
 							children: /* @__PURE__ */ Z(g, {
 								variant: T ? "default" : "outline",
 								size: "sm",
-								onClick: Se,
+								onClick: xe,
 								className: "gap-2 hidden sm:inline-flex",
-								children: T ? /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z(ce, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: T ? /* @__PURE__ */ Q(ft, { children: [/* @__PURE__ */ Z(ue, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
 									children: K("detail.save")
-								})] }) : /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								})] }) : /* @__PURE__ */ Q(ft, { children: [/* @__PURE__ */ Z(Y, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
 									children: K("detail.editInline")
 								})] })
 							})
-						}), /* @__PURE__ */ Z(z, { children: K(T ? "detail.saveChanges" : "detail.editFieldsInline") })] })] }),
-						q.showEdit && /* @__PURE__ */ Q(R, { children: [/* @__PURE__ */ Z(V, {
+						}), /* @__PURE__ */ Z(B, { children: K(T ? "detail.saveChanges" : "detail.editFieldsInline") })] })] }),
+						q.showEdit && /* @__PURE__ */ Q(z, { children: [/* @__PURE__ */ Z(V, {
 							asChild: !0,
 							children: /* @__PURE__ */ Q(g, {
 								variant: "default",
-								onClick: ve,
+								onClick: J,
 								className: "gap-2 hidden sm:inline-flex",
-								children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: [/* @__PURE__ */ Z(Y, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
 									children: K("detail.edit")
 								})]
 							})
-						}), /* @__PURE__ */ Z(z, { children: K("detail.editRecord") })] }),
-						Ee.map((e, t) => /* @__PURE__ */ Z(Xe, {
+						}), /* @__PURE__ */ Z(B, { children: K("detail.editRecord") })] }),
+						Ee.map((e, t) => /* @__PURE__ */ Z($e, {
 							schema: e,
 							data: v
 						}, `header-action-${t}`))
 					]
 				})]
 			}),
-			q.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(Xe, {
+			q.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z($e, {
 				schema: q.header,
 				data: v
 			}) }),
-			q.highlightFields && q.highlightFields.length > 0 && /* @__PURE__ */ Z(Tt, {
+			q.highlightFields && q.highlightFields.length > 0 && /* @__PURE__ */ Z(At, {
 				fields: q.highlightFields,
 				data: v,
 				objectName: q.objectName,
@@ -2011,41 +2026,41 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			}),
 			c && q.showHeader === !1 && (() => {
 				let e = v?.approval_status, t = e === "pending" || e === "in_approval";
-				return /* @__PURE__ */ Q("div", {
+				return !T && !k && !j && !t ? null : /* @__PURE__ */ Q("div", {
 					className: "flex flex-col items-end gap-1",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "flex items-center justify-end gap-2",
 						children: [
-							t && !T && /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Q("span", {
+							t && !T && /* @__PURE__ */ Q(ft, { children: [/* @__PURE__ */ Q("span", {
 								role: "status",
 								className: "inline-flex items-center gap-1 rounded-md border border-amber-300 bg-amber-50 px-2 py-1 text-xs text-amber-800",
 								title: K("detail.lockedTooltip"),
-								children: [/* @__PURE__ */ Z(Oe, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: K("detail.lockedByApproval") })]
+								children: [/* @__PURE__ */ Z(je, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: K("detail.lockedByApproval") })]
 							}), r?.cancelPendingApproval && /* @__PURE__ */ Q(g, {
 								variant: "outline",
 								size: "sm",
-								onClick: ye,
+								onClick: _e,
 								disabled: ae,
 								className: "gap-2 border-amber-300 text-amber-800 hover:bg-amber-50",
 								title: K("detail.cancelApprovalTooltip"),
-								children: [/* @__PURE__ */ Z(qe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K(ae ? "detail.cancelApprovalInFlight" : "detail.cancelApproval") })]
+								children: [/* @__PURE__ */ Z(Xe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K(ae ? "detail.cancelApprovalInFlight" : "detail.cancelApproval") })]
 							})] }),
 							T && /* @__PURE__ */ Q(g, {
 								variant: "ghost",
 								size: "sm",
-								onClick: Ce,
+								onClick: Se,
 								className: "gap-2",
 								disabled: k,
-								children: [/* @__PURE__ */ Z(qe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K("detail.cancel") })]
+								children: [/* @__PURE__ */ Z(Xe, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K("detail.cancel") })]
 							}),
 							/* @__PURE__ */ Q(g, {
 								variant: T ? "default" : "outline",
 								size: "sm",
-								onClick: Se,
+								onClick: xe,
 								className: "gap-2",
 								disabled: k || t && !T,
 								title: t && !T ? K("detail.lockedTooltip") : void 0,
-								children: [Z(T ? ce : J, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K(k ? "detail.saving" : T ? "detail.save" : "detail.editFieldsInline") })]
+								children: [Z(T ? ue : Y, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: K(k ? "detail.saving" : T ? "detail.save" : "detail.editFieldsInline") })]
 							})
 						]
 					}), j && /* @__PURE__ */ Z("div", {
@@ -2059,7 +2074,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				let e = we.length > 0, t = !!q.activities && q.activities.length > 0, n = !!u, i = !!q.history, a = /* @__PURE__ */ Q("div", {
 					className: "space-y-3 sm:space-y-4",
 					children: [
-						q.sectionGroups && q.sectionGroups.length > 0 && q.sectionGroups.map((e, t) => /* @__PURE__ */ Z(wt, {
+						q.sectionGroups && q.sectionGroups.length > 0 && q.sectionGroups.map((e, t) => /* @__PURE__ */ Z(kt, {
 							group: e,
 							data: {
 								...v,
@@ -2068,9 +2083,9 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							objectSchema: N,
 							objectName: q.objectName,
 							isEditing: T,
-							onFieldChange: X
+							onFieldChange: Ce
 						}, t)),
-						q.sections && q.sections.length > 0 && q.sections.map((e, t) => /* @__PURE__ */ Z(bt, {
+						q.sections && q.sections.length > 0 && q.sections.map((e, t) => /* @__PURE__ */ Z(Tt, {
 							section: e,
 							data: {
 								...v,
@@ -2079,9 +2094,9 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							objectSchema: N,
 							objectName: q.objectName,
 							isEditing: T,
-							onFieldChange: X
+							onFieldChange: Ce
 						}, t)),
-						q.fields && q.fields.length > 0 && !q.sections?.length && /* @__PURE__ */ Z(bt, {
+						q.fields && q.fields.length > 0 && !q.sections?.length && /* @__PURE__ */ Z(Tt, {
 							section: {
 								fields: q.fields,
 								columns: q.columns
@@ -2093,9 +2108,9 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							objectSchema: N,
 							objectName: q.objectName,
 							isEditing: T,
-							onFieldChange: X
+							onFieldChange: Ce
 						}),
-						q.comments && /* @__PURE__ */ Z(Dt, {
+						q.comments && /* @__PURE__ */ Z(Mt, {
 							comments: q.comments,
 							onAddComment: q.onAddComment
 						})
@@ -2104,19 +2119,19 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				return !e && !t && !n && !i ? /* @__PURE__ */ Z("div", {
 					className: "mt-2",
 					children: a
-				}) : /* @__PURE__ */ Q(ee, {
+				}) : /* @__PURE__ */ Q(I, {
 					defaultValue: "details",
 					className: "w-full",
 					children: [
-						/* @__PURE__ */ Q(I, {
+						/* @__PURE__ */ Q(ee, {
 							className: "w-full justify-start border-b rounded-none bg-transparent p-0",
 							children: [
-								/* @__PURE__ */ Z(L, {
+								/* @__PURE__ */ Z(R, {
 									value: "details",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: K("detail.details")
 								}),
-								e && /* @__PURE__ */ Z(L, {
+								e && /* @__PURE__ */ Z(R, {
 									value: "related",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: /* @__PURE__ */ Q("span", {
@@ -2128,7 +2143,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 										})]
 									})
 								}),
-								t && /* @__PURE__ */ Z(L, {
+								t && /* @__PURE__ */ Z(R, {
 									value: "activity",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: /* @__PURE__ */ Q("span", {
@@ -2140,12 +2155,12 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 										})]
 									})
 								}),
-								n && /* @__PURE__ */ Z(L, {
+								n && /* @__PURE__ */ Z(R, {
 									value: "discussion",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: K("detail.discussion", { defaultValue: "Discussion" })
 								}),
-								i && /* @__PURE__ */ Z(L, {
+								i && /* @__PURE__ */ Z(R, {
 									value: "history",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: /* @__PURE__ */ Q("span", {
@@ -2159,17 +2174,17 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 								})
 							]
 						}),
-						/* @__PURE__ */ Z(F, {
+						/* @__PURE__ */ Z(L, {
 							value: "details",
 							className: "mt-4",
 							children: a
 						}),
-						e && /* @__PURE__ */ Z(F, {
+						e && /* @__PURE__ */ Z(L, {
 							value: "related",
 							className: "mt-4",
 							children: /* @__PURE__ */ Z("div", {
 								className: "space-y-3",
-								children: we.map((e, t) => /* @__PURE__ */ Z(Ct, {
+								children: we.map((e, t) => /* @__PURE__ */ Z(Ot, {
 									title: e.title,
 									type: e.type,
 									api: e.api,
@@ -2185,25 +2200,25 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 									onRowEdit: e.onRowEdit,
 									onRowDelete: e.onRowDelete,
 									collapsible: !0,
-									defaultCollapsed: le && t > 0,
-									pageSize: Jt
+									defaultCollapsed: ce && t > 0,
+									pageSize: $t
 								}, t))
 							})
 						}),
-						t && /* @__PURE__ */ Z(F, {
+						t && /* @__PURE__ */ Z(L, {
 							value: "activity",
 							className: "mt-4",
-							children: /* @__PURE__ */ Z(Nt, { activities: q.activities })
+							children: /* @__PURE__ */ Z(Rt, { activities: q.activities })
 						}),
-						n && /* @__PURE__ */ Z(F, {
+						n && /* @__PURE__ */ Z(L, {
 							value: "discussion",
 							className: "mt-4",
 							children: u
 						}),
-						i && /* @__PURE__ */ Z(F, {
+						i && /* @__PURE__ */ Z(L, {
 							value: "history",
 							className: "mt-4",
-							children: /* @__PURE__ */ Z(Bt, {
+							children: /* @__PURE__ */ Z(Gt, {
 								entries: q.history.entries,
 								loading: q.history.loading,
 								emptyText: q.history.emptyText ?? K("detail.historyEmpty", { defaultValue: "No history yet" })
@@ -2211,10 +2226,10 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						})
 					]
 				});
-			})() : /* @__PURE__ */ Q(lt, { children: [
+			})() : /* @__PURE__ */ Q(ft, { children: [
 				q.sectionGroups && q.sectionGroups.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: q.sectionGroups.map((e, t) => /* @__PURE__ */ Z(wt, {
+					children: q.sectionGroups.map((e, t) => /* @__PURE__ */ Z(kt, {
 						group: e,
 						data: {
 							...v,
@@ -2223,12 +2238,12 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						objectSchema: N,
 						objectName: q.objectName,
 						isEditing: T,
-						onFieldChange: X
+						onFieldChange: Ce
 					}, t))
 				}),
 				q.sections && q.sections.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: q.sections.map((e, t) => /* @__PURE__ */ Z(bt, {
+					children: q.sections.map((e, t) => /* @__PURE__ */ Z(Tt, {
 						section: e,
 						data: {
 							...v,
@@ -2237,10 +2252,10 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						objectSchema: N,
 						objectName: q.objectName,
 						isEditing: T,
-						onFieldChange: X
+						onFieldChange: Ce
 					}, t))
 				}),
-				q.fields && q.fields.length > 0 && !q.sections?.length && /* @__PURE__ */ Z(bt, {
+				q.fields && q.fields.length > 0 && !q.sections?.length && /* @__PURE__ */ Z(Tt, {
 					section: {
 						fields: q.fields,
 						columns: q.columns
@@ -2252,9 +2267,9 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 					objectSchema: N,
 					objectName: q.objectName,
 					isEditing: T,
-					onFieldChange: X
+					onFieldChange: Ce
 				}),
-				q.tabs && q.tabs.length > 0 && /* @__PURE__ */ Z(xt, {
+				q.tabs && q.tabs.length > 0 && /* @__PURE__ */ Z(Et, {
 					tabs: q.tabs,
 					data: v
 				}),
@@ -2263,7 +2278,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 					children: [/* @__PURE__ */ Z("h2", {
 						className: "text-lg font-semibold",
 						children: K("detail.related")
-					}), we.map((e, t) => /* @__PURE__ */ Z(Ct, {
+					}), we.map((e, t) => /* @__PURE__ */ Z(Ot, {
 						title: e.title,
 						type: e.type,
 						api: e.api,
@@ -2279,17 +2294,17 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						onRowEdit: e.onRowEdit,
 						onRowDelete: e.onRowDelete,
 						collapsible: !0,
-						defaultCollapsed: le && t > 0,
-						pageSize: Jt
+						defaultCollapsed: ce && t > 0,
+						pageSize: $t
 					}, t))]
 				}),
-				q.comments && /* @__PURE__ */ Z(Dt, {
+				q.comments && /* @__PURE__ */ Z(Mt, {
 					comments: q.comments,
 					onAddComment: q.onAddComment
 				}),
-				q.activities && q.activities.length > 0 && /* @__PURE__ */ Z(Nt, { activities: q.activities })
+				q.activities && q.activities.length > 0 && /* @__PURE__ */ Z(Rt, { activities: q.activities })
 			] }),
-			/* @__PURE__ */ Z(qt, {
+			/* @__PURE__ */ Z(Qt, {
 				data: {
 					...v,
 					...D
@@ -2297,13 +2312,137 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				objectSchema: N,
 				objectName: q.objectName
 			}),
-			q.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(Xe, {
+			q.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z($e, {
 				schema: q.footer,
 				data: v
 			}) })
 		]
 	}) });
-}, Zt = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name) || null, Qt = (e) => {
+}, nn = (e) => {
+	if (e == null) return "—";
+	if (typeof e == "string") return e.length > 0 ? e : "\"\"";
+	if (typeof e == "number" || typeof e == "boolean") return String(e);
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return String(e);
+	}
+}, rn = (e) => {
+	if (typeof e != "string" || e.length === 0) return null;
+	let t = /\d{4}-\d{2}-\d{2}[ T]/.test(e) ? e.replace(" ", "T") : e, n = new Date(t);
+	if (Number.isNaN(n.getTime())) return null;
+	try {
+		return n.toLocaleString();
+	} catch {
+		return n.toISOString();
+	}
+}, an = ({ open: e, conflict: t, onReload: n, onOverwrite: r, onCancel: a, busy: o = !1 }) => {
+	let { t: f } = $(), p = t?.label || t?.field || "", m = t ? nn(t.pendingValue) : "", h = t ? nn(t.currentValue) : "", g = t?.currentRecord ?? {}, _ = (() => {
+		let e = [g.updated_by_name, g.updated_by_label];
+		for (let t of e) if (typeof t == "string" && t.length > 0) return t;
+		let t = g.updated_by;
+		return typeof t != "string" || t.length === 0 || t.length >= 16 && !/\s/.test(t) && /^[A-Za-z0-9_-]+$/.test(t) ? null : t;
+	})(), v = rn(g.updated_at ?? t?.currentVersion), [y, b] = f("detail.concurrentUpdateDescription", { field: "{{field}}" }).split("{{field}}");
+	return /* @__PURE__ */ Z(i, {
+		open: e,
+		onOpenChange: (e) => {
+			!e && !o && a();
+		},
+		children: /* @__PURE__ */ Q(s, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ Z(u, { children: /* @__PURE__ */ Q("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ Z("span", {
+						className: "inline-flex h-9 w-9 flex-none items-center justify-center rounded-full bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ Z(re, { className: "h-5 w-5" })
+					}), /* @__PURE__ */ Q("div", {
+						className: "flex-1",
+						children: [/* @__PURE__ */ Z(d, { children: f("detail.concurrentUpdateTitle") }), /* @__PURE__ */ Q(c, {
+							className: "mt-1",
+							children: [
+								y,
+								/* @__PURE__ */ Z("strong", {
+									className: "font-semibold",
+									children: p
+								}),
+								b
+							]
+						})]
+					})]
+				}) }),
+				/* @__PURE__ */ Q("div", {
+					className: "space-y-2 text-sm",
+					children: [/* @__PURE__ */ Q("div", {
+						className: "rounded-md border border-amber-200/70 bg-amber-50/60 p-3 dark:border-amber-500/30 dark:bg-amber-500/10",
+						children: [/* @__PURE__ */ Z("div", {
+							className: "text-xs font-medium uppercase tracking-wide text-amber-800 dark:text-amber-300",
+							children: f("detail.concurrentUpdateYourEdit")
+						}), /* @__PURE__ */ Z("div", {
+							className: "mt-1 break-all font-mono text-foreground",
+							children: m
+						})]
+					}), /* @__PURE__ */ Q("div", {
+						className: "rounded-md border border-sky-200/70 bg-sky-50/60 p-3 dark:border-sky-500/30 dark:bg-sky-500/10",
+						children: [/* @__PURE__ */ Q("div", {
+							className: "flex items-baseline justify-between gap-2",
+							children: [/* @__PURE__ */ Z("div", {
+								className: "text-xs font-medium uppercase tracking-wide text-sky-800 dark:text-sky-300",
+								children: f("detail.concurrentUpdateCurrentValue")
+							}), (_ || v) && /* @__PURE__ */ Q("div", {
+								className: "text-[11px] text-muted-foreground",
+								children: [
+									_ && /* @__PURE__ */ Z("span", { children: f("detail.concurrentUpdateUpdatedBy", { name: _ }) }),
+									_ && v && /* @__PURE__ */ Z("span", { children: " · " }),
+									v && /* @__PURE__ */ Z("span", { children: f("detail.concurrentUpdateUpdatedAt", { when: v }) })
+								]
+							})]
+						}), /* @__PURE__ */ Z("div", {
+							className: "mt-1 break-all font-mono text-foreground",
+							children: h
+						})]
+					})]
+				}),
+				/* @__PURE__ */ Q(l, {
+					className: "gap-2 sm:gap-2",
+					children: [
+						/* @__PURE__ */ Z("button", {
+							type: "button",
+							disabled: o,
+							onClick: a,
+							className: U(H({ variant: "ghost" }), "mt-2 sm:mt-0"),
+							children: f("detail.concurrentUpdateCancel")
+						}),
+						/* @__PURE__ */ Z("button", {
+							type: "button",
+							disabled: o,
+							onClick: r,
+							className: U(H({ variant: "outline" }), "mt-2 sm:mt-0 text-destructive border-destructive/40 hover:bg-destructive/10 hover:text-destructive"),
+							children: f("detail.concurrentUpdateOverwrite")
+						}),
+						/* @__PURE__ */ Z("button", {
+							type: "button",
+							disabled: o,
+							onClick: n,
+							autoFocus: !0,
+							className: U(H({ variant: "default" }), "mt-2 sm:mt-0"),
+							children: f("detail.concurrentUpdateReload")
+						})
+					]
+				})
+			]
+		})
+	});
+};
+function on(e) {
+	if (!e || typeof e != "object") return !1;
+	let t = e;
+	return t.code === "CONCURRENT_UPDATE" || t.name === "ConcurrentUpdateError";
+}
+//#endregion
+//#region src/renderers/record-details.tsx
+var sn = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name) || null, cn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2313,8 +2452,8 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		},
 		rest: i
 	};
-}, $t = ({ schema: e = {}, className: t, ...n }) => {
-	let i = tt(), { designer: a } = Qt(n);
+}, ln = ({ schema: e = {}, className: t, ...n }) => {
+	let i = it(), { designer: a } = cn(n);
 	if (!i) return /* @__PURE__ */ Z("div", {
 		className: t,
 		"data-record-details-placeholder": !0,
@@ -2324,8 +2463,8 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			children: "record:details — bind a record to preview"
 		})
 	});
-	let o = e.layout === "inline" || e.layout === "compact" ? "horizontal" : "vertical", s = i.objectName || "", c = dt(), { readableFields: l } = ut(s), u = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
-	if (u.length > 0 && s && !u.every((e) => c.can(s, e))) return /* @__PURE__ */ Z("div", {
+	let o = e.layout === "inline" || e.layout === "compact" ? "horizontal" : "vertical", s = i.objectName || "", c = mt(), { readableFields: l } = pt(s), { sectionLabel: u } = ot(), d = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+	if (d.length > 0 && s && !d.every((e) => c.can(s, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...a,
 		role: "status",
@@ -2335,20 +2474,20 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			children: "Insufficient permissions to view details."
 		})
 	});
-	let d = e.enforceFieldSecurity === !0, f = Array.isArray(e.redactFields) ? e.redactFields : [], p = (e) => {
-		if (!e || !d && f.length === 0) return e;
-		let t = e.map(Zt).filter((e) => !!e), n = new Set((d && s ? l(t) : t).filter((e) => !f.includes(e)));
+	let f = e.enforceFieldSecurity === !0, p = Array.isArray(e.redactFields) ? e.redactFields : [], m = (e) => {
+		if (!e || !f && p.length === 0) return e;
+		let t = e.map(sn).filter((e) => !!e), n = new Set((f && s ? l(t) : t).filter((e) => !p.includes(e)));
 		return e.filter((e) => {
-			let t = Zt(e);
+			let t = sn(e);
 			return t ? n.has(t) : !0;
 		});
-	}, m = (e) => typeof e == "string" ? { name: e } : e && typeof e == "object" && !e.name && e.field ? {
+	}, h = (e) => typeof e == "string" ? { name: e } : e && typeof e == "object" && !e.name && e.field ? {
 		...e,
 		name: e.field
-	} : e, h = (e) => Array.isArray(e) ? e.map(m) : e, g = $e(), _ = new Set((Array.isArray(e.hideFields) ? e.hideFields : []).map((e) => typeof e == "string" ? e : Zt(e)).filter((e) => !!e));
-	for (let e of g) _.add(e);
-	let v = i.objectSchema, y = i.data ?? {}, b = [
-		v?.primaryField,
+	} : e, g = (e) => Array.isArray(e) ? e.map(h) : e, _ = nt(), v = new Set((Array.isArray(e.hideFields) ? e.hideFields : []).map((e) => typeof e == "string" ? e : sn(e)).filter((e) => !!e));
+	for (let e of _) v.add(e);
+	let y = i.objectSchema, b = i.data ?? {}, x = [
+		y?.primaryField,
 		"name",
 		"full_name",
 		"title",
@@ -2356,62 +2495,125 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		"display_name",
 		"label"
 	].filter((e) => typeof e == "string" && e.length > 0);
-	for (let e of b) if (y[e] !== void 0 && y[e] !== null && y[e] !== "") {
-		_.add(e);
+	for (let e of x) if (b[e] !== void 0 && b[e] !== null && b[e] !== "") {
+		v.add(e);
 		break;
 	}
-	let x = (e) => !e || _.size === 0 ? e : e.filter((e) => {
-		let t = Zt(e);
-		return t ? !_.has(t) : !0;
-	}), S = x(h(p(e.fields))), C = Array.isArray(e.sections) ? e.sections.map((e) => ({
-		...e,
-		title: e.title ?? e.label,
-		showBorder: e.showBorder ?? !1,
-		hideEmpty: e.hideEmpty ?? !0,
-		fields: x(h(p(e.fields)))
-	})) : e.sections, w = e.inlineEdit ?? !0, T = r.useCallback(async (e, t) => {
+	let S = (e) => !e || v.size === 0 ? e : e.filter((e) => {
+		let t = sn(e);
+		return t ? !v.has(t) : !0;
+	}), C = S(g(m(e.fields))), w = Array.isArray(e.sections) ? e.sections.map((e) => {
+		let t = e.title ?? e.label, n = e.name && s ? u(s, e.name, t ?? e.name) : t;
+		return {
+			...e,
+			title: n,
+			showBorder: e.showBorder ?? !!n,
+			hideEmpty: e.hideEmpty ?? !0,
+			fields: S(g(m(e.fields)))
+		};
+	}) : e.sections, T = e.inlineEdit ?? !0, [E, D] = r.useState(null), [O, k] = r.useState(!1), A = r.useCallback((t) => {
+		let n = [...Array.isArray(e.fields) ? e.fields : [], ...(Array.isArray(e.sections) ? e.sections : []).flatMap((e) => Array.isArray(e?.fields) ? e.fields : [])];
+		for (let e of n) if ((typeof e == "string" ? e : e?.name || e?.field) === t) return typeof e == "object" ? e?.label : void 0;
+	}, [e.fields, e.sections]), j = r.useCallback(async (e, t) => {
 		let n = i.dataSource, r = i.recordId, a = i.objectName;
-		if (!(!n || !r || !a)) try {
-			if (typeof n.update == "function") await n.update(a, r, { [e]: t });
-			else if (typeof n.updateOne == "function") await n.updateOne(a, r, { [e]: t });
-			else if (typeof n.patch == "function") await n.patch(a, r, { [e]: t });
+		if (!n || !r || !a) return;
+		let o = typeof i.data?.updated_at == "string" ? i.data.updated_at : void 0, s = o ? { ifMatch: o } : void 0;
+		try {
+			if (typeof n.update == "function") await n.update(a, r, { [e]: t }, s);
+			else if (typeof n.updateOne == "function") await n.updateOne(a, r, { [e]: t }, s);
+			else if (typeof n.patch == "function") await n.patch(a, r, { [e]: t }, s);
 			else {
 				console.warn("[record:details] DataSource exposes no update/updateOne/patch method; cannot persist inline edit");
 				return;
 			}
 			typeof i.refresh == "function" && await i.refresh();
+		} catch (n) {
+			if (on(n)) {
+				let r = n.currentRecord ?? null;
+				throw D({
+					field: e,
+					label: A(e),
+					pendingValue: t,
+					currentValue: r ? r[e] : void 0,
+					currentVersion: n.currentVersion,
+					currentRecord: r
+				}), n;
+			}
+			throw console.error("[record:details] Inline-edit save failed", n), n;
+		}
+	}, [
+		i.dataSource,
+		i.recordId,
+		i.objectName,
+		i.data,
+		i.refresh,
+		A
+	]), M = r.useCallback(() => {
+		D(null), k(!1);
+	}, []), N = r.useCallback(async () => {
+		k(!0);
+		try {
+			typeof i.refresh == "function" && await i.refresh();
+		} finally {
+			M();
+		}
+	}, [i.refresh, M]), P = r.useCallback(async () => {
+		if (!E) {
+			M();
+			return;
+		}
+		let e = i.dataSource, t = i.recordId, n = i.objectName;
+		if (!e || !t || !n) {
+			M();
+			return;
+		}
+		k(!0);
+		try {
+			let r = E.currentVersion ? { ifMatch: E.currentVersion } : void 0;
+			typeof e.update == "function" ? await e.update(n, t, { [E.field]: E.pendingValue }, r) : typeof e.updateOne == "function" ? await e.updateOne(n, t, { [E.field]: E.pendingValue }, r) : typeof e.patch == "function" && await e.patch(n, t, { [E.field]: E.pendingValue }, r), typeof i.refresh == "function" && await i.refresh();
 		} catch (e) {
-			throw console.error("[record:details] Inline-edit save failed", e), e;
+			console.error("[record:details] Overwrite-on-conflict failed", e);
+		} finally {
+			M();
 		}
 	}, [
+		E,
 		i.dataSource,
 		i.recordId,
 		i.objectName,
-		i.refresh
-	]), E = {
+		i.refresh,
+		M
+	]), F = {
 		type: "detail-view",
 		objectName: i.objectName,
 		resourceId: i.recordId,
 		data: i.data,
 		layout: o,
 		columns: e.columns,
-		sections: C,
-		fields: S,
+		sections: w,
+		fields: C,
 		showBack: !1,
 		showHeader: e.showHeader ?? !1,
-		inlineEdit: w
+		inlineEdit: T
 	};
-	return /* @__PURE__ */ Z("div", {
+	return /* @__PURE__ */ Q("div", {
 		className: t,
 		...a,
-		children: /* @__PURE__ */ Z(Xt, {
-			schema: E,
+		children: [/* @__PURE__ */ Z(tn, {
+			schema: F,
 			dataSource: i.dataSource,
-			inlineEdit: w,
-			onFieldSave: T
-		})
+			inlineEdit: T,
+			onFieldSave: j
+		}), /* @__PURE__ */ Z(an, {
+			open: !!E,
+			conflict: E,
+			busy: O,
+			onCancel: M,
+			onReload: N,
+			onOverwrite: P
+		})]
 	});
-}, en = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name || e.key) || null, tn = (e) => {
+}, un = (e) => typeof e == "string" ? e : e && typeof e == "object" && (e.field || e.name || e.key) || null, dn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2421,11 +2623,11 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		},
 		rest: i
 	};
-}, nn = ({ schema: e = {}, className: t, ...n }) => {
-	let r = tt(), { designer: i } = tn(n), a = rt(), o = e.objectName, s = o && a.objectLabel ? a.objectLabel({
+}, fn = ({ schema: e = {}, className: t, ...n }) => {
+	let r = it(), { designer: i } = dn(n), a = ot(), o = e.objectName, s = o && a.objectLabel ? a.objectLabel({
 		name: o,
-		label: st(o)
-	}) : o ? st(o) : "", c = e.title || s || "Related";
+		label: ut(o)
+	}) : o ? ut(o) : "", c = e.title || s || "Related";
 	if (!o) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2434,7 +2636,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			children: "record:related_list — missing objectName"
 		})
 	});
-	let l = dt(), { readableFields: u } = ut(o), d = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+	let l = mt(), { readableFields: u } = pt(o), d = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
 	if (d.length > 0 && !d.every((e) => l.can(o, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
@@ -2447,16 +2649,16 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 	});
 	let f = e.enforceFieldSecurity === !0, p = Array.isArray(e.redactFields) ? e.redactFields : [], m = Array.isArray(e.columns) ? e.columns : [], h = m;
 	if (f || p.length > 0) {
-		let e = m.map(en).filter((e) => !!e), t = new Set((f ? u(e) : e).filter((e) => !p.includes(e)));
+		let e = m.map(un).filter((e) => !!e), t = new Set((f ? u(e) : e).filter((e) => !p.includes(e)));
 		h = m.filter((e) => {
-			let n = en(e);
+			let n = un(e);
 			return n ? t.has(n) : !0;
 		});
 	}
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
-		children: /* @__PURE__ */ Z(Ct, {
+		children: /* @__PURE__ */ Z(Ot, {
 			title: c,
 			type: "table",
 			api: o,
@@ -2468,7 +2670,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			dataSource: r?.dataSource
 		})
 	});
-}, rn = (e) => {
+}, pn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2478,8 +2680,8 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		},
 		rest: i
 	};
-}, an = ({ schema: e = {}, className: t, ...n }) => {
-	let i = tt(), { designer: a } = rn(n), o = i?.objectName || "", s = dt(), { readableFields: c } = ut(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+}, mn = ({ schema: e = {}, className: t, ...n }) => {
+	let i = it(), { designer: a } = pn(n), o = i?.objectName || "", s = mt(), { readableFields: c } = pt(o), l = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
 	if (l.length > 0 && o && !l.every((e) => s.can(o, e))) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...a,
@@ -2496,20 +2698,20 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		icon: e?.icon,
 		type: e?.type
 	}).filter((e) => typeof e.name == "string" && e.name.length > 0), d = e.enforceFieldSecurity === !0, f = Array.isArray(e.redactFields) ? e.redactFields : [], p = d && o ? new Set(c(u.map((e) => e.name))) : null, m = u.filter((e) => !(f.includes(e.name) || p && !p.has(e.name)));
-	return nt(r.useId(), m.map((e) => e.name)), /* @__PURE__ */ Z("div", {
+	return at(r.useId(), m.map((e) => e.name)), /* @__PURE__ */ Z("div", {
 		className: t,
 		...a,
-		children: /* @__PURE__ */ Z(Tt, {
+		children: /* @__PURE__ */ Z(At, {
 			fields: m,
 			data: i?.data,
 			objectName: i?.objectName,
 			objectSchema: i?.objectSchema
 		})
 	});
-}, on = ({ change: e, className: t }) => {
+}, hn = ({ 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: H("flex items-center gap-1.5 text-sm flex-wrap", t),
+		className: U("flex items-center gap-1.5 text-sm flex-wrap", t),
 		children: [
 			/* @__PURE__ */ Z("span", {
 				className: "font-medium text-foreground",
@@ -2519,29 +2721,29 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				className: "text-muted-foreground line-through",
 				children: r
 			}),
-			/* @__PURE__ */ Z(W, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+			/* @__PURE__ */ Z(ie, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
 			/* @__PURE__ */ Z("span", {
 				className: "text-foreground",
 				children: i
 			})
 		]
 	});
-}, sn = [
+}, gn = [
 	"👍",
 	"❤️",
 	"🎉",
 	"😂",
 	"😮",
 	"😢"
-], cn = ({ reactions: e, onToggleReaction: t, emojiOptions: r = sn, className: i }) => {
+], _n = ({ reactions: e, onToggleReaction: t, emojiOptions: r = gn, className: i }) => {
 	let [a, o] = n.useState(!1), s = n.useCallback((e) => {
 		t?.(e), o(!1);
 	}, [t]);
 	return /* @__PURE__ */ Q("div", {
-		className: H("flex items-center gap-1 flex-wrap", i),
+		className: U("flex items-center gap-1 flex-wrap", i),
 		children: [e.map((e) => /* @__PURE__ */ Q("button", {
 			type: "button",
-			className: H("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs border transition-colors", e.reacted ? "bg-primary/10 border-primary/30 text-primary" : "bg-muted border-border text-muted-foreground hover:bg-muted/80"),
+			className: U("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs border transition-colors", e.reacted ? "bg-primary/10 border-primary/30 text-primary" : "bg-muted border-border text-muted-foreground hover:bg-muted/80"),
 			onClick: () => s(e.emoji),
 			disabled: !t,
 			"aria-label": `${e.emoji} ${e.count} reaction${e.count === 1 ? "" : "s"}`,
@@ -2554,7 +2756,7 @@ var Xt = ({ 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(Ue, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ Z(Ke, { 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",
@@ -2573,7 +2775,7 @@ var Xt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 };
 //#endregion
 //#region src/ThreadedReplies.tsx
-function ln(e) {
+function vn(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";
@@ -2586,7 +2788,7 @@ function ln(e) {
 		return e;
 	}
 }
-var un = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, className: a }) => {
+var yn = ({ 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)) {
@@ -2605,7 +2807,7 @@ var un = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), p());
 	}, [p]);
 	return t.length === 0 && !i ? null : /* @__PURE__ */ Q("div", {
-		className: H("ml-10 mt-1", a),
+		className: U("ml-10 mt-1", a),
 		children: [
 			t.length > 0 && /* @__PURE__ */ Q("button", {
 				type: "button",
@@ -2613,8 +2815,8 @@ var un = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 				onClick: () => c(!s),
 				"aria-expanded": s,
 				children: [
-					Z(s ? ue : fe, { className: "h-3 w-3" }),
-					/* @__PURE__ */ Z(Ae, { className: "h-3 w-3" }),
+					Z(s ? fe : me, { className: "h-3 w-3" }),
+					/* @__PURE__ */ Z(Ne, { className: "h-3 w-3" }),
 					/* @__PURE__ */ Z("span", { children: t.length === 1 ? o("detail.replyCount", { count: t.length }) : o("detail.replyCountPlural", { count: t.length }) })
 				]
 			}),
@@ -2641,7 +2843,7 @@ var un = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 								children: e.actor
 							}), /* @__PURE__ */ Z("span", {
 								className: "text-[10px] text-muted-foreground",
-								children: ln(e.createdAt)
+								children: vn(e.createdAt)
 							})]
 						}), /* @__PURE__ */ Z("p", {
 							className: "text-xs whitespace-pre-wrap break-words",
@@ -2666,12 +2868,12 @@ var un = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 					onClick: p,
 					disabled: !l.trim() || d,
 					"aria-label": "Send reply",
-					children: /* @__PURE__ */ Z(He, { className: "h-3 w-3" })
+					children: /* @__PURE__ */ Z(Ge, { className: "h-3 w-3" })
 				})]
 			})
 		]
 	});
-}, dn = ({ subscription: e, onToggle: t, className: r }) => {
+}, bn = ({ subscription: e, onToggle: t, className: r }) => {
 	let { t: i } = $(), [a, o] = n.useState(!1), s = n.useCallback(async () => {
 		if (t) {
 			o(!0);
@@ -2685,22 +2887,291 @@ var un = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 	return /* @__PURE__ */ Z(g, {
 		variant: "ghost",
 		size: "icon",
-		className: H("h-8 w-8", r),
+		className: U("h-8 w-8", r),
 		onClick: s,
 		disabled: a || !t,
 		"aria-label": e.subscribed ? i("detail.unsubscribeAriaLabel") : i("detail.subscribeAriaLabel"),
 		title: e.subscribed ? i("detail.subscribedTooltip") : i("detail.unsubscribedTooltip"),
-		children: e.subscribed ? /* @__PURE__ */ Z(ae, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(oe, { className: "h-4 w-4 text-muted-foreground" })
+		children: e.subscribed ? /* @__PURE__ */ Z(se, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(ce, { className: "h-4 w-4 text-muted-foreground" })
+	});
+};
+//#endregion
+//#region src/RichTextCommentInput.tsx
+function xn(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 Sn = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], placeholder: a, className: o, disabled: s = !1, extraSlot: c, canSubmitEmpty: l = !1 }) => {
+	let { t: u } = $(), [d, f] = n.useState(!1), [p, m] = n.useState(!1), [h, _] = n.useState(""), [v, y] = n.useState(0), b = n.useRef(null), x = n.useMemo(() => {
+		if (!h) return i;
+		let e = h.toLowerCase();
+		return i.filter((t) => t.label.toLowerCase().includes(e));
+	}, [h, i]), S = n.useCallback((n, r = "") => {
+		let i = b.current;
+		if (!i) return;
+		let a = i.selectionStart, o = i.selectionEnd, s = e.slice(a, o);
+		t(e.slice(0, a) + n + s + r + e.slice(o)), requestAnimationFrame(() => {
+			i.focus();
+			let e = a + n.length + s.length;
+			i.setSelectionRange(e, e);
+		});
+	}, [e, t]), C = n.useCallback(() => S("**", "**"), [S]), w = n.useCallback(() => S("*", "*"), [S]), T = n.useCallback(() => S("\n- ", ""), [S]), E = n.useCallback(() => S("`", "`"), [S]), D = n.useCallback(() => {
+		S("@", ""), m(!0), _(""), y(0);
+	}, [S]), O = n.useCallback((n) => {
+		let r = b.current;
+		if (!r) return;
+		let i = r.selectionStart, a = e.slice(0, i).lastIndexOf("@");
+		a !== -1 && t(e.slice(0, a) + `@${n.label} ` + e.slice(i)), m(!1), _(""), requestAnimationFrame(() => r.focus());
+	}, [e, t]), k = n.useCallback((e) => {
+		let n = e.target.value;
+		t(n);
+		let r = e.target.selectionStart, i = n.slice(0, r), a = i.lastIndexOf("@");
+		if (a !== -1) {
+			let e = i.slice(a + 1), t = a > 0 ? i[a - 1] : " ";
+			if (/\s/.test(t) && !/\s/.test(e)) {
+				m(!0), _(e), y(0);
+				return;
+			}
+		}
+		m(!1);
+	}, [t]), A = n.useCallback((e) => {
+		if (p && x.length > 0) {
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), y((e) => e < x.length - 1 ? e + 1 : 0);
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), y((e) => e > 0 ? e - 1 : x.length - 1);
+				return;
+			}
+			if (e.key === "Enter" || e.key === "Tab") {
+				e.preventDefault(), O(x[v]);
+				return;
+			}
+			if (e.key === "Escape") {
+				m(!1);
+				return;
+			}
+		}
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), r?.());
+	}, [
+		p,
+		x,
+		v,
+		O,
+		r
+	]);
+	return /* @__PURE__ */ Q("div", {
+		className: U("border rounded-md", o),
+		children: [
+			/* @__PURE__ */ Q("div", {
+				className: "flex items-center gap-0.5 px-2 py-1.5 border-b bg-muted/30",
+				children: [
+					/* @__PURE__ */ Z(g, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: C,
+						disabled: s || d,
+						title: u("detail.bold"),
+						children: /* @__PURE__ */ Z(le, { className: "h-3.5 w-3.5" })
+					}),
+					/* @__PURE__ */ Z(g, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: w,
+						disabled: s || d,
+						title: u("detail.italic"),
+						children: /* @__PURE__ */ Z(De, { className: "h-3.5 w-3.5" })
+					}),
+					/* @__PURE__ */ Z(g, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: T,
+						disabled: s || d,
+						title: u("detail.listFormat"),
+						children: /* @__PURE__ */ Z(ke, { className: "h-3.5 w-3.5" })
+					}),
+					/* @__PURE__ */ Z(g, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: E,
+						disabled: s || d,
+						title: u("detail.inlineCode"),
+						children: /* @__PURE__ */ Z(J, { className: "h-3.5 w-3.5" })
+					}),
+					/* @__PURE__ */ Z(g, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: D,
+						disabled: s || d,
+						title: u("detail.mentionSomeone"),
+						children: /* @__PURE__ */ Z(K, { className: "h-3.5 w-3.5" })
+					}),
+					/* @__PURE__ */ Z("div", { className: "flex-1" }),
+					/* @__PURE__ */ Z(g, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: () => f(!d),
+						title: u(d ? "detail.edit" : "detail.preview"),
+						children: Z(d ? Y : X, { className: "h-3.5 w-3.5" })
+					}),
+					r && /* @__PURE__ */ Z(g, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: r,
+						disabled: s || !l && !e.trim(),
+						title: u("detail.submitComment"),
+						children: /* @__PURE__ */ Z(Ge, { className: "h-3.5 w-3.5" })
+					})
+				]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "relative",
+				children: d ? /* @__PURE__ */ Z("div", {
+					className: "min-h-[80px] px-3 py-2 text-sm prose prose-sm max-w-none",
+					dangerouslySetInnerHTML: { __html: xn(e) }
+				}) : /* @__PURE__ */ Q(ft, { children: [/* @__PURE__ */ Z("textarea", {
+					ref: b,
+					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 ?? u("detail.writeComment"),
+					value: e,
+					onChange: k,
+					onKeyDown: A,
+					disabled: s
+				}), p && x.length > 0 && /* @__PURE__ */ Z("div", {
+					className: "absolute left-2 bottom-full mb-1 w-56 bg-popover border rounded-md shadow-md z-50 max-h-40 overflow-y-auto",
+					children: x.map((e, t) => /* @__PURE__ */ Q("button", {
+						type: "button",
+						className: U("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === v && "bg-accent"),
+						onMouseDown: (t) => {
+							t.preventDefault(), O(e);
+						},
+						children: [e.avatarUrl ? /* @__PURE__ */ Z("img", {
+							src: e.avatarUrl,
+							alt: e.label,
+							className: "h-5 w-5 rounded-full object-cover"
+						}) : /* @__PURE__ */ Z("div", {
+							className: "h-5 w-5 rounded-full bg-muted flex items-center justify-center text-[10px] font-medium",
+							children: e.label.charAt(0).toUpperCase()
+						}), /* @__PURE__ */ Z("span", { children: e.label })]
+					}, e.id))
+				})] })
+			}),
+			c && /* @__PURE__ */ Z("div", {
+				className: "border-t px-2 py-2 bg-muted/20",
+				children: c
+			})
+		]
+	});
+};
+//#endregion
+//#region src/CommentAttachment.tsx
+function Cn(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function wn(e) {
+	return e.startsWith("image/");
+}
+function Tn(e) {
+	return wn(e) ? Te : e.includes("pdf") || e.includes("document") || e.includes("text") ? Ce : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? Se : xe;
+}
+var En = ({ 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) => {
+		e.preventDefault(), e.stopPropagation(), c(!1);
+	}, []), f = n.useCallback((e) => {
+		e.preventDefault(), e.stopPropagation(), c(!1), t && e.dataTransfer.files.length > 0 && t(e.dataTransfer.files);
+	}, [t]), p = n.useCallback((e) => {
+		t && e.target.files && e.target.files.length > 0 && (t(e.target.files), e.target.value = "");
+	}, [t]);
+	return /* @__PURE__ */ Q("div", {
+		className: U("space-y-2", i),
+		children: [t && !a && /* @__PURE__ */ Q("div", {
+			className: U("border-2 border-dashed rounded-md px-4 py-3 text-center transition-colors cursor-pointer", s ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/40"),
+			onDragOver: u,
+			onDragLeave: d,
+			onDrop: f,
+			onClick: () => l.current?.click(),
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l.current?.click());
+			},
+			children: [
+				/* @__PURE__ */ Z(Ye, { 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")
+				}),
+				/* @__PURE__ */ Z("input", {
+					ref: l,
+					type: "file",
+					multiple: !0,
+					className: "hidden",
+					onChange: p
+				})
+			]
+		}), e.length > 0 && /* @__PURE__ */ Q("div", {
+			className: "space-y-1.5",
+			children: [/* @__PURE__ */ Q("div", {
+				className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ Z(Le, { 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 = wn(e.type), n = Tn(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: [
+							t && (e.thumbnailUrl || e.url) ? /* @__PURE__ */ Z("img", {
+								src: e.thumbnailUrl || e.url,
+								alt: e.name,
+								className: "h-10 w-10 rounded object-cover shrink-0"
+							}) : /* @__PURE__ */ Z("div", {
+								className: "h-10 w-10 rounded bg-muted flex items-center justify-center shrink-0",
+								children: /* @__PURE__ */ Z(n, { className: "h-5 w-5 text-muted-foreground" })
+							}),
+							/* @__PURE__ */ Q("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ Z("p", {
+									className: "text-xs font-medium truncate",
+									children: e.name
+								}), /* @__PURE__ */ Z("p", {
+									className: "text-[10px] text-muted-foreground",
+									children: Cn(e.size)
+								})]
+							}),
+							r && !a && /* @__PURE__ */ Z(g, {
+								variant: "ghost",
+								size: "icon",
+								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(Xe, { className: "h-3.5 w-3.5" })
+							})
+						]
+					}, e.id);
+				})
+			})]
+		})]
 	});
-}, fn = {
-	comment: Ae,
-	field_change: J,
-	task: le,
-	event: se,
-	system: Je,
-	email: ke,
-	call: Fe
-}, pn = {
+}, Dn = {
+	comment: Ne,
+	field_change: Y,
+	task: de,
+	event: q,
+	system: Ze,
+	email: Me,
+	call: Re
+}, On = {
 	comment: "bg-purple-100 text-purple-600",
 	field_change: "bg-blue-100 text-blue-600",
 	task: "bg-green-100 text-green-600",
@@ -2709,7 +3180,7 @@ var un = ({ 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 mn(e) {
+function kn(e) {
 	return [
 		{
 			value: "all",
@@ -2729,7 +3200,7 @@ function mn(e) {
 		}
 	];
 }
-function hn(e) {
+function An(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";
@@ -2742,7 +3213,7 @@ function hn(e) {
 		return e;
 	}
 }
-function gn(e, t) {
+function jn(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");
@@ -2750,41 +3221,55 @@ function gn(e, t) {
 		default: return e;
 	}
 }
-var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a = !1, onLoadMore: o, loading: s = !1, onAddComment: c, onAddReply: l, onToggleReaction: u, subscription: d, onToggleSubscription: f, collapseWhenEmpty: p = !1, titleLabel: m, emptyLabel: h, className: _ }) => {
-	let { t: v } = $(), [y, b] = n.useState("all"), [x, S] = n.useState(""), [C, w] = n.useState(!1), [A, j] = n.useState(!1), M = r ?? y, N = t?.showFilterToggle !== !1, P = t?.showCommentInput !== !1 && !!c, ee = t?.enableReactions ?? !1, F = t?.enableThreading ?? !1, I = t?.showSubscriptionToggle ?? !1, L = n.useMemo(() => gn(e, M), [e, M]), R = n.useMemo(() => F ? L.filter((e) => !e.parentId) : L, [L, F]), z = n.useMemo(() => {
-		if (!F) return /* @__PURE__ */ new Map();
+var Mn = ({ 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, mentionSuggestions: m, onUploadAttachments: h, titleLabel: _, emptyLabel: v, className: y }) => {
+	let { t: b } = $(), [x, S] = n.useState("all"), [C, T] = n.useState(""), [j, M] = n.useState(!1), [N, P] = n.useState(!1), [F, I] = n.useState([]), [L, ee] = n.useState(!1), R = r ?? x, z = t?.showFilterToggle !== !1, B = t?.showCommentInput !== !1 && !!c, te = t?.enableReactions ?? !1, V = t?.enableThreading ?? !1, H = t?.showSubscriptionToggle ?? !1, ne = n.useMemo(() => jn(e, R), [e, R]), re = n.useMemo(() => V ? ne.filter((e) => !e.parentId) : ne, [ne, V]), G = n.useMemo(() => {
+		if (!V) return /* @__PURE__ */ new Map();
 		let e = /* @__PURE__ */ new Map();
-		for (let t of L) if (t.parentId) {
+		for (let t of ne) if (t.parentId) {
 			let n = e.get(t.parentId) ?? [];
 			n.push(t), e.set(t.parentId, n);
 		}
 		return e;
-	}, [L, F]), B = n.useCallback((e) => {
-		i ? i(e) : b(e);
-	}, [i]), V = n.useCallback(async () => {
-		let e = x.trim();
-		if (!(!e || !c)) {
-			w(!0);
+	}, [ne, V]), ie = n.useCallback((e) => {
+		i ? i(e) : S(e);
+	}, [i]), ae = n.useCallback(async () => {
+		let e = C.trim();
+		if (c && !(!e && F.length === 0)) {
+			M(!0);
 			try {
-				await c(e), S("");
+				await c(e, F.length > 0 ? F : void 0), T(""), I([]);
 			} finally {
-				w(!1);
+				M(!1);
 			}
 		}
-	}, [x, c]), te = n.useCallback((e) => {
-		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), V());
-	}, [V]), ne = n.useCallback(async () => {
+	}, [
+		C,
+		F,
+		c
+	]), oe = n.useCallback(async (e) => {
+		if (!(!h || e.length === 0)) {
+			ee(!0);
+			try {
+				let t = await h(e);
+				Array.isArray(t) && t.length > 0 && I((e) => [...e, ...t]);
+			} finally {
+				ee(!1);
+			}
+		}
+	}, [h]), K = n.useCallback((e) => {
+		I((t) => t.filter((t) => t.id !== e));
+	}, []), se = n.useCallback(async () => {
 		if (o) {
-			j(!0);
+			P(!0);
 			try {
 				await o();
 			} finally {
-				j(!1);
+				P(!1);
 			}
 		}
 	}, [o]);
 	return /* @__PURE__ */ Q("section", {
-		className: H("border-t border-border/60 pt-5", _),
+		className: U("border-t border-border/60 pt-5", y),
 		"aria-label": "Discussion",
 		children: [/* @__PURE__ */ Z("header", {
 			className: "mb-4",
@@ -2793,20 +3278,20 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				children: [/* @__PURE__ */ Q("h2", {
 					className: "flex items-center gap-2 text-base font-semibold leading-none tracking-tight",
 					children: [
-						/* @__PURE__ */ Z(U, { className: "h-4 w-4" }),
-						m ?? v("detail.activity"),
+						/* @__PURE__ */ Z(W, { className: "h-4 w-4" }),
+						_ ?? b("detail.activity"),
 						/* @__PURE__ */ Q("span", {
 							className: "text-sm font-normal text-muted-foreground",
 							children: [
 								"(",
-								L.length,
+								ne.length,
 								")"
 							]
 						})
 					]
 				}), /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-1",
-					children: I && d && /* @__PURE__ */ Z(dn, {
+					children: H && d && /* @__PURE__ */ Z(bn, {
 						subscription: d,
 						onToggle: f
 					})
@@ -2815,53 +3300,53 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		}), /* @__PURE__ */ Q("div", {
 			className: "space-y-4",
 			children: [
-				N && /* @__PURE__ */ Z("div", {
+				z && /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2",
-					children: /* @__PURE__ */ Q(T, {
-						value: M,
-						onValueChange: (e) => B(e),
-						children: [/* @__PURE__ */ Z(O, {
-							"aria-label": v("detail.filterActivity"),
+					children: /* @__PURE__ */ Q(E, {
+						value: R,
+						onValueChange: (e) => ie(e),
+						children: [/* @__PURE__ */ Z(k, {
+							"aria-label": b("detail.filterActivity"),
 							className: "h-8 w-auto min-w-[140px] py-1 text-sm",
-							children: /* @__PURE__ */ Z(k, {})
-						}), /* @__PURE__ */ Z(E, { children: mn(v).map((e) => /* @__PURE__ */ Z(D, {
+							children: /* @__PURE__ */ Z(A, {})
+						}), /* @__PURE__ */ Z(D, { children: kn(b).map((e) => /* @__PURE__ */ Z(O, {
 							value: e.value,
 							children: e.label
 						}, e.value)) })]
 					})
 				}),
-				P && /* @__PURE__ */ Q("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ Z("textarea", {
-						className: "flex-1 min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none",
-						placeholder: v("detail.leaveCommentPlaceholder"),
-						value: x,
-						onChange: (e) => S(e.target.value),
-						onKeyDown: te,
-						disabled: C
-					}), /* @__PURE__ */ Q(g, {
-						variant: "default",
-						onClick: V,
-						disabled: !x.trim() || C,
-						className: "shrink-0 self-end gap-1.5",
-						"aria-label": v("detail.submitComment"),
-						title: v("detail.submitComment"),
-						children: [/* @__PURE__ */ Z(He, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: v("detail.sendComment") })]
-					})]
+				B && /* @__PURE__ */ Z(Sn, {
+					value: C,
+					onChange: T,
+					onSubmit: ae,
+					mentionSuggestions: m,
+					placeholder: b("detail.leaveCommentPlaceholder"),
+					disabled: j,
+					canSubmitEmpty: F.length > 0,
+					extraSlot: h ? /* @__PURE__ */ Z(En, {
+						attachments: F,
+						onUpload: oe,
+						onRemove: K,
+						readOnly: j || L
+					}) : F.length > 0 ? /* @__PURE__ */ Z(En, {
+						attachments: F,
+						onRemove: K,
+						readOnly: j
+					}) : void 0
 				}),
-				L.length === 0 ? p ? null : /* @__PURE__ */ Z("p", {
-					className: "text-sm text-muted-foreground text-center py-4",
-					children: h ?? v("detail.noActivity")
+				ne.length === 0 ? p ? null : /* @__PURE__ */ Z(w, {
+					title: v ?? b("detail.noActivity"),
+					className: "py-6"
 				}) : /* @__PURE__ */ Q("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ Z("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Z("div", {
 						className: "space-y-4",
-						children: R.map((e) => {
-							let t = fn[e.type] || Je, n = pn[e.type] || "bg-gray-100 text-gray-600", r = z.get(e.id) ?? [];
+						children: re.map((e) => {
+							let t = Dn[e.type] || Ze, n = On[e.type] || "bg-gray-100 text-gray-600", r = G.get(e.id) ?? [];
 							return /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("div", {
 								className: "flex gap-3 relative",
 								children: [/* @__PURE__ */ Z("div", {
-									className: H("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", n),
+									className: U("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", n),
 									children: e.actorAvatarUrl ? /* @__PURE__ */ Z("img", {
 										src: e.actorAvatarUrl,
 										alt: e.actor,
@@ -2879,19 +3364,19 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 												}),
 												e.source && /* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground",
-													children: v("detail.via", { source: e.source })
+													children: b("detail.via", { source: e.source })
 												}),
 												/* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground",
-													children: hn(e.createdAt)
+													children: An(e.createdAt)
 												}),
 												e.edited && /* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground italic",
-													children: v("detail.edited")
+													children: b("detail.edited")
 												}),
 												e.pinned && /* @__PURE__ */ Q("span", {
 													className: "text-xs text-amber-600",
-													children: ["📌 ", v("detail.pinned")]
+													children: ["📌 ", b("detail.pinned")]
 												})
 											]
 										}),
@@ -2901,25 +3386,25 @@ var _n = ({ 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(on, { change: e }, t))
+											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z(hn, { change: e }, t))
 										}),
-										ee && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
+										te && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(cn, {
+											children: /* @__PURE__ */ Z(_n, {
 												reactions: e.reactions,
 												onToggleReaction: u ? (t) => u(e.id, t) : void 0
 											})
 										}),
-										ee && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
+										te && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(cn, {
+											children: /* @__PURE__ */ Z(_n, {
 												reactions: [],
 												onToggleReaction: (t) => u(e.id, t)
 											})
 										})
 									]
 								})]
-							}), F && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(un, {
+							}), V && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(yn, {
 								parentItem: e,
 								replies: r,
 								onAddReply: l,
@@ -2933,16 +3418,16 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 					children: /* @__PURE__ */ Q(g, {
 						variant: "ghost",
 						size: "sm",
-						onClick: ne,
-						disabled: A,
-						"aria-label": v("detail.loadMore"),
-						children: [A ? /* @__PURE__ */ Z(De, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(ue, { className: "h-4 w-4 mr-1" }), v("detail.loadMore")]
+						onClick: se,
+						disabled: N,
+						"aria-label": b("detail.loadMore"),
+						children: [N ? /* @__PURE__ */ Z(Ae, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(fe, { className: "h-4 w-4 mr-1" }), b("detail.loadMore")]
 					})
 				})
 			]
 		})]
 	});
-}, vn = (e) => {
+}, Nn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -2952,54 +3437,54 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, yn = ({ schema: e = {}, className: t, ...n }) => {
-	tt();
-	let { designer: r } = vn(n);
+}, Pn = ({ schema: e = {}, className: t, ...n }) => {
+	it();
+	let { designer: r } = Nn(n);
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...r,
-		children: /* @__PURE__ */ Z(_n, {
+		children: /* @__PURE__ */ Z(Mn, {
 			items: [],
 			config: e
 		})
 	});
-}, bn = ({ config: e, items: t, hasMore: r, onLoadMore: i, loading: a, onAddComment: o, onAddReply: s, onToggleReaction: c, subscription: l, onToggleSubscription: u, filterMode: d, onFilterChange: f, collapseWhenEmpty: p = !1, className: m }) => {
-	let h = e?.position ?? "right", _ = e?.width ?? "360px", v = e?.collapsible ?? !0, y = p && t.length === 0 || (e?.defaultCollapsed ?? !1), { t: b } = $(), [x, S] = n.useState(y);
-	return h === "right" || h === "left" ? x && v ? /* @__PURE__ */ Z("div", {
-		className: H("flex items-start pt-4", h === "right" ? "border-l" : "border-r", m),
+}, Fn = ({ 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, mentionSuggestions: m, onUploadAttachments: h, className: _ }) => {
+	let v = e?.position ?? "right", y = e?.width ?? "360px", b = e?.collapsible ?? !0, x = p && t.length === 0 || (e?.defaultCollapsed ?? !1), { t: S } = $(), [C, w] = n.useState(x);
+	return v === "right" || v === "left" ? C && b ? /* @__PURE__ */ Z("div", {
+		className: U("flex items-start pt-4", v === "right" ? "border-l" : "border-r", _),
 		children: /* @__PURE__ */ Z(g, {
 			variant: "ghost",
 			size: "icon",
 			className: "h-8 w-8 mx-1",
-			onClick: () => S(!1),
-			"aria-label": b("detail.openDiscussion"),
-			children: /* @__PURE__ */ Z(Ne, { className: "h-4 w-4" })
+			onClick: () => w(!1),
+			"aria-label": S("detail.openDiscussion"),
+			children: /* @__PURE__ */ Z(Ie, { className: "h-4 w-4" })
 		})
 	}) : /* @__PURE__ */ Q("div", {
-		className: H("flex flex-col overflow-hidden", h === "right" ? "border-l" : "border-r", m),
+		className: U("flex flex-col overflow-hidden", v === "right" ? "border-l" : "border-r", _),
 		style: {
-			width: _,
-			minWidth: _
+			width: y,
+			minWidth: y
 		},
 		children: [/* @__PURE__ */ Q("div", {
 			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(Ae, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+				children: [/* @__PURE__ */ Z(Ne, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 					className: "text-sm font-medium",
-					children: b("detail.discussion")
+					children: S("detail.discussion")
 				})]
-			}), v && /* @__PURE__ */ Z(g, {
+			}), b && /* @__PURE__ */ Z(g, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
-				onClick: () => S(!0),
-				"aria-label": b("detail.closeDiscussion"),
-				children: /* @__PURE__ */ Z(qe, { className: "h-3.5 w-3.5" })
+				onClick: () => w(!0),
+				"aria-label": S("detail.closeDiscussion"),
+				children: /* @__PURE__ */ Z(Xe, { className: "h-3.5 w-3.5" })
 			})]
 		}), /* @__PURE__ */ Z("div", {
 			className: "flex-1 overflow-y-auto",
-			children: /* @__PURE__ */ Z(_n, {
+			children: /* @__PURE__ */ Z(Mn, {
 				items: t,
 				config: e?.feed,
 				hasMore: r,
@@ -3013,33 +3498,35 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				filterMode: d,
 				onFilterChange: f,
 				collapseWhenEmpty: p,
-				titleLabel: b("detail.discussion"),
-				emptyLabel: b("detail.noCommentsYet"),
+				mentionSuggestions: m,
+				onUploadAttachments: h,
+				titleLabel: S("detail.discussion"),
+				emptyLabel: S("detail.noCommentsYet"),
 				className: "border-0 shadow-none"
 			})
 		})]
 	}) : /* @__PURE__ */ Z("div", {
-		className: H("", m),
-		children: v && x ? /* @__PURE__ */ Q(g, {
+		className: U("", _),
+		children: b && C ? /* @__PURE__ */ Q(g, {
 			variant: "ghost",
 			className: "w-full justify-start gap-2 text-muted-foreground",
-			onClick: () => S(!1),
-			"aria-label": b("detail.showDiscussion", { count: t.length }),
-			children: [/* @__PURE__ */ Z(Ae, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: b("detail.showDiscussion", { count: t.length }) })]
-		}) : /* @__PURE__ */ Q("div", { children: [v && /* @__PURE__ */ Q("div", {
+			onClick: () => w(!1),
+			"aria-label": S("detail.showDiscussion", { count: t.length }),
+			children: [/* @__PURE__ */ Z(Ne, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: S("detail.showDiscussion", { count: t.length }) })]
+		}) : /* @__PURE__ */ Q("div", { children: [b && /* @__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(Ae, { className: "h-4 w-4" }), b("detail.discussion")]
+				children: [/* @__PURE__ */ Z(Ne, { className: "h-4 w-4" }), S("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(Me, { className: "h-3.5 w-3.5" })
+				onClick: () => w(!0),
+				"aria-label": S("detail.hideDiscussion"),
+				children: /* @__PURE__ */ Z(Fe, { className: "h-3.5 w-3.5" })
 			})]
-		}), /* @__PURE__ */ Z(_n, {
+		}), /* @__PURE__ */ Z(Mn, {
 			items: t,
 			config: e?.feed,
 			hasMore: r,
@@ -3053,11 +3540,13 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			filterMode: d,
 			onFilterChange: f,
 			collapseWhenEmpty: p,
-			titleLabel: b("detail.discussion"),
-			emptyLabel: b("detail.noCommentsYet")
+			mentionSuggestions: m,
+			onUploadAttachments: h,
+			titleLabel: S("detail.discussion"),
+			emptyLabel: S("detail.noCommentsYet")
 		})] })
 	});
-}, xn = (e) => {
+}, In = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -3067,9 +3556,9 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, Sn = ({ schema: e = {}, className: t, ...n }) => {
-	tt();
-	let r = Qe(), { designer: i } = xn(n), a = {
+}, Ln = ({ schema: e = {}, className: t, ...n }) => {
+	it();
+	let r = tt(), { designer: i } = In(n), a = {
 		position: "bottom",
 		collapsible: !1,
 		feed: {
@@ -3082,15 +3571,17 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 	return /* @__PURE__ */ Z("div", {
 		className: t,
 		...i,
-		children: /* @__PURE__ */ Z(bn, {
+		children: /* @__PURE__ */ Z(Fn, {
 			items: r?.items || [],
 			config: a,
 			onAddComment: r?.onAddComment,
 			onAddReply: r?.onAddReply,
-			onToggleReaction: r?.onToggleReaction
+			onToggleReaction: r?.onToggleReaction,
+			mentionSuggestions: r?.mentionSuggestions,
+			onUploadAttachments: r?.onUploadAttachments
 		})
 	});
-}, Cn = (e) => {
+}, Rn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -3100,8 +3591,8 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, wn = ({ schema: e = {}, className: t, ...n }) => {
-	let i = tt(), { translateOptions: a } = rt(), { designer: o } = Cn(n), s = Array.isArray(e.stages) ? e.stages : [], c = e.statusField, l = r.useMemo(() => {
+}, zn = ({ schema: e = {}, className: t, ...n }) => {
+	let i = it(), { translateOptions: a } = ot(), { designer: o } = Rn(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;
@@ -3123,7 +3614,7 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		if (l.length !== 1) return e === 0 ? "polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%)" : e === t ? "polygon(0 0, 100% 0, 100% 100%, 0 100%, 14px 50%)" : "polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%)";
 	}, p = l.length - 1;
 	return /* @__PURE__ */ Q("div", {
-		className: H("w-full", t),
+		className: U("w-full", t),
 		...o,
 		children: [/* @__PURE__ */ Z("div", {
 			className: "hidden sm:flex w-full items-stretch",
@@ -3138,7 +3629,7 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 						clipPath: i,
 						WebkitClipPath: i
 					} : void 0,
-					className: H("relative flex-1 min-w-0 px-5 py-2 text-xs font-medium text-center", t > 0 && "-ml-2", l.length === 1 && "rounded-md border", r && "bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground", !r && !n && "bg-background text-foreground/70 border border-border/60"),
+					className: U("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: {
@@ -3161,7 +3652,7 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				return /* @__PURE__ */ Z("div", {
 					role: "listitem",
 					"aria-current": r ? "step" : void 0,
-					className: H("shrink-0 px-3 py-1.5 rounded-full text-xs font-medium border whitespace-nowrap", r && "bg-primary text-primary-foreground border-primary shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground border-transparent", !r && !n && "bg-background text-foreground/70 border-border/60"),
+					className: U("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", {
@@ -3173,7 +3664,7 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			})
 		})]
 	});
-}, Tn = (e) => {
+}, Bn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -3183,8 +3674,8 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, En = ({ schema: e = {}, className: t, ...n }) => {
-	let r = tt(), { designer: i } = Tn(n), a = dt(), o = Array.isArray(e.actions) ? e.actions : Array.isArray(e.properties?.actions) ? e.properties.actions : [], s = r?.objectName || "", c = Array.isArray(e.requiredPermissions) ? e.requiredPermissions : [];
+}, Vn = ({ schema: e = {}, className: t, ...n }) => {
+	let r = it(), { designer: i } = Bn(n), a = mt(), 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,
@@ -3195,7 +3686,7 @@ var _n = ({ 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 } = Ze({
+	let l = e.location || "record_header", { getActionsForLocation: u, executeAction: d } = et({
 		actions: o,
 		context: {
 			record: r?.data,
@@ -3213,7 +3704,7 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 	});
 	let p = e.align || "end", m = p === "start" ? "justify-start" : p === "center" ? "justify-center" : "justify-end";
 	return /* @__PURE__ */ Z("div", {
-		className: H("flex flex-wrap items-center gap-2", l === "record_header" && !e.inline && "-mt-12 sm:-mt-14 mb-2 relative z-10", m, t),
+		className: U("flex flex-wrap items-center gap-2", l === "record_header" && !e.inline && "-mt-12 sm:-mt-14 mb-2 relative z-10", m, t),
 		role: "toolbar",
 		"aria-label": e.aria?.label || "Quick actions",
 		...i,
@@ -3234,7 +3725,7 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			}, t.name || `qa-${n}`);
 		})
 	});
-}, Dn = (e) => {
+}, Hn = (e) => {
 	let { "data-obj-id": t, "data-obj-type": n, style: r, ...i } = e || {};
 	return {
 		designer: {
@@ -3244,18 +3735,143 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		},
 		rest: i
 	};
-}, On = ({ schema: e = {}, className: t, ...n }) => {
-	let { designer: r } = Dn(n), i = Array.isArray(e.entries) ? e.entries : Array.isArray(e.properties?.entries) ? e.properties.entries : [], a = e.loading ?? e.properties?.loading ?? !1, o = e.emptyText ?? e.properties?.emptyText;
+}, Un = ({ schema: e = {}, className: t, ...n }) => {
+	let { designer: r } = Hn(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(Bt, {
+		children: /* @__PURE__ */ Z(Gt, {
 			entries: i,
 			loading: a,
 			emptyText: o
 		})
 	});
-}, kn = new Set([
+}, Wn = (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
+	};
+}, Gn = (e) => e.replace(/[_-]+/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()).trim(), Kn = (e) => e?.name || e?.title || e?.subject || e?.label || e?.id || "—", qn = ({ schema: e = {}, className: t, ...n }) => {
+	let i = it(), a = ot(), { t: o } = $(), { designer: s } = Wn(n), c = gt().appName, l = Array.isArray(e.entries) ? e.entries : Array.isArray(e.properties?.entries) ? e.properties.entries : [], u = i?.recordId, d = i?.dataSource, [f, p] = r.useState({});
+	return r.useEffect(() => {
+		if (!d?.find || !u || l.length === 0) return;
+		let e = !1;
+		return l.forEach((t) => {
+			let n = t.objectName;
+			p((e) => ({
+				...e,
+				[n]: {
+					loading: !0,
+					total: 0,
+					items: e[n]?.items || []
+				}
+			})), d.find(t.objectName, {
+				$filter: { [t.relationshipField]: u },
+				$top: t.limit ?? 3,
+				$count: !0
+			}).then((t) => {
+				if (e) return;
+				let r = Array.isArray(t) ? t : t?.data || [], i = typeof t?.total == "number" ? t.total : typeof t?.count == "number" ? t.count : r.length;
+				p((e) => ({
+					...e,
+					[n]: {
+						loading: !1,
+						total: i,
+						items: r
+					}
+				}));
+			}).catch((t) => {
+				e || p((e) => ({
+					...e,
+					[n]: {
+						loading: !1,
+						total: 0,
+						items: [],
+						error: String(t?.message || t)
+					}
+				}));
+			});
+		}), () => {
+			e = !0;
+		};
+	}, [
+		d,
+		u,
+		JSON.stringify(l.map((e) => `${e.objectName}:${e.relationshipField}:${e.limit ?? 3}`))
+	]), l.length === 0 ? null : /* @__PURE__ */ Z("div", {
+		className: U("flex flex-col gap-3", e.className, t),
+		...s,
+		children: l.map((e) => {
+			let t = e.objectName, n = f[t] || {
+				loading: !0,
+				total: 0,
+				items: []
+			};
+			return /* @__PURE__ */ Q(_, {
+				className: "overflow-hidden",
+				children: [/* @__PURE__ */ Q(y, {
+					className: "flex flex-row items-center justify-between gap-2 py-3 px-4 space-y-0 border-b",
+					children: [/* @__PURE__ */ Z(b, {
+						className: "text-sm font-semibold tracking-tight truncate",
+						children: e.title || (a?.objectLabel ? a.objectLabel({
+							name: e.objectName,
+							label: Gn(e.objectName)
+						}) : Gn(e.objectName))
+					}), /* @__PURE__ */ Q("div", {
+						className: "flex items-center gap-2 shrink-0",
+						children: [!n.loading && /* @__PURE__ */ Z(h, {
+							variant: "secondary",
+							className: "tabular-nums",
+							children: n.total
+						}), c && u && /* @__PURE__ */ Z(ht, {
+							to: `/apps/${c}/${e.objectName}?filter%5B${e.relationshipField}%5D=${encodeURIComponent(String(u))}`,
+							className: "text-[11px] font-medium text-muted-foreground hover:text-foreground transition-colors",
+							title: o("detail.viewAll", { defaultValue: "View all" }),
+							children: o("detail.viewAll", { defaultValue: "View all" })
+						})]
+					})]
+				}), /* @__PURE__ */ Z(v, {
+					className: "p-0",
+					children: n.loading ? /* @__PURE__ */ Q("div", {
+						className: "space-y-1.5 p-3",
+						children: [
+							/* @__PURE__ */ Z(F, { className: "h-3.5 w-4/5" }),
+							/* @__PURE__ */ Z(F, { className: "h-3.5 w-3/5" }),
+							/* @__PURE__ */ Z(F, { className: "h-3.5 w-2/3" })
+						]
+					}) : n.items.length === 0 ? /* @__PURE__ */ Z("p", {
+						className: "px-4 py-3 text-xs text-muted-foreground",
+						children: o("detail.noRecords")
+					}) : /* @__PURE__ */ Z("ul", {
+						className: "divide-y",
+						children: n.items.map((t) => {
+							let n = t.id || t._id, r = Kn(t), i = n ? `../${e.objectName}/record/${encodeURIComponent(String(n))}` : void 0;
+							return /* @__PURE__ */ Z("li", {
+								className: "px-4 py-2",
+								children: i ? /* @__PURE__ */ Q(ht, {
+									to: i,
+									className: "group flex items-center justify-between gap-2 text-xs hover:text-foreground text-muted-foreground transition-colors",
+									children: [/* @__PURE__ */ Z("span", {
+										className: "truncate",
+										children: r
+									}), /* @__PURE__ */ Z(me, { className: "h-3 w-3 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" })]
+								}) : /* @__PURE__ */ Z("span", {
+									className: "block truncate text-xs text-muted-foreground",
+									children: r
+								})
+							}, String(n || r));
+						})
+					})
+				})]
+			}, t);
+		})
+	});
+}, Jn = new Set([
 	"id",
 	"_id",
 	"__v",
@@ -3270,15 +3886,15 @@ var _n = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 	"owner_id",
 	"deleted_at",
 	"is_deleted"
-]), An = 480, jn = 95;
-function Mn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId: o, dataSource: s, objectSchema: c, width: l = "min(960px, 60vw)", columns: u = 2, systemFields: d = kn, onFieldSave: f, onDelete: p, resizable: m = !0, fullPageHref: h }) {
+]), Yn = 480, Xn = 95;
+function Zn({ 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 = Jn, 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 >= An) return t;
+				if (Number.isFinite(t) && t >= Yn) return t;
 			}
 		} catch {}
 		return null;
@@ -3300,7 +3916,7 @@ function Mn({ 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 * jn / 100 : 1600, i = Math.min(r, Math.max(An, t.startWidth + n));
+			let n = t.startX - e.clientX, r = typeof window < "u" ? window.innerWidth * Xn / 100 : 1600, i = Math.min(r, Math.max(Yn, 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);
@@ -3332,12 +3948,12 @@ function Mn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 			description: t.description
 		};
 	});
-	return /* @__PURE__ */ Z(A, {
+	return /* @__PURE__ */ Z(j, {
 		open: e,
 		onOpenChange: (e) => {
 			e || t();
 		},
-		children: /* @__PURE__ */ Q(j, {
+		children: /* @__PURE__ */ Q(M, {
 			side: "right",
 			className: "w-full overflow-y-auto p-0 sm:!max-w-none",
 			style: x,
@@ -3350,13 +3966,13 @@ function Mn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 					onPointerDown: C,
 					className: "hidden sm:block absolute left-0 top-0 h-full w-1.5 cursor-col-resize select-none bg-transparent hover:bg-primary/30 active:bg-primary/50 transition-colors z-10"
 				}),
-				/* @__PURE__ */ Z(M, {
+				/* @__PURE__ */ Z(N, {
 					className: "sr-only",
-					children: /* @__PURE__ */ Z(N, { children: n })
+					children: /* @__PURE__ */ Z(P, { children: n })
 				}),
 				/* @__PURE__ */ Z("div", {
 					className: "px-6 pt-6 pb-6",
-					children: /* @__PURE__ */ Z(Xt, {
+					children: /* @__PURE__ */ Z(tn, {
 						dataSource: s,
 						inlineEdit: !0,
 						schema: {
@@ -3399,15 +4015,15 @@ function Mn({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 		})
 	});
 }
-function Nn(e, t) {
+function Qn(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 Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, onLinkRecord: a, onSearch: o, existingRecords: s = [], className: c }) => {
-	let [l, u] = n.useState(!1), [d, f] = n.useState("create"), [p, m] = n.useState({}), [h, x] = n.useState(""), [S, C] = n.useState(s), [T, E] = n.useState(!1), [D, O] = n.useState(!1), k = n.useMemo(() => {
+var $n = ({ 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), [w, E] = n.useState(!1), [D, O] = n.useState(!1), k = n.useMemo(() => {
 		if (!h.trim()) return S;
 		let e = h.toLowerCase();
 		return S.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
@@ -3452,7 +4068,7 @@ var Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 		}
 	}, [a]), P = n.useMemo(() => r.filter((e) => e.required).every((e) => p[e.name]?.toString().trim()), [r, p]);
 	return l ? /* @__PURE__ */ Q(_, {
-		className: H("", c),
+		className: U("", c),
 		children: [/* @__PURE__ */ Z(y, {
 			className: "pb-3",
 			children: /* @__PURE__ */ Q(b, {
@@ -3466,26 +4082,26 @@ var Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 					size: "icon",
 					className: "h-6 w-6",
 					onClick: () => u(!1),
-					children: /* @__PURE__ */ Z(qe, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(Xe, { className: "h-3.5 w-3.5" })
 				})]
 			})
-		}), /* @__PURE__ */ Z(v, { children: /* @__PURE__ */ Q(ee, {
+		}), /* @__PURE__ */ Z(v, { children: /* @__PURE__ */ Q(I, {
 			value: d,
 			onValueChange: f,
 			children: [
-				/* @__PURE__ */ Q(I, {
+				/* @__PURE__ */ Q(ee, {
 					className: "mb-3 w-full",
-					children: [i && /* @__PURE__ */ Q(L, {
+					children: [i && /* @__PURE__ */ Q(R, {
 						value: "create",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5" }), "Create New"]
-					}), a && /* @__PURE__ */ Q(L, {
+						children: [/* @__PURE__ */ Z(Be, { className: "h-3.5 w-3.5" }), "Create New"]
+					}), a && /* @__PURE__ */ Q(R, {
 						value: "link",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ Z(Te, { className: "h-3.5 w-3.5" }), "Link Existing"]
+						children: [/* @__PURE__ */ Z(Oe, { className: "h-3.5 w-3.5" }), "Link Existing"]
 					})]
 				}),
-				i && /* @__PURE__ */ Q(F, {
+				i && /* @__PURE__ */ Q(L, {
 					value: "create",
 					className: "space-y-3 mt-0",
 					children: [r.map((e) => /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("label", {
@@ -3494,7 +4110,7 @@ var Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 							className: "text-destructive ml-0.5",
 							children: "*"
 						})]
-					}), /* @__PURE__ */ Z(w, {
+					}), /* @__PURE__ */ Z(T, {
 						type: e.type === "number" ? "number" : e.type === "date" ? "date" : "text",
 						placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
 						value: p[e.name] || "",
@@ -3510,18 +4126,18 @@ var Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 						}), /* @__PURE__ */ Q(g, {
 							size: "sm",
 							onClick: M,
-							disabled: !P || T,
+							disabled: !P || w,
 							className: "gap-1.5",
-							children: [T && /* @__PURE__ */ Z(De, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
+							children: [w && /* @__PURE__ */ Z(Ae, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
 						})]
 					})]
 				}),
-				a && /* @__PURE__ */ Q(F, {
+				a && /* @__PURE__ */ Q(L, {
 					value: "link",
 					className: "space-y-3 mt-0",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ Z(Ve, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ Z(w, {
+						children: [/* @__PURE__ */ Z(We, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ Z(T, {
 							placeholder: `Search ${e}…`,
 							value: h,
 							onChange: (e) => A(e.target.value),
@@ -3531,7 +4147,7 @@ var Pn = ({ 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(De, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
+							children: [/* @__PURE__ */ Z(Ae, { 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"
@@ -3539,7 +4155,7 @@ var Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 							type: "button",
 							className: "w-full text-left px-3 py-2 rounded-md hover:bg-accent text-sm transition-colors",
 							onClick: () => N(e.id),
-							disabled: T,
+							disabled: w,
 							children: [/* @__PURE__ */ Z("span", {
 								className: "font-medium",
 								children: e.label
@@ -3553,7 +4169,7 @@ var Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 			]
 		}) })]
 	}) : /* @__PURE__ */ Q("div", {
-		className: H("flex gap-2", c),
+		className: U("flex gap-2", c),
 		children: [i && /* @__PURE__ */ Q(g, {
 			variant: "outline",
 			size: "sm",
@@ -3562,7 +4178,7 @@ var Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 			},
 			className: "gap-1.5",
 			children: [
-				/* @__PURE__ */ Z(Le, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ Z(Be, { className: "h-3.5 w-3.5" }),
 				"New ",
 				e
 			]
@@ -3573,182 +4189,13 @@ var Pn = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 				f("link"), u(!0);
 			},
 			className: "gap-1.5",
-			children: [/* @__PURE__ */ Z(Te, { className: "h-3.5 w-3.5" }), "Link Existing"]
-		})]
-	});
-};
-//#endregion
-//#region src/RichTextCommentInput.tsx
-function Fn(e) {
-	let t = e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/```([\s\S]*?)```/g, "<pre class=\"bg-muted rounded p-2 text-xs font-mono my-1 overflow-x-auto\">$1</pre>").replace(/`([^`]+)`/g, "<code class=\"bg-muted rounded px-1 py-0.5 text-xs font-mono\">$1</code>").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/@(\w+)/g, "<span class=\"text-primary font-medium\">@$1</span>").replace(/^- (.+)$/gm, "<li class=\"ml-4 list-disc\">$1</li>").replace(/\n/g, "<br/>");
-	return t = t.replace(/(<li[^>]*>.*?<\/li>(?:<br\/>)?)+/g, (e) => `<ul class="my-1">${e.replace(/<br\/>/g, "")}</ul>`), t;
-}
-var In = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], placeholder: a, className: o, disabled: s = !1 }) => {
-	let { t: c } = $(), [l, u] = n.useState(!1), [d, f] = n.useState(!1), [p, m] = n.useState(""), [h, _] = n.useState(0), v = n.useRef(null), y = n.useMemo(() => {
-		if (!p) return i;
-		let e = p.toLowerCase();
-		return i.filter((t) => t.label.toLowerCase().includes(e));
-	}, [p, i]), b = n.useCallback((n, r = "") => {
-		let i = v.current;
-		if (!i) return;
-		let a = i.selectionStart, o = i.selectionEnd, s = e.slice(a, o);
-		t(e.slice(0, a) + n + s + r + e.slice(o)), requestAnimationFrame(() => {
-			i.focus();
-			let e = a + n.length + s.length;
-			i.setSelectionRange(e, e);
-		});
-	}, [e, t]), x = n.useCallback(() => b("**", "**"), [b]), S = n.useCallback(() => b("*", "*"), [b]), C = n.useCallback(() => b("\n- ", ""), [b]), w = n.useCallback(() => b("`", "`"), [b]), T = n.useCallback(() => {
-		b("@", ""), f(!0), m(""), _(0);
-	}, [b]), E = n.useCallback((n) => {
-		let r = v.current;
-		if (!r) return;
-		let i = r.selectionStart, a = e.slice(0, i).lastIndexOf("@");
-		a !== -1 && t(e.slice(0, a) + `@${n.label} ` + e.slice(i)), f(!1), m(""), requestAnimationFrame(() => r.focus());
-	}, [e, t]), D = n.useCallback((e) => {
-		let n = e.target.value;
-		t(n);
-		let r = e.target.selectionStart, i = n.slice(0, r), a = i.lastIndexOf("@");
-		if (a !== -1) {
-			let e = i.slice(a + 1), t = a > 0 ? i[a - 1] : " ";
-			if (/\s/.test(t) && !/\s/.test(e)) {
-				f(!0), m(e), _(0);
-				return;
-			}
-		}
-		f(!1);
-	}, [t]), O = n.useCallback((e) => {
-		if (d && y.length > 0) {
-			if (e.key === "ArrowDown") {
-				e.preventDefault(), _((e) => e < y.length - 1 ? e + 1 : 0);
-				return;
-			}
-			if (e.key === "ArrowUp") {
-				e.preventDefault(), _((e) => e > 0 ? e - 1 : y.length - 1);
-				return;
-			}
-			if (e.key === "Enter" || e.key === "Tab") {
-				e.preventDefault(), E(y[h]);
-				return;
-			}
-			if (e.key === "Escape") {
-				f(!1);
-				return;
-			}
-		}
-		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), r?.());
-	}, [
-		d,
-		y,
-		h,
-		E,
-		r
-	]);
-	return /* @__PURE__ */ Q("div", {
-		className: H("border rounded-md", o),
-		children: [/* @__PURE__ */ Q("div", {
-			className: "flex items-center gap-0.5 px-2 py-1.5 border-b bg-muted/30",
-			children: [
-				/* @__PURE__ */ Z(g, {
-					variant: "ghost",
-					size: "icon",
-					className: "h-7 w-7",
-					onClick: x,
-					disabled: s || l,
-					title: c("detail.bold"),
-					children: /* @__PURE__ */ Z(K, { className: "h-3.5 w-3.5" })
-				}),
-				/* @__PURE__ */ Z(g, {
-					variant: "ghost",
-					size: "icon",
-					className: "h-7 w-7",
-					onClick: S,
-					disabled: s || l,
-					title: c("detail.italic"),
-					children: /* @__PURE__ */ Z(we, { className: "h-3.5 w-3.5" })
-				}),
-				/* @__PURE__ */ Z(g, {
-					variant: "ghost",
-					size: "icon",
-					className: "h-7 w-7",
-					onClick: C,
-					disabled: s || l,
-					title: c("detail.listFormat"),
-					children: /* @__PURE__ */ Z(Ee, { className: "h-3.5 w-3.5" })
-				}),
-				/* @__PURE__ */ Z(g, {
-					variant: "ghost",
-					size: "icon",
-					className: "h-7 w-7",
-					onClick: w,
-					disabled: s || l,
-					title: c("detail.inlineCode"),
-					children: /* @__PURE__ */ Z(me, { className: "h-3.5 w-3.5" })
-				}),
-				/* @__PURE__ */ Z(g, {
-					variant: "ghost",
-					size: "icon",
-					className: "h-7 w-7",
-					onClick: T,
-					disabled: s || l,
-					title: c("detail.mentionSomeone"),
-					children: /* @__PURE__ */ Z(G, { className: "h-3.5 w-3.5" })
-				}),
-				/* @__PURE__ */ Z("div", { className: "flex-1" }),
-				/* @__PURE__ */ Z(g, {
-					variant: "ghost",
-					size: "icon",
-					className: "h-7 w-7",
-					onClick: () => u(!l),
-					title: c(l ? "detail.edit" : "detail.preview"),
-					children: Z(l ? J : ve, { className: "h-3.5 w-3.5" })
-				}),
-				r && /* @__PURE__ */ Z(g, {
-					variant: "ghost",
-					size: "icon",
-					className: "h-7 w-7",
-					onClick: r,
-					disabled: s || !e.trim(),
-					title: c("detail.submitComment"),
-					children: /* @__PURE__ */ Z(He, { className: "h-3.5 w-3.5" })
-				})
-			]
-		}), /* @__PURE__ */ Z("div", {
-			className: "relative",
-			children: l ? /* @__PURE__ */ Z("div", {
-				className: "min-h-[80px] px-3 py-2 text-sm prose prose-sm max-w-none",
-				dangerouslySetInnerHTML: { __html: Fn(e) }
-			}) : /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z("textarea", {
-				ref: v,
-				className: "w-full min-h-[80px] px-3 py-2 text-sm bg-transparent resize-none focus:outline-none placeholder:text-muted-foreground",
-				placeholder: a ?? c("detail.writeComment"),
-				value: e,
-				onChange: D,
-				onKeyDown: O,
-				disabled: s
-			}), d && y.length > 0 && /* @__PURE__ */ Z("div", {
-				className: "absolute left-2 bottom-full mb-1 w-56 bg-popover border rounded-md shadow-md z-50 max-h-40 overflow-y-auto",
-				children: y.map((e, t) => /* @__PURE__ */ Q("button", {
-					type: "button",
-					className: H("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === h && "bg-accent"),
-					onMouseDown: (t) => {
-						t.preventDefault(), E(e);
-					},
-					children: [e.avatarUrl ? /* @__PURE__ */ Z("img", {
-						src: e.avatarUrl,
-						alt: e.label,
-						className: "h-5 w-5 rounded-full object-cover"
-					}) : /* @__PURE__ */ Z("div", {
-						className: "h-5 w-5 rounded-full bg-muted flex items-center justify-center text-[10px] font-medium",
-						children: e.label.charAt(0).toUpperCase()
-					}), /* @__PURE__ */ Z("span", { children: e.label })]
-				}, e.id))
-			})] })
+			children: [/* @__PURE__ */ Z(Oe, { className: "h-3.5 w-3.5" }), "Link Existing"]
 		})]
 	});
 };
 //#endregion
 //#region src/DiffView.tsx
-function Ln(e, t) {
+function er(e, t) {
 	if (e == null) return ["(empty)"];
 	switch (t) {
 		case "json": try {
@@ -3767,7 +4214,7 @@ function Ln(e, t) {
 		default: return String(e).split("\n");
 	}
 }
-function Rn(e, t) {
+function tr(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;
@@ -3784,16 +4231,16 @@ function Rn(e, t) {
 	}
 	return n;
 }
-var zn = {
+var nr = {
 	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"
-}, Bn = {
+}, rr = {
 	added: "+",
 	removed: "-",
 	unchanged: " "
-}, Vn = ({ oldValue: e, newValue: t, fieldName: r, fieldType: i = "string", mode: a = "unified", className: o }) => {
-	let { t: s } = $(), [c, l] = n.useState(a), u = n.useMemo(() => Ln(e, i), [e, i]), d = n.useMemo(() => Ln(t, i), [t, i]), f = n.useMemo(() => Rn(u, d), [u, d]), p = f.some((e) => e.type !== "unchanged"), m = n.useMemo(() => {
+}, ir = ({ 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(() => er(e, i), [e, i]), d = n.useMemo(() => er(t, i), [t, i]), f = n.useMemo(() => tr(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;) {
@@ -3819,7 +4266,7 @@ var zn = {
 		return e;
 	}, [c, f]);
 	return /* @__PURE__ */ Q(_, {
-		className: H("overflow-hidden", o),
+		className: U("overflow-hidden", o),
 		children: [/* @__PURE__ */ Z(y, {
 			className: "pb-2",
 			children: /* @__PURE__ */ Q(b, {
@@ -3835,14 +4282,14 @@ var zn = {
 						className: "h-7 w-7",
 						onClick: () => l("unified"),
 						title: s("detail.unifiedDiff"),
-						children: /* @__PURE__ */ Z(Be, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ Z(Ue, { className: "h-3.5 w-3.5" })
 					}), /* @__PURE__ */ Z(g, {
 						variant: c === "side-by-side" ? "secondary" : "ghost",
 						size: "icon",
 						className: "h-7 w-7",
 						onClick: () => l("side-by-side"),
 						title: s("detail.sideBySideDiff"),
-						children: /* @__PURE__ */ Z(he, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ Z(_e, { className: "h-3.5 w-3.5" })
 					})]
 				})]
 			})
@@ -3851,10 +4298,10 @@ var zn = {
 			children: p ? c === "unified" ? /* @__PURE__ */ Z("div", {
 				className: "font-mono text-xs overflow-x-auto",
 				children: f.map((e, t) => /* @__PURE__ */ Q("div", {
-					className: H("px-4 py-0.5 whitespace-pre-wrap border-l-2", zn[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
+					className: U("px-4 py-0.5 whitespace-pre-wrap border-l-2", nr[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: Bn[e.type]
+						children: rr[e.type]
 					}), e.value]
 				}, t))
 			}) : /* @__PURE__ */ Z("div", {
@@ -3871,10 +4318,10 @@ var zn = {
 							children: s("detail.currentVersion")
 						}),
 						m.map((e, t) => /* @__PURE__ */ Q(n.Fragment, { children: [/* @__PURE__ */ Z("div", {
-							className: H("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? zn[e.left.type] : "bg-muted/20"),
+							className: U("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? nr[e.left.type] : "bg-muted/20"),
 							children: e.left?.value ?? ""
 						}), /* @__PURE__ */ Z("div", {
-							className: H("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? zn[e.right.type] : "bg-muted/20"),
+							className: U("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? nr[e.right.type] : "bg-muted/20"),
 							children: e.right?.value ?? ""
 						})] }, t))
 					]
@@ -3885,7 +4332,7 @@ var zn = {
 			})
 		})]
 	});
-}, Hn = ({ currentIndex: e, totalRecords: t, recordIds: r, onNavigate: i, onSearch: a, className: o }) => {
+}, ar = ({ 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]);
 	}, [
@@ -3953,7 +4400,7 @@ var zn = {
 		i,
 		a
 	]), /* @__PURE__ */ Q("div", {
-		className: H("flex items-center gap-1.5", o),
+		className: U("flex items-center gap-1.5", o),
 		children: [
 			/* @__PURE__ */ Z(g, {
 				variant: "outline",
@@ -3962,7 +4409,7 @@ var zn = {
 				disabled: !p,
 				onClick: v,
 				title: s("detail.firstRecord"),
-				children: /* @__PURE__ */ Z(q, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(he, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z(g, {
 				variant: "outline",
@@ -3971,7 +4418,7 @@ var zn = {
 				disabled: !m,
 				onClick: y,
 				title: s("detail.previousRecordKey"),
-				children: /* @__PURE__ */ Z(de, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(pe, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "text-xs text-muted-foreground whitespace-nowrap px-1.5 tabular-nums",
@@ -3987,7 +4434,7 @@ var zn = {
 				disabled: !h,
 				onClick: b,
 				title: s("detail.nextRecordKey"),
-				children: /* @__PURE__ */ Z(fe, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(me, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z(g, {
 				variant: "outline",
@@ -3996,18 +4443,18 @@ var zn = {
 				disabled: !_,
 				onClick: x,
 				title: s("detail.lastRecord"),
-				children: /* @__PURE__ */ Z(pe, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(ge, { className: "h-4 w-4" })
 			}),
-			a && /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Z(g, {
+			a && /* @__PURE__ */ Q(ft, { children: [/* @__PURE__ */ Z(g, {
 				variant: u ? "secondary" : "ghost",
 				size: "icon",
 				className: "h-8 w-8",
 				onClick: C,
 				title: s("detail.searchWhileNavigating"),
-				children: /* @__PURE__ */ Z(Ve, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(We, { className: "h-4 w-4" })
 			}), u && /* @__PURE__ */ Z("div", {
 				className: "relative",
-				children: /* @__PURE__ */ Z(w, {
+				children: /* @__PURE__ */ Z(T, {
 					ref: f,
 					type: "text",
 					placeholder: s("detail.searchRecords"),
@@ -4018,18 +4465,18 @@ var zn = {
 			})] })
 		]
 	});
-}, Un = 28, Wn = [
+}, or = 28, sr = [
 	"fill-primary stroke-primary",
 	"fill-blue-500 stroke-blue-500",
 	"fill-emerald-500 stroke-emerald-500",
 	"fill-amber-500 stroke-amber-500"
-], Gn = [
+], cr = [
 	"fill-primary-foreground",
 	"fill-white",
 	"fill-white",
 	"fill-white"
 ];
-function Kn(e, t, n, r, i) {
+function lr(e, t, n, r, i) {
 	let a = [], o = [], s = /* @__PURE__ */ new Set(), c = r / 2, l = i / 2;
 	a.push({
 		id: e.id,
@@ -4093,10 +4540,10 @@ function Kn(e, t, n, r, i) {
 		edges: o
 	};
 }
-function qn(e, t = 6) {
+function ur(e, t = 6) {
 	return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-var Jn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: a }) => {
+var dr = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: a }) => {
 	let o = n.useRef(null), [s, c] = n.useState({
 		width: 500,
 		height: 400
@@ -4117,20 +4564,20 @@ var Jn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 		});
 		return n.observe(t), () => n.disconnect();
 	}, []);
-	let { nodes: d, edges: f } = n.useMemo(() => Kn(e, t, r, s.width, s.height), [
+	let { nodes: d, edges: f } = n.useMemo(() => lr(e, t, r, s.width, s.height), [
 		e,
 		t,
 		r,
 		s
 	]);
 	return /* @__PURE__ */ Q(_, {
-		className: H("overflow-hidden", a),
+		className: U("overflow-hidden", a),
 		children: [/* @__PURE__ */ Z(y, {
 			className: "pb-2",
 			children: /* @__PURE__ */ Q(b, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(je, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(Pe, { className: "h-4 w-4" }),
 					"Relationships",
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -4159,9 +4606,9 @@ var Jn = ({ 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 = Wn[Math.min(e.level, Wn.length - 1)], r = Gn[Math.min(e.level, Gn.length - 1)], a = e.level === 0 ? Un + 6 : Un;
+					let t = l === e.id, n = sr[Math.min(e.level, sr.length - 1)], r = cr[Math.min(e.level, cr.length - 1)], a = e.level === 0 ? or + 6 : or;
 					return /* @__PURE__ */ Q("g", {
-						className: H("cursor-pointer transition-transform", i && "hover:opacity-80"),
+						className: U("cursor-pointer transition-transform", i && "hover:opacity-80"),
 						onClick: () => i?.(e.id),
 						onMouseEnter: () => u(e.id),
 						onMouseLeave: () => u(null),
@@ -4180,8 +4627,8 @@ var Jn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 								y: e.y,
 								textAnchor: "middle",
 								dominantBaseline: "central",
-								className: H("text-[10px] font-medium pointer-events-none", r),
-								children: qn(e.label)
+								className: U("text-[10px] font-medium pointer-events-none", r),
+								children: ur(e.label)
 							}),
 							e.type && /* @__PURE__ */ Z("text", {
 								x: e.x,
@@ -4190,7 +4637,7 @@ var Jn = ({ 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(lt, { children: [/* @__PURE__ */ Z("rect", {
+							t && /* @__PURE__ */ Q(ft, { children: [/* @__PURE__ */ Z("rect", {
 								x: e.x - 50,
 								y: e.y - a - 28,
 								width: 100,
@@ -4214,101 +4661,8 @@ var Jn = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 	});
 };
 //#endregion
-//#region src/CommentAttachment.tsx
-function Yn(e) {
-	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-}
-function Xn(e) {
-	return e.startsWith("image/");
-}
-function Zn(e) {
-	return Xn(e) ? Ce : e.includes("pdf") || e.includes("document") || e.includes("text") ? xe : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? Y : be;
-}
-var Qn = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a = !1 }) => {
-	let { t: o } = $(), [s, c] = n.useState(!1), l = n.useRef(null), u = n.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), c(!0);
-	}, []), d = n.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), c(!1);
-	}, []), f = n.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), c(!1), t && e.dataTransfer.files.length > 0 && t(e.dataTransfer.files);
-	}, [t]), p = n.useCallback((e) => {
-		t && e.target.files && e.target.files.length > 0 && (t(e.target.files), e.target.value = "");
-	}, [t]);
-	return /* @__PURE__ */ Q("div", {
-		className: H("space-y-2", i),
-		children: [t && !a && /* @__PURE__ */ Q("div", {
-			className: H("border-2 border-dashed rounded-md px-4 py-3 text-center transition-colors cursor-pointer", s ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/40"),
-			onDragOver: u,
-			onDragLeave: d,
-			onDrop: f,
-			onClick: () => l.current?.click(),
-			role: "button",
-			tabIndex: 0,
-			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l.current?.click());
-			},
-			children: [
-				/* @__PURE__ */ Z(Ke, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
-				/* @__PURE__ */ Z("p", {
-					className: "text-xs text-muted-foreground",
-					children: o("detail.dropFilesToUpload")
-				}),
-				/* @__PURE__ */ Z("input", {
-					ref: l,
-					type: "file",
-					multiple: !0,
-					className: "hidden",
-					onChange: p
-				})
-			]
-		}), e.length > 0 && /* @__PURE__ */ Q("div", {
-			className: "space-y-1.5",
-			children: [/* @__PURE__ */ Q("div", {
-				className: "flex items-center gap-1.5 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ Z(Pe, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: e.length === 1 ? o("detail.attachmentCount", { count: e.length }) : o("detail.attachmentCountPlural", { count: e.length }) })]
-			}), /* @__PURE__ */ Z("div", {
-				className: "grid grid-cols-1 sm:grid-cols-2 gap-2",
-				children: e.map((e) => {
-					let t = Xn(e.type), n = Zn(e.type);
-					return /* @__PURE__ */ Q("div", {
-						className: "flex items-center gap-2 rounded-md border px-2.5 py-2 bg-muted/30 group",
-						children: [
-							t && (e.thumbnailUrl || e.url) ? /* @__PURE__ */ Z("img", {
-								src: e.thumbnailUrl || e.url,
-								alt: e.name,
-								className: "h-10 w-10 rounded object-cover shrink-0"
-							}) : /* @__PURE__ */ Z("div", {
-								className: "h-10 w-10 rounded bg-muted flex items-center justify-center shrink-0",
-								children: /* @__PURE__ */ Z(n, { className: "h-5 w-5 text-muted-foreground" })
-							}),
-							/* @__PURE__ */ Q("div", {
-								className: "flex-1 min-w-0",
-								children: [/* @__PURE__ */ Z("p", {
-									className: "text-xs font-medium truncate",
-									children: e.name
-								}), /* @__PURE__ */ Z("p", {
-									className: "text-[10px] text-muted-foreground",
-									children: Yn(e.size)
-								})]
-							}),
-							r && !a && /* @__PURE__ */ Z(g, {
-								variant: "ghost",
-								size: "icon",
-								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(qe, { className: "h-3.5 w-3.5" })
-							})
-						]
-					}, e.id);
-				})
-			})]
-		})]
-	});
-};
-//#endregion
 //#region src/PointInTimeRestore.tsx
-function $n(e) {
+function fr(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";
@@ -4319,7 +4673,7 @@ function $n(e) {
 		return e;
 	}
 }
-var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
+var pr = ({ 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) {
@@ -4342,13 +4696,13 @@ var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 		c(!1);
 	}, []);
 	return /* @__PURE__ */ Q(_, {
-		className: H("", i),
+		className: U("", i),
 		children: [/* @__PURE__ */ Z(y, {
 			className: "pb-3",
 			children: /* @__PURE__ */ Q(b, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(Se, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(we, { className: "h-4 w-4" }),
 					"Revision History",
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -4375,13 +4729,13 @@ var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 							let t = e.id === a;
 							return /* @__PURE__ */ Q("button", {
 								type: "button",
-								className: H("w-full text-left flex items-start gap-3 py-2 px-2 rounded-md transition-colors relative", t ? "bg-accent" : "hover:bg-accent/50"),
+								className: U("w-full text-left flex items-start gap-3 py-2 px-2 rounded-md transition-colors relative", t ? "bg-accent" : "hover:bg-accent/50"),
 								onClick: () => {
 									o(e.id), c(!1);
 								},
 								children: [/* @__PURE__ */ Z("div", {
-									className: H("shrink-0 h-6 w-6 rounded-full border-2 flex items-center justify-center z-10 mt-0.5", t ? "border-primary bg-primary" : "border-border bg-background"),
-									children: t && /* @__PURE__ */ Z(fe, { className: "h-3 w-3 text-primary-foreground" })
+									className: U("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(me, { className: "h-3 w-3 text-primary-foreground" })
 								}), /* @__PURE__ */ Q("div", {
 									className: "flex-1 min-w-0",
 									children: [/* @__PURE__ */ Q("div", {
@@ -4391,7 +4745,7 @@ var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 											children: e.user
 										}), /* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground",
-											children: $n(e.timestamp)
+											children: fr(e.timestamp)
 										})]
 									}), /* @__PURE__ */ Q("p", {
 										className: "text-xs text-muted-foreground mt-0.5",
@@ -4413,7 +4767,7 @@ var er = ({ 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(ve, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
+						children: [/* @__PURE__ */ Z(X, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "space-y-2",
@@ -4429,7 +4783,7 @@ var er = ({ 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(fe, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+									/* @__PURE__ */ Z(me, { 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)
@@ -4459,12 +4813,12 @@ var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 					}),
 					r && /* @__PURE__ */ Z("div", {
 						className: "pt-1 space-y-2",
-						children: s ? /* @__PURE__ */ Q(lt, { children: [/* @__PURE__ */ Q("p", {
+						children: s ? /* @__PURE__ */ Q(ft, { children: [/* @__PURE__ */ Q("p", {
 							className: "text-xs text-amber-600 dark:text-amber-400",
 							children: [
 								"This will restore the record to its state at",
 								" ",
-								$n(d.timestamp),
+								fr(d.timestamp),
 								". Continue?"
 							]
 						}), /* @__PURE__ */ Q("div", {
@@ -4475,7 +4829,7 @@ var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 								className: "gap-1.5 flex-1",
 								onClick: f,
 								disabled: l,
-								children: [/* @__PURE__ */ Z(ze, { className: "h-3.5 w-3.5" }), l ? "Restoring…" : "Confirm Restore"]
+								children: [/* @__PURE__ */ Z(He, { className: "h-3.5 w-3.5" }), l ? "Restoring…" : "Confirm Restore"]
 							}), /* @__PURE__ */ Z(g, {
 								variant: "ghost",
 								size: "sm",
@@ -4488,14 +4842,14 @@ var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 							size: "sm",
 							className: "w-full gap-1.5",
 							onClick: f,
-							children: [/* @__PURE__ */ Z(ze, { className: "h-3.5 w-3.5" }), "Restore to this point"]
+							children: [/* @__PURE__ */ Z(He, { className: "h-3.5 w-3.5" }), "Restore to this point"]
 						})
 					})
 				]
 			})]
 		}) })]
 	});
-}, tr = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: r = !1, className: i }) => {
+}, mr = ({ 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) {
@@ -4510,7 +4864,7 @@ var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), l());
 	}, [l]);
 	return /* @__PURE__ */ Q("div", {
-		className: H("flex gap-2", i),
+		className: U("flex gap-2", i),
 		children: [/* @__PURE__ */ Z("textarea", {
 			className: "flex-1 min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none",
 			placeholder: t,
@@ -4525,24 +4879,24 @@ var er = ({ 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(He, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ Z(Ge, { className: "h-4 w-4" })
 		})]
 	});
-}, nr = ({ query: e, suggestions: t, onSelect: r, visible: i = !0, activeIndex: a = 0, className: o }) => {
+}, hr = ({ query: e, suggestions: t, onSelect: r, visible: i = !0, activeIndex: a = 0, className: o }) => {
 	let s = n.useMemo(() => {
 		if (!e) return t;
 		let n = e.toLowerCase();
 		return t.filter((e) => e.name.toLowerCase().includes(n) || e.id.toLowerCase().includes(n));
 	}, [e, t]);
 	return !i || s.length === 0 ? null : /* @__PURE__ */ Z("div", {
-		className: H("bg-popover border rounded-md shadow-md z-50 max-h-48 overflow-y-auto w-56", o),
+		className: U("bg-popover border rounded-md shadow-md z-50 max-h-48 overflow-y-auto w-56", o),
 		role: "listbox",
 		"aria-label": "Mention suggestions",
 		children: s.map((e, t) => /* @__PURE__ */ Q("button", {
 			type: "button",
 			role: "option",
 			"aria-selected": t === a,
-			className: H("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === a && "bg-accent"),
+			className: U("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === a && "bg-accent"),
 			onMouseDown: (t) => {
 				t.preventDefault(), r(e);
 			},
@@ -4570,7 +4924,7 @@ var er = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 		}, e.id))
 	});
 };
-function rr(e, t, n) {
+function gr(e, t, n) {
 	return {
 		type: e.type,
 		id: e.id,
@@ -4581,10 +4935,10 @@ function rr(e, t, n) {
 }
 //#endregion
 //#region src/synth/buildDefaultPageSchema.ts
-function ir(e) {
+function _r(e) {
 	return e == null ? [] : Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function ar(e) {
+function vr(e) {
 	if (!e) return null;
 	if (e.stageField) return e.stageField;
 	let t = e.fields || {};
@@ -4600,7 +4954,7 @@ function ar(e) {
 	}
 	return null;
 }
-function or(e, t) {
+function yr(e, t) {
 	if (!e || !t) return null;
 	let n = e.fields?.[t]?.options;
 	return !Array.isArray(n) || n.length === 0 ? null : n.map((e) => ({
@@ -4608,7 +4962,7 @@ function or(e, t) {
 		label: e.label
 	}));
 }
-function sr(e, t, n = 4) {
+function br(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([
@@ -4642,28 +4996,62 @@ function sr(e, t, n = 4) {
 		"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;
+		"email",
+		"close_date",
+		"due_date",
+		"start_date",
+		"expected_close_date",
+		"account",
+		"account_id",
+		"contact",
+		"contact_id"
+	], a = new Set([
+		"currency",
+		"number",
+		"integer",
+		"decimal",
+		"percent",
+		"date",
+		"datetime",
+		"time",
+		"reference",
+		"lookup",
+		"user",
+		"owner",
+		"select",
+		"enum",
+		"multiselect",
+		"status",
+		"email",
+		"phone",
+		"url",
+		"text",
+		"string"
+	]), o = [], s = e.fields || {};
+	for (let e of i) if (e in s && !r.has(e) && o.push(e), o.length >= n) return o;
+	for (let e of Object.keys(s)) {
+		if (o.includes(e) || r.has(e)) continue;
+		let t = s[e]?.type;
+		if (!(t && !a.has(t)) && (o.push(e), o.length >= n)) break;
+	}
+	return o;
 }
-function cr(e, t = {}) {
+function xr(e, t = {}) {
 	return {
 		type: "page:header",
 		recordChrome: t.recordChrome !== !1,
 		...Array.isArray(t.actions) && t.actions.length > 0 ? { actions: t.actions } : {}
 	};
 }
-function lr(e, t) {
+function Sr(e, t) {
 	return !Array.isArray(t) || t.length === 0 ? null : {
 		type: "record:quick_actions",
 		actions: t,
 		location: "record_header"
 	};
 }
-function ur(e, t = {}) {
-	let n = t.statusField ?? ar(e), r = t.stages ?? (n ? or(e, n) : null), i = t.highlightFields ?? sr(e, n), a = [];
+function Cr(e, t = {}) {
+	let n = t.statusField ?? vr(e), r = t.stages ?? (n ? yr(e, n) : null), i = t.highlightFields ?? br(e, n), a = [];
 	return !t.hideHighlights && i.length > 0 && a.push({
 		type: "record:highlights",
 		fields: i
@@ -4673,19 +5061,19 @@ function ur(e, t = {}) {
 		stages: r
 	}), a;
 }
-function dr(e, t, n) {
+function wr(e, t, n) {
 	return {
 		type: "record:details",
 		sections: t,
 		...n && n.length > 0 ? { hideFields: n } : {}
 	};
 }
-function fr(e, t = {}) {
-	let n = t.statusField ?? ar(e), r = t.highlightFields ?? sr(e, n), i = [{
+function Tr(e, t = {}) {
+	let n = t.statusField ?? vr(e), r = t.highlightFields ?? br(e, n), i = [{
 		label: "Details",
-		children: [dr(e, t.sections, r)]
+		children: [wr(e, t.sections, r)]
 	}];
-	return Array.isArray(t.related) && t.related.length > 0 && i.push({
+	return !t.hideRelatedTab && Array.isArray(t.related) && t.related.length > 0 && i.push({
 		label: "Related",
 		children: t.related.map((e) => ({
 			type: "record:related_list",
@@ -4712,55 +5100,75 @@ function fr(e, t = {}) {
 		items: i
 	};
 }
-function pr() {
+function Er() {
 	return { type: "record:discussion" };
 }
-function mr(e, t = {}) {
+function Dr(e, t = {}) {
 	let n = t.slots || {}, r = [];
-	if ("header" in n && n.header !== void 0 ? r.push(...ir(n.header)) : r.push(cr(e, {
+	"header" in n && n.header !== void 0 ? r.push(..._r(n.header)) : r.push(xr(e, {
 		recordChrome: t.recordChrome,
 		actions: t.headerActions
-	})), "actions" in n && n.actions !== void 0 && r.push(...ir(n.actions)), "highlights" in n && n.highlights !== void 0 ? r.push(...ir(n.highlights)) : r.push(...ur(e, {
+	})), "actions" in n && n.actions !== void 0 && r.push(..._r(n.actions)), "highlights" in n && n.highlights !== void 0 ? r.push(..._r(n.highlights)) : r.push(...Cr(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(...ir(n.tabs));
+	}));
+	let i = !t.hideReferenceRail && Array.isArray(t.related) && t.related.length >= 2, a = t.hideRelatedTab ?? i;
+	if ("tabs" in n && n.tabs !== void 0) r.push(..._r(n.tabs));
 	else if ("details" in n && n.details !== void 0) {
-		let i = ir(n.details), a = fr(e, {
+		let i = _r(n.details), o = Tr(e, {
 			sections: t.sections,
 			related: t.related,
 			showActivity: t.showActivity,
 			history: t.history,
 			highlightFields: t.highlightFields,
-			statusField: t.statusField
+			statusField: t.statusField,
+			hideRelatedTab: a
 		});
-		Array.isArray(a.items) && a.items.length > 0 && (a.items[0] = {
-			...a.items[0],
+		Array.isArray(o.items) && o.items.length > 0 && (o.items[0] = {
+			...o.items[0],
 			children: i
-		}), r.push(a);
-	} else r.push(fr(e, {
+		}), r.push(o);
+	} else r.push(Tr(e, {
 		sections: t.sections,
 		related: t.related,
 		showActivity: t.showActivity,
 		history: t.history,
 		highlightFields: t.highlightFields,
-		statusField: t.statusField
+		statusField: t.statusField,
+		hideRelatedTab: a
 	}));
-	return "discussion" in n && n.discussion !== void 0 ? r.push(...ir(n.discussion)) : t.hideDiscussion || r.push(pr()), {
+	"discussion" in n && n.discussion !== void 0 ? r.push(..._r(n.discussion)) : t.hideDiscussion || r.push(Er());
+	let o = [{
+		name: "main",
+		width: "full",
+		components: r
+	}];
+	return i && o.push({
+		name: "aside",
+		width: "small",
+		className: "hidden xl:flex flex-col gap-4",
+		components: [{
+			type: "record:reference_rail",
+			entries: t.related.map((e) => ({
+				objectName: e.objectName,
+				relationshipField: e.relationshipField,
+				title: e.title,
+				icon: e.icon,
+				limit: 3
+			}))
+		}]
+	}), {
 		type: "record",
 		pageType: "record",
 		object: e?.name,
 		template: "full-width",
-		regions: [{
-			name: "main",
-			width: "full",
-			components: r
-		}]
+		regions: o
 	};
 }
-e.register("detail-view", Xt, {
+e.register("detail-view", tn, {
 	namespace: "plugin-detail",
 	label: "Detail View",
 	category: "Views",
@@ -4890,7 +5298,7 @@ e.register("detail-view", Xt, {
 		tabs: [],
 		related: []
 	}
-}), e.register("detail-section", bt, {
+}), e.register("detail-section", Tt, {
 	namespace: "plugin-detail",
 	label: "Detail Section",
 	category: "Detail Components",
@@ -4941,7 +5349,7 @@ e.register("detail-view", Xt, {
 			label: "Header Color"
 		}
 	]
-}), e.register("related-list", Ct, {
+}), e.register("related-list", Ot, {
 	namespace: "plugin-detail",
 	label: "Related List",
 	category: "Detail Components",
@@ -4988,7 +5396,7 @@ e.register("detail-view", Xt, {
 			label: "Columns"
 		}
 	]
-}), e.register("detail", Xt, {
+}), e.register("detail", tn, {
 	namespace: "view",
 	category: "view",
 	label: "Detail",
@@ -5011,51 +5419,56 @@ e.register("detail-view", Xt, {
 			label: "Fields"
 		}
 	]
-}), e.register("record:details", $t, {
+}), e.register("record:details", ln, {
 	namespace: "record",
 	category: "record",
 	label: "Record Details",
 	icon: "FileText"
-}), e.register("record:related_list", nn, {
+}), e.register("record:related_list", fn, {
 	namespace: "record",
 	category: "record",
 	label: "Related List",
 	icon: "List"
-}), e.register("record:highlights", an, {
+}), e.register("record:highlights", mn, {
 	namespace: "record",
 	category: "record",
 	label: "Highlights Panel",
 	icon: "Star"
-}), e.register("record:activity", yn, {
+}), e.register("record:activity", Pn, {
 	namespace: "record",
 	category: "record",
 	label: "Activity Timeline",
 	icon: "Activity"
-}), e.register("record:chatter", Sn, {
+}), e.register("record:chatter", Ln, {
 	namespace: "record",
 	category: "record",
 	label: "Chatter Feed",
 	icon: "MessageSquare"
-}), e.register("record:discussion", Sn, {
+}), e.register("record:discussion", Ln, {
 	namespace: "record",
 	category: "record",
 	label: "Discussion",
 	icon: "MessageSquare"
-}), e.register("record:path", wn, {
+}), e.register("record:path", zn, {
 	namespace: "record",
 	category: "record",
 	label: "Path / Stepper",
 	icon: "GitBranch"
-}), e.register("record:quick_actions", En, {
+}), e.register("record:quick_actions", Vn, {
 	namespace: "record",
 	category: "record",
 	label: "Quick Actions",
 	icon: "Zap"
-}), e.register("record:history", On, {
+}), e.register("record:history", Un, {
 	namespace: "record",
 	category: "record",
 	label: "History Timeline",
 	icon: "Clock"
+}), e.register("record:reference_rail", qn, {
+	namespace: "record",
+	category: "record",
+	label: "Reference Rail",
+	icon: "PanelRight"
 });
 //#endregion
-export { Nt as ActivityTimeline, Qn as CommentAttachment, tr as CommentInput, vt as DETAIL_DEFAULT_TRANSLATIONS, bt as DetailSection, xt as DetailTabs, Xt as DetailView, Vn as DiffView, on as FieldChangeItem, Tt as HeaderHighlight, Bt as HistoryTimeline, Pn as InlineCreateRelated, nr as MentionAutocomplete, er as PointInTimeRestore, cn as ReactionPicker, yn as RecordActivityRenderer, _n as RecordActivityTimeline, bn as RecordChatterPanel, Sn as RecordChatterRenderer, Dt as RecordComments, Mn as RecordDetailDrawer, $t as RecordDetailsRenderer, an as RecordHighlightsRenderer, On as RecordHistoryRenderer, qt as RecordMetaFooter, Hn as RecordNavigationEnhanced, wn as RecordPathRenderer, En as RecordQuickActionsRenderer, nn as RecordRelatedListRenderer, Ct as RelatedList, Jn as RelationshipGraph, In as RichTextCommentInput, wt as SectionGroup, dn as SubscriptionToggle, un as ThreadedReplies, ht as applyAutoSpan, gt as applyDetailAutoLayout, lr as buildDefaultActions, dr as buildDefaultDetails, pr as buildDefaultDiscussion, cr as buildDefaultHeader, ur as buildDefaultHighlights, mr as buildDefaultPageSchema, fr as buildDefaultTabs, rr as createMentionFromSuggestion, _t as createSafeTranslationHook, sr as deriveHighlightFields, Nn as deriveRecordPageHref, or as deriveStages, ar as detectStatusField, mt as inferDetailColumns, pt as isWideFieldType, $ as useDetailTranslation };
+export { Rt as ActivityTimeline, En as CommentAttachment, mr as CommentInput, an as ConcurrentUpdateDialog, Ct as DETAIL_DEFAULT_TRANSLATIONS, Tt as DetailSection, Et as DetailTabs, tn as DetailView, ir as DiffView, hn as FieldChangeItem, At as HeaderHighlight, Gt as HistoryTimeline, $n as InlineCreateRelated, hr as MentionAutocomplete, pr as PointInTimeRestore, _n as ReactionPicker, Pn as RecordActivityRenderer, Mn as RecordActivityTimeline, Fn as RecordChatterPanel, Ln as RecordChatterRenderer, Mt as RecordComments, Zn as RecordDetailDrawer, ln as RecordDetailsRenderer, mn as RecordHighlightsRenderer, Un as RecordHistoryRenderer, Qt as RecordMetaFooter, ar as RecordNavigationEnhanced, zn as RecordPathRenderer, Vn as RecordQuickActionsRenderer, qn as RecordReferenceRailRenderer, fn as RecordRelatedListRenderer, Ot as RelatedList, dr as RelationshipGraph, Sn as RichTextCommentInput, kt as SectionGroup, bn as SubscriptionToggle, yn as ThreadedReplies, bt as applyAutoSpan, xt as applyDetailAutoLayout, Sr as buildDefaultActions, wr as buildDefaultDetails, Er as buildDefaultDiscussion, xr as buildDefaultHeader, Cr as buildDefaultHighlights, Dr as buildDefaultPageSchema, Tr as buildDefaultTabs, gr as createMentionFromSuggestion, St as createSafeTranslationHook, br as deriveHighlightFields, Qn as deriveRecordPageHref, yr as deriveStages, vr as detectStatusField, yt as inferDetailColumns, on as isConcurrentUpdateError, vt as isWideFieldType, $ as useDetailTranslation };