@object-ui/plugin-detail 4.0.7 → 4.0.8

package/dist/index.js

@@ -1,12 +1,13 @@
 import { ComponentRegistry as e, buildExpandFields as t } from "@object-ui/core";
 import * as n from "react";
-import { Badge as r, Button as i, Card as a, CardContent as o, CardHeader as s, CardTitle as c, Collapsible as l, CollapsibleContent as u, CollapsibleTrigger as d, Input as f, Skeleton as p, Tabs as m, TabsContent as h, TabsList as g, TabsTrigger as _, Tooltip as v, TooltipContent as y, TooltipProvider as b, TooltipTrigger as x, cn as S, useIsMobile as C } from "@object-ui/components";
-import { Activity as w, ArrowLeft as T, ArrowRight as E, ArrowRightLeft as D, ArrowUpDown as O, AtSign as k, Bell as A, BellOff as j, Bold as M, Calendar as N, Check as P, CheckSquare as F, ChevronDown as I, ChevronLeft as ee, ChevronRight as L, ChevronsLeft as R, ChevronsRight as z, Code as B, Columns2 as V, Copy as te, Edit as H, ExternalLink as ne, Eye as U, EyeOff as re, File as ie, FileArchive as ae, FileText as oe, History as W, Image as se, Inbox as G, Italic as ce, Link as K, List as q, Loader2 as J, Mail as le, MessageSquare as Y, Network as ue, PanelRightClose as de, PanelRightOpen as fe, Paperclip as pe, Phone as me, Pin as he, Plus as ge, PlusCircle as _e, RotateCcw as ve, Rows3 as ye, Search as be, Send as xe, SmilePlus as Se, Star as Ce, StarOff as we, Trash2 as Te, Upload as Ee, X as De, Zap as Oe, icons as ke } from "lucide-react";
-import { SchemaRenderer as Ae, useObjectTranslation as je, useSafeFieldLabel as Me } from "@object-ui/react";
-import { getCellRenderer as Ne } from "@object-ui/fields";
+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, Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Collapsible as v, CollapsibleContent as y, CollapsibleTrigger as b, Input as x, Sheet as S, SheetContent as C, SheetHeader as w, SheetTitle as T, Skeleton as E, Tabs as D, TabsContent as O, TabsList as k, TabsTrigger as A, Tooltip as j, TooltipContent as M, TooltipProvider as N, TooltipTrigger as P, cn as F, useIsMobile as I } from "@object-ui/components";
+import { Activity as L, ArrowLeft as ee, ArrowRight as R, ArrowRightLeft as te, ArrowUpDown as z, AtSign as B, Bell as ne, BellOff as re, Bold as V, Calendar as H, Check as ie, CheckSquare as U, ChevronDown as ae, ChevronLeft as oe, ChevronRight as W, ChevronsLeft as se, ChevronsRight as ce, Code as le, Columns2 as ue, Copy as de, Edit as G, ExternalLink as fe, Eye as K, EyeOff as pe, File as me, FileArchive as he, FileText as ge, History as q, Image as _e, Inbox as ve, Italic as ye, Link as J, List as be, Loader2 as xe, Mail as Se, MessageSquare as Y, Network as Ce, PanelRightClose as we, PanelRightOpen as Te, Paperclip as Ee, Phone as De, Pin as Oe, Plus as ke, PlusCircle as Ae, RotateCcw as je, Rows3 as Me, Search as Ne, Send as Pe, SmilePlus as Fe, Star as Ie, Trash2 as Le, Upload as Re, X as ze, Zap as Be, icons as Ve } from "lucide-react";
+import { SchemaRenderer as He, useObjectTranslation as Ue, useSafeFieldLabel as We } from "@object-ui/react";
+import { BooleanField as Ge, SelectField as Ke, getCellRenderer as qe, resolveCellRendererType as Je } from "@object-ui/fields";
 import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
 //#region src/autoLayout.ts
-var Pe = new Set([
+var Ye = new Set([
 	"textarea",
 	"markdown",
 	"html",
@@ -18,10 +19,10 @@ var Pe = new Set([
 	"field:grid",
 	"field:rich-text"
 ]);
-function Fe(e) {
-	return Pe.has(e);
+function Xe(e) {
+	return Ye.has(e);
 }
-function Ie(e, t) {
+function Ze(e, t) {
 	let n;
 	if (n = e <= 3 ? 1 : e <= 10 ? 2 : 3, t !== void 0) {
 		if (t < 640) return Math.min(n, 1);
@@ -29,29 +30,29 @@ function Ie(e, t) {
 	}
 	return n;
 }
-function Le(e, t) {
-	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && Fe(e.type) ? {
+function Qe(e, t) {
+	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && Xe(e.type) ? {
 		...e,
 		span: t
 	} : e);
 }
-function Re(e, t, n) {
+function $e(e, t, n) {
 	if (t !== void 0) return {
-		fields: Le(e, t),
+		fields: Qe(e, t),
 		columns: t
 	};
-	let r = Ie(e.length, n);
+	let r = Ze(e.length, n);
 	return {
-		fields: Le(e, r),
+		fields: Qe(e, r),
 		columns: r
 	};
 }
 //#endregion
 //#region src/useDetailTranslation.ts
-function ze(e, t) {
+function et(e, t) {
 	return function() {
 		try {
-			let n = je();
+			let n = Ue();
 			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));
@@ -66,13 +67,16 @@ function ze(e, t) {
 		}
 	};
 }
-var Be = {
+var tt = {
 	"detail.back": "Back",
 	"detail.edit": "Edit",
-	"detail.editInline": "Edit inline",
+	"detail.editInline": "Edit",
 	"detail.save": "Save",
 	"detail.saveChanges": "Save changes",
 	"detail.editFieldsInline": "Edit fields inline",
+	"detail.cancel": "Cancel",
+	"detail.cancelEdit": "Discard changes",
+	"detail.openInNewTab": "Open in new tab",
 	"detail.share": "Share",
 	"detail.duplicate": "Duplicate",
 	"detail.export": "Export",
@@ -173,137 +177,164 @@ var Be = {
 	"detail.subscribeAriaLabel": "Subscribe to notifications",
 	"detail.unsubscribeAriaLabel": "Unsubscribe from notifications",
 	"detail.clearSearch": "Clear search"
-}, $ = ze(Be, "detail.back");
+}, $ = et(tt, "detail.back");
 //#endregion
 //#region src/DetailSection.tsx
-function Ve(e, t) {
+function nt(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 He = ({ section: e, data: t, className: f, objectSchema: p, objectName: m, isEditing: h = !1, onFieldChange: g, virtualScroll: _ }) => {
-	let [w, T] = n.useState(e.defaultCollapsed ?? !1), [E, D] = n.useState(null), [O, k] = n.useState(void 0), [A, j] = n.useState(!1), { t: M } = $(), { fieldLabel: N } = Me(), F = n.useCallback((e, t) => {
+var rt = ({ 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, x] = n.useState(null), [S, C] = n.useState(void 0), [w, T] = n.useState(!1), { t: E } = $(), { fieldLabel: D, translateOptions: O } = We(), k = n.useCallback((e, t) => {
 		let n = t == null ? "" : String(t);
 		navigator.clipboard.writeText(n).then(() => {
-			D(e), setTimeout(() => D(null), 2e3);
+			x(e), setTimeout(() => x(null), 2e3);
 		});
-	}, []), ee = n.useCallback((e) => {
+	}, []), A = n.useCallback((e) => {
 		let n = t?.[e.name] ?? e.value;
 		return n == null || n === "";
-	}, [t]), R = n.useMemo(() => e.fields.filter(ee).length, [e.fields, ee]), z = C(), B = z ? 3 : 6, V = z ? .2 : .5, H = e.fields.length - R, ne = !e.hideEmpty && !h && e.fields.length >= B && R / e.fields.length >= V && H > 0, ie = !A && (e.hideEmpty || ne) ? e.fields.filter((e) => !ee(e)) : e.fields;
-	if (ie.length === 0 && R === e.fields.length) return null;
-	let { fields: ae, columns: oe } = Re(ie, e.columns), W = (e) => {
+	}, [t]), L = n.useMemo(() => e.fields.filter(A).length, [e.fields, A]), ee = I(), R = ee ? 3 : 6, te = ee ? .2 : .5, z = e.fields.length - L, B = !e.hideEmpty && !o && e.fields.length >= R && L / e.fields.length >= te && z > 0, ne = !w && (e.hideEmpty || B) ? e.fields.filter((e) => !A(e)) : e.fields;
+	if (ne.length === 0 && L === e.fields.length) return null;
+	let { fields: re, columns: V } = $e(ne, e.columns), H = (e) => {
 		let n = t?.[e.name] ?? e.value;
-		if (e.render) return /* @__PURE__ */ Z(Ae, {
+		if (e.render) return /* @__PURE__ */ Z(He, {
 			schema: e.render,
 			data: {
 				...t,
 				value: n
 			}
 		});
-		let r = Ve(e.span, oe), a = (() => {
+		let r = nt(e.span, V), c = i?.fields?.[e.name], l = { ...e };
+		if (c) {
+			!e.type && c.type && (l.type = c.type), c.options && !l.options && (l.options = c.options), c.currency && !l.currency && (l.currency = c.currency), c.precision !== void 0 && l.precision === void 0 && (l.precision = c.precision), c.format && !l.format && (l.format = c.format);
+			let t = c.reference_to || c.reference;
+			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));
+		let u = (() => {
 			if (n == null) return /* @__PURE__ */ Z("span", {
 				className: "text-muted-foreground/50 text-xs italic",
 				children: "—"
 			});
-			let t = p?.fields?.[e.name], r = e.type || t?.type, i = { ...e };
+			let t = Je(l) || e.type;
 			if (t) {
-				!e.type && t.type && (i.type = t.type), t.options && !i.options && (i.options = t.options), t.currency && !i.currency && (i.currency = t.currency), t.precision !== void 0 && i.precision === void 0 && (i.precision = t.precision), t.format && !i.format && (i.format = t.format);
-				let n = t.reference_to || t.reference;
-				n && !i.reference_to && (i.reference_to = n), t.reference_field && !i.reference_field && (i.reference_field = t.reference_field);
-			}
-			if (r) {
-				let e = Ne(r);
+				let e = qe(t);
 				if (e) return /* @__PURE__ */ Z(e, {
 					value: n,
-					field: i
+					field: l
 				});
 			}
 			return String(n);
-		})(), o = n != null && n !== "", s = E === e.name;
+		})(), f = n != null && n !== "", m = d === e.name;
 		return /* @__PURE__ */ Q("div", {
-			className: S("space-y-1.5 group", r),
+			className: F("space-y-1.5 group", r),
 			children: [/* @__PURE__ */ Z("div", {
 				className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
-				children: N(m || "", e.name, e.label || e.name)
-			}), h && !e.readonly ? /* @__PURE__ */ Z("div", {
+				children: D(a || "", e.name, e.label || e.name)
+			}), o && !e.readonly ? /* @__PURE__ */ Z("div", {
 				className: "min-h-[44px] sm:min-h-0",
-				children: /* @__PURE__ */ Z("input", {
-					type: e.type === "number" ? "number" : e.type === "date" ? "date" : "text",
-					className: "w-full px-2 py-1.5 text-sm border rounded-md bg-background focus:outline-none focus:ring-2 focus:ring-ring",
-					value: n == null ? "" : String(n),
-					onChange: (t) => g?.(e.name, t.target.value)
-				})
+				children: (() => {
+					let t = l.type || e.type;
+					if (t === "select" && Array.isArray(l.options) && l.options.length > 0) return /* @__PURE__ */ Z(Ke, {
+						field: l,
+						value: n == null ? "" : String(n),
+						onChange: (t) => s?.(e.name, t)
+					});
+					if (t === "boolean") return /* @__PURE__ */ Z(Ge, {
+						field: l,
+						value: !!n,
+						onChange: (t) => s?.(e.name, t)
+					});
+					let r = t === "date" || t === "datetime";
+					return /* @__PURE__ */ Z("input", {
+						type: t === "number" ? "number" : r ? "date" : "text",
+						className: "w-full px-2 py-1.5 text-sm border rounded-md bg-background focus:outline-none focus:ring-2 focus:ring-ring",
+						value: n == null ? "" : r ? (() => {
+							let e = String(n);
+							if (/^\d{4}-\d{2}-\d{2}/.test(e)) return e.slice(0, 10);
+							let t = new Date(e);
+							return isNaN(t.getTime()) ? "" : t.toLocaleDateString("en-CA");
+						})() : String(n),
+						onChange: (t) => {
+							let n = t.target.value;
+							if (r && n) {
+								let t = (/* @__PURE__ */ new Date(n + "T00:00:00")).toISOString();
+								s?.(e.name, t);
+							} else s?.(e.name, n);
+						}
+					});
+				})()
 			}) : /* @__PURE__ */ Q("div", {
-				className: S("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", o && "cursor-pointer active:bg-muted/60 transition-colors"),
-				onClick: o ? () => F(e.name, n) : void 0,
-				onKeyDown: o ? (t) => {
-					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), F(e.name, n));
+				className: F("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", f && "cursor-pointer active:bg-muted/60 transition-colors"),
+				onClick: f ? () => k(e.name, n) : void 0,
+				onKeyDown: f ? (t) => {
+					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), k(e.name, n));
 				} : void 0,
-				role: o ? "button" : void 0,
-				tabIndex: o ? 0 : 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: a
-				}), o && /* @__PURE__ */ Z(b, { children: /* @__PURE__ */ Q(v, { children: [/* @__PURE__ */ Z(x, {
+					children: u
+				}), f && /* @__PURE__ */ Z(N, { children: /* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
 					asChild: !0,
-					children: /* @__PURE__ */ Z(i, {
+					children: /* @__PURE__ */ Z(p, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity shrink-0",
 						onClick: (t) => {
-							t.stopPropagation(), F(e.name, n);
+							t.stopPropagation(), k(e.name, n);
 						},
-						children: s ? /* @__PURE__ */ Z(P, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(te, { className: "h-3 w-3" })
+						children: m ? /* @__PURE__ */ Z(ie, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(de, { className: "h-3 w-3" })
 					})
-				}), /* @__PURE__ */ Z(y, { children: M(s ? "detail.copied" : "detail.copyToClipboard") })] }) })]
+				}), /* @__PURE__ */ Z(M, { children: E(m ? "detail.copied" : "detail.copyToClipboard") })] }) })]
 			})]
 		}, e.name);
-	}, se = _?.enabled === !0, G = _?.batchSize ?? 20;
+	}, U = c?.enabled === !0, oe = c?.batchSize ?? 20;
 	n.useEffect(() => {
-		if (!se) {
-			k(void 0);
+		if (!U) {
+			C(void 0);
 			return;
 		}
-		if (ae.length <= G) {
-			k(void 0);
+		if (re.length <= oe) {
+			C(void 0);
 			return;
 		}
-		k(G);
-		let e = setTimeout(() => k(void 0), 100);
+		C(oe);
+		let e = setTimeout(() => C(void 0), 100);
 		return () => clearTimeout(e);
 	}, [
-		se,
-		ae.length,
-		G
+		U,
+		re.length,
+		oe
 	]);
-	let ce = O === void 0 ? ae : ae.slice(0, O), K = R > 0 && (e.hideEmpty || ne), q = /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("div", {
-		className: S("grid gap-3 sm:gap-4", oe === 1 ? "grid-cols-1" : oe === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
-		children: ce.map(W)
-	}), K && /* @__PURE__ */ Z("div", {
+	let se = S === void 0 ? re : re.slice(0, S), ce = L > 0 && (e.hideEmpty || B), le = /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("div", {
+		className: F("grid gap-3 sm:gap-4", V === 1 ? "grid-cols-1" : V === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
+		children: se.map(H)
+	}), ce && /* @__PURE__ */ Z("div", {
 		className: "mt-3 -ml-2",
-		children: /* @__PURE__ */ Q(i, {
+		children: /* @__PURE__ */ Q(p, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
-			onClick: () => j((e) => !e),
+			onClick: () => T((e) => !e),
 			className: "h-7 px-2 text-xs text-muted-foreground hover:text-foreground",
-			children: [Z(A ? re : U, { className: "h-3.5 w-3.5 mr-1.5" }), A ? M("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : M("detail.showEmptyFields", {
-				count: R,
-				defaultValue: `Show ${R} empty field${R === 1 ? "" : "s"}`
+			children: [Z(w ? pe : K, { className: "h-3.5 w-3.5 mr-1.5" }), w ? E("detail.hideEmptyFields", { defaultValue: "Hide empty fields" }) : E("detail.showEmptyFields", {
+				count: L,
+				defaultValue: `Show ${L} empty field${L === 1 ? "" : "s"}`
 			})]
 		})
 	})] });
 	return !e.title && !e.collapsible && e.showBorder === !1 ? /* @__PURE__ */ Z("div", {
-		className: S(f),
-		children: q
-	}) : e.collapsible ? /* @__PURE__ */ Z(l, {
-		open: !w,
-		onOpenChange: (e) => T(!e),
-		className: f,
-		children: /* @__PURE__ */ Q(a, { children: [/* @__PURE__ */ Z(d, {
+		className: F(r),
+		children: le
+	}) : e.collapsible ? /* @__PURE__ */ Z(v, {
+		open: !l,
+		onOpenChange: (e) => u(!e),
+		className: r,
+		children: /* @__PURE__ */ Q(m, { children: [/* @__PURE__ */ Z(b, {
 			asChild: !0,
-			children: /* @__PURE__ */ Q(s, {
-				className: S("cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
-				children: [/* @__PURE__ */ Q(c, {
+			children: /* @__PURE__ */ Q(g, {
+				className: F("cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
+				children: [/* @__PURE__ */ Q(_, {
 					className: "flex items-center justify-between",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2",
@@ -313,7 +344,7 @@ var He = ({ section: e, data: t, className: f, objectSchema: p, objectName: m, i
 								children: e.icon
 							}),
 							/* @__PURE__ */ Z("span", { children: e.title }),
-							e.fields && /* @__PURE__ */ Z(r, {
+							e.fields && /* @__PURE__ */ Z(f, {
 								variant: "secondary",
 								className: "ml-2 text-xs",
 								children: e.fields.length
@@ -321,22 +352,22 @@ var He = ({ section: e, data: t, className: f, objectSchema: p, objectName: m, i
 						]
 					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-2",
-						children: Z(w ? L : I, { className: "h-4 w-4 text-muted-foreground" })
+						children: Z(l ? W : ae, { className: "h-4 w-4 text-muted-foreground" })
 					})]
-				}), e.description && !w && /* @__PURE__ */ Z("p", {
+				}), e.description && !l && /* @__PURE__ */ Z("p", {
 					className: "text-sm text-muted-foreground mt-1.5",
 					children: e.description
 				})]
 			})
-		}), /* @__PURE__ */ Z(u, { children: /* @__PURE__ */ Z(o, {
+		}), /* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Z(h, {
 			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: q
+			children: le
 		}) })] })
-	}) : /* @__PURE__ */ Q(a, {
-		className: S(e.showBorder === !1 ? "border-none shadow-none" : "", f),
-		children: [e.title && /* @__PURE__ */ Q(s, {
-			className: S(e.headerColor && `bg-${e.headerColor}`),
-			children: [/* @__PURE__ */ Z(c, {
+	}) : /* @__PURE__ */ Q(m, {
+		className: F(e.showBorder === !1 ? "border-none shadow-none" : "", r),
+		children: [e.title && /* @__PURE__ */ Q(g, {
+			className: F(e.headerColor && `bg-${e.headerColor}`),
+			children: [/* @__PURE__ */ Z(_, {
 				className: "flex items-center justify-between",
 				children: /* @__PURE__ */ Q("div", {
 					className: "flex items-center gap-2",
@@ -349,20 +380,20 @@ var He = ({ section: e, data: t, className: f, objectSchema: p, objectName: m, i
 				className: "text-sm text-muted-foreground mt-1.5",
 				children: e.description
 			})]
-		}), /* @__PURE__ */ Z(o, {
+		}), /* @__PURE__ */ Z(h, {
 			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: q
+			children: le
 		})]
 	});
-}, Ue = ({ tabs: e, data: t, className: i }) => {
-	let [a, o] = n.useState(e[0]?.key), s = e.filter((e) => typeof e.visible == "boolean" ? e.visible : (e.visible, !0));
-	return /* @__PURE__ */ Q(m, {
-		value: a,
-		onValueChange: o,
-		className: i,
-		children: [/* @__PURE__ */ Z(g, {
+}, it = ({ 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(D, {
+		value: i,
+		onValueChange: a,
+		className: r,
+		children: [/* @__PURE__ */ Z(k, {
 			className: "w-full justify-start border-b rounded-none bg-transparent p-0",
-			children: s.map((e) => /* @__PURE__ */ Z(_, {
+			children: o.map((e) => /* @__PURE__ */ Z(A, {
 				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", {
@@ -370,7 +401,7 @@ var He = ({ section: e, data: t, className: f, objectSchema: p, objectName: m, i
 					children: [
 						e.icon && /* @__PURE__ */ Z("span", { children: e.icon }),
 						/* @__PURE__ */ Z("span", { children: e.label }),
-						e.badge && /* @__PURE__ */ Z(r, {
+						e.badge && /* @__PURE__ */ Z(f, {
 							variant: "secondary",
 							className: "ml-1",
 							children: e.badge
@@ -378,18 +409,18 @@ var He = ({ section: e, data: t, className: f, objectSchema: p, objectName: m, i
 					]
 				})
 			}, e.key))
-		}), s.map((e) => /* @__PURE__ */ Z(h, {
+		}), o.map((e) => /* @__PURE__ */ Z(O, {
 			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(Ae, {
+					children: e.content.map((e, n) => /* @__PURE__ */ Z(He, {
 						schema: e,
 						data: t
 					}, n))
-				}) : /* @__PURE__ */ Z(Ae, {
+				}) : /* @__PURE__ */ Z(He, {
 					schema: e.content,
 					data: t
 				})
@@ -399,118 +430,210 @@ var He = ({ section: e, data: t, className: f, objectSchema: p, objectName: m, i
 };
 //#endregion
 //#region src/RelatedList.tsx
-function We(e) {
-	return e && ke[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || G;
+function at(e) {
+	return e && Ve[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || ve;
 }
-var Ge = ({ title: e, type: t, api: l, data: u = [], schema: d, columns: p, className: m, dataSource: h, objectName: g, onNew: _, onViewAll: v, onRowEdit: y, onRowDelete: b, pageSize: x, sortable: C = !1, filterable: w = !1, collapsible: T = !1, defaultCollapsed: E = !1, referenceField: D, icon: k }) => {
-	let [A, j] = n.useState(u), [M, N] = n.useState(!1), [P, F] = n.useState(0), [R, z] = n.useState(null), [B, V] = n.useState("asc"), [te, U] = n.useState(""), [re, ie] = n.useState(null), [ae, oe] = n.useState(E), { t: W } = $(), { fieldLabel: se } = Me();
+var ot = ({ title: e, type: t, api: r, data: v, schema: y, columns: b, className: S, dataSource: C, objectName: w, 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: I = !1, referenceField: L, icon: ee }) => {
+	let R = v !== void 0, te = v ?? [], [B, ne] = n.useState(te), [re, V] = n.useState(!1), [H, ie] = n.useState(0), [U, se] = n.useState(null), [ce, le] = n.useState("asc"), [ue, de] = n.useState(""), [G, K] = n.useState(null), [pe, me] = n.useState(I), [he, ge] = n.useState({}), { t: q } = $(), { fieldLabel: _e } = We();
 	n.useEffect(() => {
-		j(u);
-	}, [u]), n.useEffect(() => {
-		l && h?.getObjectSchema && !p?.length && h.getObjectSchema(l).then(ie).catch((e) => {
-			console.warn(`[RelatedList] Failed to fetch schema for ${l}:`, e);
+		R && ne(v ?? []);
+	}, [v, R]), n.useEffect(() => {
+		r && C?.getObjectSchema && !b?.length && C.getObjectSchema(r).then(K).catch((e) => {
+			console.warn(`[RelatedList] Failed to fetch schema for ${r}:`, e);
 		});
 	}, [
-		l,
-		h,
-		p
+		r,
+		C,
+		b
 	]), n.useEffect(() => {
-		l && !u.length && (N(!0), h && typeof h.find == "function" ? h.find(l).then((e) => {
-			j(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), N(!1);
+		r && !R && (V(!0), C && typeof C.find == "function" ? C.find(r).then((e) => {
+			ne(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), V(!1);
 		}).catch((e) => {
-			console.error("Failed to fetch related data:", e), N(!1);
-		}) : fetch(l).then((e) => e.json()).then((e) => {
-			j(Array.isArray(e) ? e : e?.data || []);
+			console.error("Failed to fetch related data:", e), V(!1);
+		}) : fetch(r).then((e) => e.json()).then((e) => {
+			ne(Array.isArray(e) ? e : e?.data || []);
 		}).catch((e) => {
 			console.error("Failed to fetch related data:", e);
-		}).finally(() => N(!1)));
+		}).finally(() => V(!1)));
 	}, [
-		l,
-		u,
-		h
+		r,
+		R,
+		C
+	]), n.useEffect(() => {
+		if (!C?.find || !G?.fields || !B.length) return;
+		let e = G.fields, t = [];
+		for (let [n, r] of Object.entries(e)) {
+			if (!r || r.type !== "lookup" && r.type !== "master_detail") continue;
+			let e = r.reference_to || r.reference;
+			if (!e) continue;
+			let i = /* @__PURE__ */ new Set();
+			for (let e of B) {
+				let t = e?.[n];
+				t != null && (typeof t == "string" && t ? i.add(t) : typeof t == "number" && i.add(String(t)));
+			}
+			let a = he[n] || {}, o = Array.from(i).filter((e) => !(e in a));
+			o.length > 0 && t.push({
+				fieldName: n,
+				target: e,
+				ids: o
+			});
+		}
+		if (t.length === 0) return;
+		let n = !1;
+		return Promise.all(t.map(({ fieldName: e, target: t, ids: n }) => C.find(t, {
+			$filter: { id: { $in: n } },
+			$top: n.length
+		}).then((t) => {
+			let n = Array.isArray(t) ? t : t?.data || [], r = {};
+			for (let e of n) {
+				let t = e?.id || e?._id;
+				t && (r[String(t)] = e?.full_name || e?.fullname || e?.display_name || e?.name || e?.subject || e?.title || e?.label || e?.code || String(t));
+			}
+			return {
+				fieldName: e,
+				map: r
+			};
+		}).catch((t) => (console.warn(`[RelatedList] Failed to resolve lookups for ${e}:`, t), {
+			fieldName: e,
+			map: {}
+		})))).then((e) => {
+			n || ge((t) => {
+				let n = { ...t };
+				for (let { fieldName: t, map: r } of e) n[t] = {
+					...n[t] || {},
+					...r
+				};
+				return n;
+			});
+		}), () => {
+			n = !0;
+		};
+	}, [
+		C,
+		G,
+		B
 	]);
-	let G = n.useMemo(() => {
-		if (!te) return A;
-		let e = te.toLowerCase();
-		return A.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
-	}, [A, te]), ce = n.useMemo(() => R ? [...G].sort((e, t) => {
-		let n = e[R], r = t[R];
+	let ve = n.useMemo(() => {
+		if (!ue) return B;
+		let e = ue.toLowerCase();
+		return B.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
+	}, [B, ue]), ye = n.useMemo(() => U ? [...ve].sort((e, t) => {
+		let n = e[U], r = t[U];
 		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 B === "asc" ? i : -i;
-	}) : G, [
-		G,
-		R,
-		B
-	]), K = x && x > 0 ? x : 0, q = K ? Math.max(1, Math.ceil(ce.length / K)) : 1, J = K ? ce.slice(P * K, (P + 1) * K) : ce;
+		return ce === "asc" ? i : -i;
+	}) : ve, [
+		ve,
+		U,
+		ce
+	]), J = j && j > 0 ? j : 0, be = J ? Math.max(1, Math.ceil(ye.length / J)) : 1, xe = J ? ye.slice(H * J, (H + 1) * J) : ye;
 	n.useEffect(() => {
-		F(0);
+		ie(0);
 	}, [
-		te,
-		R,
-		B
+		ue,
+		U,
+		ce
 	]);
-	let le = n.useCallback((e) => {
-		R === e ? V((e) => e === "asc" ? "desc" : "asc") : (z(e), V("asc"));
-	}, [R]), Y = n.useCallback((e) => {
-		window.confirm(W("detail.deleteRowConfirmation")) && b?.(e);
-	}, [b, W]), ue = n.useMemo(() => {
-		let e = (e) => D ? e.filter((e) => (e?.accessorKey || e?.field || e?.name) !== D) : e;
-		if (p && p.length > 0) return e(p);
-		if (!re?.fields) return [];
-		let t = g || l || "";
-		return Object.entries(re.fields).filter(([e]) => !e.startsWith("_") && e !== "id" && e !== D).map(([e, r]) => {
-			let i = {
+	let Se = n.useCallback((e) => {
+		U === e ? le((e) => e === "asc" ? "desc" : "asc") : (se(e), le("asc"));
+	}, [U]), [Y, Ce] = n.useState(null), we = n.useCallback((e) => {
+		Ce(e);
+	}, []), Te = n.useCallback(() => {
+		Y && O?.(Y), Ce(null);
+	}, [Y, O]), Ee = n.useMemo(() => {
+		let e = (e) => L ? e.filter((e) => (e?.accessorKey || e?.field || e?.name) !== L) : e, t = (e) => e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0, i = (e) => B.length ? e.filter((e) => {
+			let n = e?.accessorKey || e?.field || e?.name;
+			return n ? B.some((e) => !t(e?.[n])) : !0;
+		}) : e;
+		if (b && b.length > 0) return i(e(b));
+		if (!G?.fields) return [];
+		let a = w || r || "", o = new Set([
+			"image",
+			"file",
+			"attachment",
+			"rich_text",
+			"html",
+			"json"
+		]), s = [
+			"name",
+			"full_name",
+			"fullname",
+			"title",
+			"subject",
+			"label",
+			"code",
+			"number"
+		], c = Object.entries(G.fields).filter(([e, t]) => !(e.startsWith("_") || e === "id" || e === L || t?.hidden || t?.type && o.has(t.type)));
+		return c.sort(([e, t], [n, r]) => {
+			let i = s.indexOf(e), a = s.indexOf(n), o = i >= 0 ? i : 100, c = a >= 0 ? a : 100;
+			if (o !== c) return o - c;
+			let l = t?.type === "select" || e.includes("status");
+			return l === (r?.type === "select" || n.includes("status")) ? 0 : l ? -1 : 1;
+		}), i(c.map(([e, t]) => {
+			let r = {
 				accessorKey: e,
-				header: se(t, e, r.label || e)
+				header: _e(a, e, t.label || e)
 			};
-			if (r.type) {
-				let t = Ne(r.type);
-				if (t) {
-					let a = {
+			if (t.type) {
+				let i = qe(Je({
+					type: t.type,
+					format: t.format
+				}) || t.type);
+				if (i) {
+					let a = t.type === "lookup" || t.type === "master_detail" ? he[e] : void 0, o = a && Object.keys(a).length > 0 ? Object.entries(a).map(([e, t]) => ({
+						value: e,
+						label: t
+					})) : void 0, s = {
 						name: e,
-						label: r.label || e,
-						type: r.type,
-						...r.options && { options: r.options },
-						...r.currency && { currency: r.currency },
-						...r.precision !== void 0 && { precision: r.precision },
-						...r.format && { format: r.format },
-						...(r.reference_to || r.reference) && { reference_to: r.reference_to || r.reference },
-						...r.reference_field && { reference_field: r.reference_field }
+						label: t.label || e,
+						type: t.type,
+						...(o || t.options) && { options: o || t.options },
+						...t.currency && { currency: t.currency },
+						...t.precision !== void 0 && { precision: t.precision },
+						...t.format && { format: t.format },
+						...(t.reference_to || t.reference) && { reference_to: t.reference_to || t.reference },
+						...t.reference_field && { reference_field: t.reference_field }
 					};
-					i.cell = (e) => e == null ? n.createElement("span", { className: "text-muted-foreground/50 text-xs italic" }, "—") : n.createElement(t, {
+					r.cell = (e) => e == null ? n.createElement("span", { className: "text-muted-foreground/50 text-xs italic" }, "—") : n.createElement(i, {
 						value: e,
-						field: a
+						field: s
 					});
 				}
 			}
-			return i;
-		});
+			return r;
+		})).slice(0, Math.max(1, A));
 	}, [
-		p,
-		re,
-		g,
-		l,
-		se,
-		D
-	]), de = n.useMemo(() => {
-		if (d) return d;
+		b,
+		G,
+		w,
+		r,
+		_e,
+		L,
+		B,
+		A,
+		he
+	]), De = !!D || !!O, Oe = n.useMemo(() => {
+		if (y) return y;
 		switch (t) {
 			case "grid":
 			case "table": return {
 				type: "data-table",
-				data: J,
-				columns: ue,
+				data: xe,
+				columns: Ee,
 				pagination: !1,
-				pageSize: K || 10,
+				pageSize: J || 10,
 				searchable: !1,
-				exportable: !1
+				exportable: !1,
+				rowActions: De,
+				onRowEdit: D,
+				onRowDelete: O ? we : void 0,
+				onRowClick: k
 			};
 			case "list": return {
 				type: "data-list",
-				data: J
+				data: xe
 			};
 			default: return {
 				type: "div",
@@ -519,159 +642,169 @@ var Ge = ({ title: e, type: t, api: l, data: u = [], schema: d, columns: p, clas
 		}
 	}, [
 		t,
+		xe,
+		Ee,
+		y,
 		J,
-		ue,
-		d,
-		K
-	]), fe = !!y || !!b, pe = T ? "cursor-pointer select-none" : void 0, me = T ? () => oe((e) => !e) : void 0, he = We(k), _e = !M && A.length === 0, ve = w;
-	return /* @__PURE__ */ Q(a, {
-		className: S("shadow-none", _e && "bg-muted/20", m),
-		children: [/* @__PURE__ */ Z(s, {
-			className: S("py-3 px-4", pe),
-			onClick: me,
-			children: /* @__PURE__ */ Q(c, {
-				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: [
-						T && Z(ae ? L : I, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-						/* @__PURE__ */ Z(he, {
-							className: "h-4 w-4 text-muted-foreground shrink-0",
-							"aria-hidden": !0
-						}),
-						/* @__PURE__ */ Z("span", {
-							className: "truncate",
-							children: e
-						}),
-						/* @__PURE__ */ Z(r, {
-							variant: "secondary",
-							className: S("text-xs font-normal h-5 px-1.5", A.length === 0 && "bg-muted text-muted-foreground"),
-							"aria-label": `${A.length} records`,
-							children: A.length
+		De,
+		D,
+		O,
+		we,
+		k
+	]), Ae = P ? "cursor-pointer select-none" : void 0, je = P ? () => me((e) => !e) : void 0, Me = at(ee), Ne = !re && B.length === 0, Pe = N;
+	return /* @__PURE__ */ Q(m, {
+		className: F("shadow-none", Ne && "bg-muted/20", S),
+		children: [
+			/* @__PURE__ */ Z(g, {
+				className: F("py-3 px-4", Ae),
+				onClick: je,
+				children: /* @__PURE__ */ Q(_, {
+					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 ? W : ae, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+							/* @__PURE__ */ Z(Me, {
+								className: "h-4 w-4 text-muted-foreground shrink-0",
+								"aria-hidden": !0
+							}),
+							/* @__PURE__ */ Z("span", {
+								className: "truncate",
+								children: e
+							}),
+							/* @__PURE__ */ Z(f, {
+								variant: "secondary",
+								className: F("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
+							})
+						]
+					}), /* @__PURE__ */ Z("div", {
+						className: "flex items-center gap-1 shrink-0",
+						children: T && /* @__PURE__ */ Q(p, {
+							variant: "outline",
+							size: "sm",
+							onClick: (e) => {
+								e.stopPropagation(), T();
+							},
+							className: "gap-1 h-7 text-xs shadow-none",
+							children: [/* @__PURE__ */ Z(ke, { className: "h-3.5 w-3.5" }), q("detail.new")]
 						})
-					]
-				}), /* @__PURE__ */ Q("div", {
-					className: "flex items-center gap-1 shrink-0",
-					children: [_ && /* @__PURE__ */ Q(i, {
-						variant: "ghost",
-						size: "sm",
-						onClick: (e) => {
-							e.stopPropagation(), _();
-						},
-						className: "gap-1 h-7 text-xs",
-						children: [/* @__PURE__ */ Z(ge, { className: "h-3.5 w-3.5" }), W("detail.new")]
-					}), v && /* @__PURE__ */ Q(i, {
-						variant: "ghost",
-						size: "sm",
-						onClick: (e) => {
-							e.stopPropagation(), v();
-						},
-						className: "gap-1 h-7 text-xs",
-						children: [W("detail.viewAll"), /* @__PURE__ */ Z(ne, { className: "h-3 w-3" })]
 					})]
-				})]
-			})
-		}), !ae && /* @__PURE__ */ Q(o, {
-			className: S("pt-0", _e ? "pb-3 px-4" : "pb-4 px-4"),
-			children: [
-				ve && /* @__PURE__ */ Z("div", {
-					className: "mb-3",
-					children: /* @__PURE__ */ Z(f, {
-						placeholder: W("detail.filterPlaceholder"),
-						value: te,
-						onChange: (e) => U(e.target.value),
-						className: "h-8 text-sm"
-					})
-				}),
-				C && ue && ue.length > 0 && A.length > 0 && /* @__PURE__ */ Z("div", {
-					className: "flex flex-wrap gap-1 mb-3",
-					children: ue.map((e) => {
-						let t = e.accessorKey || e.field || e.name;
-						if (!t) return null;
-						let n = e.header || e.label || t, r = R === t;
-						return /* @__PURE__ */ Q(i, {
-							variant: r ? "secondary" : "ghost",
-							size: "sm",
-							className: "gap-1 h-7 text-xs",
-							onClick: () => le(t),
-							children: [
-								/* @__PURE__ */ Z(O, { className: "h-3 w-3" }),
-								n,
-								r && (B === "asc" ? " ↑" : " ↓")
-							]
-						}, t);
-					})
-				}),
-				M ? /* @__PURE__ */ Z("div", {
-					className: "flex items-center justify-center py-6 text-muted-foreground text-sm",
-					children: W("detail.loading")
-				}) : _e ? /* @__PURE__ */ Q("div", {
-					className: "flex items-center justify-between gap-2 py-2 text-sm",
-					children: [/* @__PURE__ */ Z("span", {
-						className: "text-muted-foreground italic",
-						children: W("detail.noRelatedRecords")
-					}), _ === void 0 && /* @__PURE__ */ Z("span", { className: "text-xs text-muted-foreground/70" })]
-				}) : /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(Ae, { schema: de }), fe && J.length > 0 && /* @__PURE__ */ Z("div", {
-					className: "mt-2 space-y-1",
-					"data-testid": "row-actions",
-					children: J.map((e, t) => /* @__PURE__ */ Q("div", {
-						className: "flex items-center justify-between px-2 py-1 text-xs border-b last:border-b-0",
-						children: [/* @__PURE__ */ Z("span", {
-							className: "truncate text-muted-foreground",
-							children: e.name || e.title || e.id || `Row ${t + 1}`
-						}), /* @__PURE__ */ Q("div", {
-							className: "flex items-center gap-1",
-							children: [y && /* @__PURE__ */ Q(i, {
-								variant: "ghost",
+				})
+			}),
+			!pe && /* @__PURE__ */ Q(h, {
+				className: F("pt-0", Ne ? "pb-3 px-4" : "pb-4 px-4"),
+				children: [
+					Pe && /* @__PURE__ */ Z("div", {
+						className: "mb-3",
+						children: /* @__PURE__ */ Z(x, {
+							placeholder: q("detail.filterPlaceholder"),
+							value: ue,
+							onChange: (e) => de(e.target.value),
+							className: "h-8 text-sm"
+						})
+					}),
+					M && Ee && Ee.length > 0 && B.length > 0 && /* @__PURE__ */ Z("div", {
+						className: "flex flex-wrap gap-1 mb-3",
+						children: Ee.map((e) => {
+							let t = e.accessorKey || e.field || e.name;
+							if (!t) return null;
+							let n = e.header || e.label || t, r = U === t;
+							return /* @__PURE__ */ Q(p, {
+								variant: r ? "secondary" : "ghost",
 								size: "sm",
-								className: "h-6 text-xs gap-1 px-2",
-								onClick: () => y(e),
-								children: [/* @__PURE__ */ Z(H, { className: "h-3 w-3" }), W("detail.editRow")]
-							}), b && /* @__PURE__ */ Q(i, {
-								variant: "ghost",
+								className: "gap-1 h-7 text-xs",
+								onClick: () => Se(t),
+								children: [
+									/* @__PURE__ */ Z(z, { className: "h-3 w-3" }),
+									n,
+									r && (ce === "asc" ? " ↑" : " ↓")
+								]
+							}, t);
+						})
+					}),
+					re ? /* @__PURE__ */ Z("div", {
+						className: "flex items-center justify-center py-6 text-muted-foreground text-sm",
+						children: q("detail.loading")
+					}) : Ne ? /* @__PURE__ */ Q("div", {
+						className: "flex flex-col items-center justify-center gap-2 py-6 text-sm",
+						children: [
+							/* @__PURE__ */ Z(Me, {
+								className: "h-8 w-8 text-muted-foreground/40",
+								"aria-hidden": !0
+							}),
+							/* @__PURE__ */ Z("span", {
+								className: "text-muted-foreground italic",
+								children: q("detail.noRelatedRecords")
+							}),
+							T && /* @__PURE__ */ Q(p, {
+								variant: "outline",
 								size: "sm",
-								className: "h-6 text-xs gap-1 px-2 text-destructive hover:text-destructive",
-								onClick: () => Y(e),
-								children: [/* @__PURE__ */ Z(Te, { className: "h-3 w-3" }), W("detail.deleteRow")]
-							})]
-						})]
-					}, e.id || t))
-				})] }),
-				K > 0 && ce.length > K && /* @__PURE__ */ Q("div", {
-					className: "flex items-center justify-between mt-3 pt-3 border-t",
-					children: [
-						/* @__PURE__ */ Q(i, {
-							variant: "outline",
-							size: "sm",
-							className: "h-7 text-xs gap-1",
-							disabled: P === 0,
-							onClick: () => F((e) => Math.max(0, e - 1)),
-							children: [/* @__PURE__ */ Z(ee, { className: "h-3 w-3" }), W("detail.previousPage")]
-						}),
-						/* @__PURE__ */ Z("span", {
-							className: "text-xs text-muted-foreground",
-							children: W("detail.pageOf", {
-								current: P + 1,
-								total: q
+								onClick: T,
+								className: "gap-1 h-7 text-xs mt-1",
+								children: [/* @__PURE__ */ Z(ke, { className: "h-3.5 w-3.5" }), q("detail.new")]
 							})
-						}),
-						/* @__PURE__ */ Q(i, {
-							variant: "outline",
-							size: "sm",
-							className: "h-7 text-xs gap-1",
-							disabled: P >= q - 1,
-							onClick: () => F((e) => Math.min(q - 1, e + 1)),
-							children: [W("detail.nextPage"), /* @__PURE__ */ Z(L, { className: "h-3 w-3" })]
+						]
+					}) : /* @__PURE__ */ Z(He, { schema: Oe }),
+					J > 0 && ye.length > J && /* @__PURE__ */ Q("div", {
+						className: "flex items-center justify-between mt-3 pt-3 border-t",
+						children: [
+							/* @__PURE__ */ Q(p, {
+								variant: "outline",
+								size: "sm",
+								className: "h-7 text-xs gap-1",
+								disabled: H === 0,
+								onClick: () => ie((e) => Math.max(0, e - 1)),
+								children: [/* @__PURE__ */ Z(oe, { className: "h-3 w-3" }), q("detail.previousPage")]
+							}),
+							/* @__PURE__ */ Z("span", {
+								className: "text-xs text-muted-foreground",
+								children: q("detail.pageOf", {
+									current: H + 1,
+									total: be
+								})
+							}),
+							/* @__PURE__ */ Q(p, {
+								variant: "outline",
+								size: "sm",
+								className: "h-7 text-xs gap-1",
+								disabled: H >= be - 1,
+								onClick: () => ie((e) => Math.min(be - 1, e + 1)),
+								children: [q("detail.nextPage"), /* @__PURE__ */ Z(W, { className: "h-3 w-3" })]
+							})
+						]
+					}),
+					E && !Ne && J > 0 && ye.length > J && /* @__PURE__ */ Z("div", {
+						className: "mt-3 pt-3 border-t flex justify-center",
+						children: /* @__PURE__ */ Q("button", {
+							type: "button",
+							onClick: (e) => {
+								e.stopPropagation(), E();
+							},
+							className: "text-xs text-muted-foreground hover:text-foreground inline-flex items-center gap-1 transition-colors",
+							children: [q("detail.viewAll"), /* @__PURE__ */ Z(fe, { className: "h-3 w-3" })]
 						})
-					]
-				})
-			]
-		})]
+					})
+				]
+			}),
+			/* @__PURE__ */ Z(i, {
+				open: Y !== null,
+				onOpenChange: (e) => {
+					e || Ce(null);
+				},
+				children: /* @__PURE__ */ Q(s, { children: [/* @__PURE__ */ Q(u, { children: [/* @__PURE__ */ Z(d, { children: q("detail.deleteRowTitle", { defaultValue: "Delete record" }) }), /* @__PURE__ */ Z(c, { children: q("detail.deleteRowConfirmation") })] }), /* @__PURE__ */ Q(l, { children: [/* @__PURE__ */ Z(o, { children: q("detail.cancel", { defaultValue: "Cancel" }) }), /* @__PURE__ */ Z(a, {
+					onClick: Te,
+					className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+					children: q("detail.delete", { defaultValue: "Delete" })
+				})] })] })
+			})
+		]
 	});
-}, Ke = ({ group: e, data: t, className: r, objectSchema: i, objectName: a, isEditing: o = !1, onFieldChange: s }) => {
-	let c = e.collapsible ?? !0, [f, p] = n.useState(e.defaultCollapsed ?? !1), m = /* @__PURE__ */ Z("div", {
+}, st = ({ 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(He, {
+		children: e.sections.map((e, n) => /* @__PURE__ */ Z(rt, {
 			section: e,
 			data: t,
 			objectSchema: i,
@@ -680,17 +813,17 @@ var Ge = ({ title: e, type: t, api: l, data: u = [], schema: d, columns: p, clas
 			onFieldChange: s
 		}, n))
 	});
-	return c ? /* @__PURE__ */ Q(l, {
-		open: !f,
-		onOpenChange: (e) => p(!e),
+	return c ? /* @__PURE__ */ Q(v, {
+		open: !l,
+		onOpenChange: (e) => u(!e),
 		className: r,
 		children: [
-			/* @__PURE__ */ Z(d, {
+			/* @__PURE__ */ Z(b, {
 				asChild: !0,
 				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(f ? L : I, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+						Z(l ? W : ae, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
 						e.icon && /* @__PURE__ */ Z("span", {
 							className: "text-muted-foreground",
 							children: e.icon
@@ -702,17 +835,17 @@ var Ge = ({ title: e, type: t, api: l, data: u = [], schema: d, columns: p, clas
 					]
 				})
 			}),
-			e.description && !f && /* @__PURE__ */ Z("p", {
+			e.description && !l && /* @__PURE__ */ Z("p", {
 				className: "text-sm text-muted-foreground mt-1",
 				children: e.description
 			}),
-			/* @__PURE__ */ Z(u, { children: /* @__PURE__ */ Z("div", {
+			/* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Z("div", {
 				className: "mt-3",
-				children: m
+				children: d
 			}) })
 		]
 	}) : /* @__PURE__ */ Q("div", {
-		className: S("space-y-3", r),
+		className: F("space-y-3", r),
 		children: [
 			/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2 pb-2 border-b",
@@ -728,32 +861,32 @@ var Ge = ({ title: e, type: t, api: l, data: u = [], schema: d, columns: p, clas
 				className: "text-sm text-muted-foreground",
 				children: e.description
 			}),
-			m
+			d
 		]
 	});
-}, qe = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
-	let { fieldLabel: s } = Me();
+}, ct = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
+	let { fieldLabel: a } = We();
 	if (!e.length || !t) return null;
-	let c = e.filter((e) => {
+	let o = e.filter((e) => {
 		let n = t?.[e.name];
 		return n != null && n !== "";
 	});
-	return c.length === 0 ? null : /* @__PURE__ */ Z(a, {
-		className: S("bg-muted/30 border-dashed", n),
-		children: /* @__PURE__ */ Z(o, {
+	return o.length === 0 ? null : /* @__PURE__ */ Z(m, {
+		className: F("bg-muted/30 border-dashed", n),
+		children: /* @__PURE__ */ Z(h, {
 			className: "py-3 px-4",
 			children: /* @__PURE__ */ Z("div", {
-				className: S("grid gap-4", c.length === 1 ? "grid-cols-1" : c.length === 2 ? "grid-cols-2" : c.length === 3 ? "grid-cols-3" : "grid-cols-2 md:grid-cols-4"),
-				children: c.map((e) => {
-					let n = t[e.name], a = i?.fields?.[e.name], o = e.type || a?.type, c = {
+				className: F("grid gap-4", o.length === 1 ? "grid-cols-1" : o.length === 2 ? "grid-cols-2" : o.length === 3 ? "grid-cols-3" : "grid-cols-2 md:grid-cols-4"),
+				children: o.map((e) => {
+					let n = t[e.name], o = i?.fields?.[e.name], s = e.type || o?.type, c = {
 						name: e.name,
 						label: e.label,
-						type: o || "text",
-						...a?.options && { options: a.options },
-						...a?.currency && { currency: a.currency },
-						...a?.precision !== void 0 && { precision: a.precision },
-						...a?.format && { format: a.format }
-					}, l = Ne(o || "text");
+						type: s || "text",
+						...o?.options && { options: o.options },
+						...o?.currency && { currency: o.currency },
+						...o?.precision !== void 0 && { precision: o.precision },
+						...o?.format && { format: o.format }
+					}, l = qe(Je(c) || s || "text");
 					return /* @__PURE__ */ Q("div", {
 						className: "flex flex-col gap-0.5",
 						children: [/* @__PURE__ */ Q("span", {
@@ -761,7 +894,7 @@ var Ge = ({ title: e, type: t, api: l, data: u = [], schema: d, columns: p, clas
 							children: [e.icon && /* @__PURE__ */ Z("span", {
 								className: "mr-1",
 								children: e.icon
-							}), s(r || "", e.name, e.label)]
+							}), a(r || "", e.name, e.label)]
 						}), /* @__PURE__ */ Z("span", {
 							className: "text-sm font-semibold truncate",
 							children: /* @__PURE__ */ Z(l, {
@@ -777,7 +910,7 @@ var Ge = ({ title: e, type: t, api: l, data: u = [], schema: d, columns: p, clas
 };
 //#endregion
 //#region src/RecordComments.tsx
-function Je(e) {
+function lt(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";
@@ -790,30 +923,30 @@ function Je(e) {
 		return e;
 	}
 }
-var Ye = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: l = !1, className: u }) => {
-	let { t: d } = $(), [f, p] = n.useState(""), [m, h] = n.useState(!1), [g, _] = n.useState(""), v = n.useCallback(async () => {
-		let e = f.trim();
+var ut = ({ 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(""), v = n.useCallback(async () => {
+		let e = s.trim();
 		if (!(!e || !t)) {
-			h(!0);
+			u(!0);
 			try {
-				await t(e), p("");
+				await t(e), c("");
 			} finally {
-				h(!1);
+				u(!1);
 			}
 		}
-	}, [f, t]), y = n.useCallback((e) => {
+	}, [s, t]), y = n.useCallback((e) => {
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), v());
-	}, [v]), b = n.useMemo(() => [...g.trim() ? e.filter((e) => {
-		let t = g.trim().toLowerCase();
+	}, [v]), b = n.useMemo(() => [...d.trim() ? e.filter((e) => {
+		let t = d.trim().toLowerCase();
 		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, g]);
-	return /* @__PURE__ */ Q(a, {
-		className: S("", u),
-		children: [/* @__PURE__ */ Z(s, { children: /* @__PURE__ */ Q(c, {
+	}) : e].sort((e, t) => e.pinned && !t.pinned ? -1 : !e.pinned && t.pinned ? 1 : 0), [e, d]);
+	return /* @__PURE__ */ Q(m, {
+		className: F("", a),
+		children: [/* @__PURE__ */ Z(g, { children: /* @__PURE__ */ Q(_, {
 			className: "flex items-center gap-2 text-base",
 			children: [
 				/* @__PURE__ */ Z(Y, { className: "h-4 w-4" }),
-				d("detail.comments"),
+				o("detail.comments"),
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
 					children: [
@@ -823,28 +956,28 @@ var Ye = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: l = !1, cl
 					]
 				})
 			]
-		}) }), /* @__PURE__ */ Q(o, {
+		}) }), /* @__PURE__ */ Q(h, {
 			className: "space-y-4",
 			children: [
-				l && /* @__PURE__ */ Z("div", {
+				i && /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2",
 					children: /* @__PURE__ */ Q("div", {
 						className: "relative flex-1",
 						children: [
-							/* @__PURE__ */ Z(be, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+							/* @__PURE__ */ Z(Ne, { 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: d("detail.searchComments"),
-								value: g,
-								onChange: (e) => _(e.target.value),
-								"aria-label": d("detail.searchComments")
+								placeholder: o("detail.searchComments"),
+								value: d,
+								onChange: (e) => f(e.target.value),
+								"aria-label": o("detail.searchComments")
 							}),
-							g && /* @__PURE__ */ Z("button", {
+							d && /* @__PURE__ */ Z("button", {
 								className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-								onClick: () => _(""),
-								"aria-label": d("detail.clearSearch"),
+								onClick: () => f(""),
+								"aria-label": o("detail.clearSearch"),
 								type: "button",
-								children: /* @__PURE__ */ Z(De, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ Z(ze, { className: "h-3.5 w-3.5" })
 							})
 						]
 					})
@@ -853,27 +986,27 @@ var Ye = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: l = !1, cl
 					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: d("detail.addCommentPlaceholder"),
-						value: f,
-						onChange: (e) => p(e.target.value),
+						placeholder: o("detail.addCommentPlaceholder"),
+						value: s,
+						onChange: (e) => c(e.target.value),
 						onKeyDown: y,
-						disabled: m
-					}), /* @__PURE__ */ Z(i, {
+						disabled: l
+					}), /* @__PURE__ */ Z(p, {
 						size: "icon",
 						variant: "default",
 						onClick: v,
-						disabled: !f.trim() || m,
+						disabled: !s.trim() || l,
 						className: "shrink-0 self-end",
-						children: /* @__PURE__ */ Z(xe, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ Z(Pe, { className: "h-4 w-4" })
 					})]
 				}),
 				b.length === 0 ? /* @__PURE__ */ Z("p", {
 					className: "text-sm text-muted-foreground text-center py-4",
-					children: g.trim() ? d("detail.noMatchingComments") : d("detail.noCommentsYet")
+					children: d.trim() ? o("detail.noMatchingComments") : o("detail.noCommentsYet")
 				}) : /* @__PURE__ */ Z("div", {
 					className: "space-y-3",
 					children: b.map((e) => /* @__PURE__ */ Q("div", {
-						className: S("flex gap-3", e.pinned && "bg-muted/40 rounded-md p-2 -mx-2"),
+						className: F("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", {
@@ -896,11 +1029,11 @@ var Ye = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: l = !1, cl
 										}),
 										/* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground",
-											children: Je(e.createdAt)
+											children: lt(e.createdAt)
 										}),
 										e.pinned && /* @__PURE__ */ Q("span", {
 											className: "text-xs text-amber-600 flex items-center gap-0.5",
-											children: [/* @__PURE__ */ Z(he, { className: "h-3 w-3" }), d("detail.pinned")]
+											children: [/* @__PURE__ */ Z(Oe, { className: "h-3 w-3" }), o("detail.pinned")]
 										})
 									]
 								}),
@@ -912,8 +1045,8 @@ var Ye = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: l = !1, cl
 									type: "button",
 									className: "mt-1 text-xs text-muted-foreground hover:text-foreground flex items-center gap-1",
 									onClick: () => r(e.id),
-									"aria-label": e.pinned ? d("detail.unpin") : d("detail.pin"),
-									children: [/* @__PURE__ */ Z(he, { className: "h-3 w-3" }), e.pinned ? d("detail.unpin") : d("detail.pin")]
+									"aria-label": e.pinned ? o("detail.unpin") : o("detail.pin"),
+									children: [/* @__PURE__ */ Z(Oe, { className: "h-3 w-3" }), e.pinned ? o("detail.unpin") : o("detail.pin")]
 								})
 							]
 						})]
@@ -922,20 +1055,20 @@ var Ye = ({ comments: e, onAddComment: t, onTogglePin: r, searchable: l = !1, cl
 			]
 		})]
 	});
-}, Xe = {
-	field_change: H,
-	create: _e,
-	delete: Te,
+}, dt = {
+	field_change: G,
+	create: Ae,
+	delete: Le,
 	comment: Y,
-	status_change: D
-}, Ze = {
+	status_change: te
+}, ft = {
 	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 Qe(e) {
+function pt(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";
@@ -948,58 +1081,58 @@ function Qe(e) {
 		return e;
 	}
 }
-function $e(e) {
+function mt(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 et = {
+var ht = {
 	all: "All",
 	field_change: "Field Changes",
 	create: "Creates",
 	delete: "Deletes",
 	comment: "Comments",
 	status_change: "Status Changes"
-}, tt = ({ activities: e, filterable: t = !1, defaultFilter: r = "all", className: i }) => {
-	let [l, u] = n.useState(r), d = n.useMemo(() => l === "all" ? e : e.filter((e) => e.type === l), [e, l]);
-	return /* @__PURE__ */ Q(a, {
-		className: S("", i),
-		children: [/* @__PURE__ */ Z(s, { children: /* @__PURE__ */ Q(c, {
+}, gt = ({ 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(m, {
+		className: F("", i),
+		children: [/* @__PURE__ */ Z(g, { children: /* @__PURE__ */ Q(_, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ Z(w, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Z(L, { className: "h-4 w-4" }),
 				"Activity",
 				/* @__PURE__ */ Q("span", {
 					className: "text-sm font-normal text-muted-foreground",
 					children: [
 						"(",
-						d.length,
+						s.length,
 						")"
 					]
 				})
 			]
-		}) }), /* @__PURE__ */ Q(o, { children: [t && /* @__PURE__ */ Z("div", {
+		}) }), /* @__PURE__ */ Q(h, { children: [t && /* @__PURE__ */ Z("div", {
 			className: "flex flex-wrap gap-1.5 mb-4",
 			role: "group",
 			"aria-label": "Activity type filter",
-			children: Object.keys(et).map((e) => /* @__PURE__ */ Q("button", {
+			children: Object.keys(ht).map((e) => /* @__PURE__ */ Q("button", {
 				type: "button",
-				className: S("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors", l === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
-				onClick: () => u(e),
-				"aria-pressed": l === e,
-				children: [e !== "all" && n.createElement(Xe[e] || H, { className: "h-3 w-3" }), et[e]]
+				className: F("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(dt[e] || G, { className: "h-3 w-3" }), ht[e]]
 			}, e))
-		}), d.length === 0 ? /* @__PURE__ */ Z("p", {
+		}), s.length === 0 ? /* @__PURE__ */ Z("p", {
 			className: "text-sm text-muted-foreground text-center py-4",
 			children: "No activity recorded"
 		}) : /* @__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: d.map((e) => {
-					let t = Xe[e.type] || H;
+				children: s.map((e) => {
+					let t = dt[e.type] || G;
 					return /* @__PURE__ */ Q("div", {
 						className: "flex gap-3 relative",
 						children: [/* @__PURE__ */ Z("div", {
-							className: S("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", Ze[e.type] || "bg-gray-100 text-gray-600"),
+							className: F("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", ft[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",
@@ -1013,12 +1146,12 @@ var et = {
 									" ",
 									/* @__PURE__ */ Z("span", {
 										className: "text-muted-foreground",
-										children: $e(e)
+										children: mt(e)
 									})
 								]
 							}), /* @__PURE__ */ Z("p", {
 								className: "text-xs text-muted-foreground mt-0.5",
-								children: Qe(e.timestamp)
+								children: pt(e.timestamp)
 							})]
 						})]
 					}, e.id);
@@ -1026,8 +1159,8 @@ var et = {
 			})]
 		})] })]
 	});
-}, nt = 5;
-function rt(e, t, n, r) {
+}, _t = 5;
+function vt(e, t, n, r) {
 	if (e && typeof e == "object") {
 		if (t.primaryField) {
 			let n = e[t.primaryField];
@@ -1062,21 +1195,21 @@ function rt(e, t, n, r) {
 	}
 	return r;
 }
-var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBack: l, inlineEdit: u = !1, onFieldSave: d, discussionSlot: f, rightRail: C, objectLabel: w, onDataLoaded: E }) => {
-	let [D, O] = n.useState(e.data), [k, A] = n.useState(!e.data && !!(e.api && e.resourceId || a && e.objectName && e.resourceId)), [j, M] = n.useState(!1), [N, F] = n.useState(!1), [I, R] = n.useState({}), [z, B] = n.useState(null), [V, ne] = n.useState(!1), { t: U } = $();
+var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBack: s, inlineEdit: c = !1, onFieldSave: l, discussionSlot: u, rightRail: d, objectLabel: m, onDataLoaded: h }) => {
+	let [g, _] = n.useState(e.data), [v, y] = n.useState(!e.data && !!(e.api && e.resourceId || r && e.objectName && e.resourceId)), [b, x] = n.useState(!1), [S, C] = n.useState(!1), [w, T] = n.useState({}), [I, L] = n.useState(null), [R, te] = n.useState(!1), { t: z } = $(), { fieldOptionLabel: B } = We();
 	n.useEffect(() => {
-		D && E && E(D);
-	}, [D, E]);
-	let re = n.useMemo(() => {
+		g && h && h(g);
+	}, [g, h]);
+	let ne = n.useMemo(() => {
 		if (e.summaryFields && e.summaryFields.length > 0) return [];
 		let t = [...e.sections?.flatMap((e) => e.fields) || [], ...e.fields || []], n = {};
 		for (let e of t) n[e.name] || (n[e.name] = e);
-		if (z?.fields) for (let [e, t] of Object.entries(z.fields)) n[e] = {
+		if (I?.fields) for (let [e, t] of Object.entries(I.fields)) n[e] = {
 			...n[e] || {},
 			...t,
 			name: e
 		};
-		let r = (e) => D?.[e] !== void 0 && D?.[e] !== null && D?.[e] !== "", i = [], a = [
+		let r = (e) => g?.[e] !== void 0 && g?.[e] !== null && g?.[e] !== "", i = [], a = [
 			"status",
 			"stage",
 			"state",
@@ -1091,51 +1224,51 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 		e.summaryFields,
 		e.sections,
 		e.fields,
-		z,
-		D
-	]), ie = e.summaryFields && e.summaryFields.length > 0 ? e.summaryFields : re, ae = n.useCallback(() => {
+		I,
+		g
+	]), re = e.summaryFields && e.summaryFields.length > 0 ? e.summaryFields : ne, V = n.useCallback(() => {
 		e.resourceId && navigator.clipboard.writeText(String(e.resourceId)).then(() => {
-			ne(!0), setTimeout(() => ne(!1), 1500);
+			te(!0), setTimeout(() => te(!1), 1500);
 		});
 	}, [e.resourceId]);
 	n.useEffect(() => {
 		let n = !0;
 		if (e.data) {
-			O(e.data), A(!1);
+			_(e.data), y(!1);
 			return;
 		}
-		if (a && e.objectName && e.resourceId) {
-			A(!0), B(null), O(null);
-			let r = e.objectName, i = e.resourceId, o = `${r}-`, s = [...e.sections?.flatMap((e) => e.fields) || [], ...e.fields || []];
-			(a.getObjectSchema ? a.getObjectSchema(r).catch(() => null) : Promise.resolve(null)).then((e) => {
+		if (r && e.objectName && e.resourceId) {
+			y(!0), L(null), _(null);
+			let i = e.objectName, a = e.resourceId, o = `${i}-`, s = [...e.sections?.flatMap((e) => e.fields) || [], ...e.fields || []];
+			(r.getObjectSchema ? r.getObjectSchema(i).catch(() => null) : Promise.resolve(null)).then((e) => {
 				if (!n) return;
-				B(e);
-				let c = t(e?.fields, s), l = c.length > 0 ? { $expand: c } : void 0, u = l ? a.findOne(r, i, l) : a.findOne(r, i), d = () => {
-					let e = String(i), t = e.startsWith(o) ? e.slice(o.length) : `${o}${e}`;
-					return (l ? a.findOne(r, t, l) : a.findOne(r, t)).then((e) => {
-						n && (O(e), A(!1));
+				L(e);
+				let c = t(e?.fields, s), l = c.length > 0 ? { $expand: c } : void 0, u = l ? r.findOne(i, a, l) : r.findOne(i, a), d = () => {
+					let e = String(a), t = e.startsWith(o) ? e.slice(o.length) : `${o}${e}`;
+					return (l ? r.findOne(i, t, l) : r.findOne(i, t)).then((e) => {
+						n && (_(e), y(!1));
 					}).catch(() => {
-						n && (O(null), A(!1));
+						n && (_(null), y(!1));
 					});
 				};
 				return u.catch(() => null).then((e) => {
 					if (n) {
 						if (e) {
-							O(e), A(!1);
+							_(e), y(!1);
 							return;
 						}
 						return d();
 					}
 				});
 			}).catch((e) => {
-				n && (console.error("Failed to fetch detail data:", e), A(!1));
+				n && (console.error("Failed to fetch detail data:", e), y(!1));
 			});
-		} else e.api && e.resourceId && (A(!0), fetch(`${e.api}/${e.resourceId}`).then((e) => e.json()).then((e) => {
-			n && O(e?.data || e);
+		} else e.api && e.resourceId && (y(!0), fetch(`${e.api}/${e.resourceId}`).then((e) => e.json()).then((e) => {
+			n && _(e?.data || e);
 		}).catch((e) => {
 			console.error("Failed to fetch detail data:", e);
 		}).finally(() => {
-			n && A(!1);
+			n && y(!1);
 		}));
 		return () => {
 			n = !1;
@@ -1144,53 +1277,55 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 		e.api,
 		e.resourceId,
 		e.objectName,
-		a,
+		r,
 		e.sections,
 		e.fields
 	]);
-	let oe = n.useCallback(() => {
-		if (l) l();
+	let H = n.useCallback(() => {
+		if (s) s();
 		else if (e.onNavigate) {
 			let t = e.backUrl || (e.objectName ? `/${e.objectName}` : "/");
 			e.onNavigate(t, { replace: !0 });
 		} else e.backUrl ? window.location.href = e.backUrl : window.history.back();
-	}, [l, e]), W = n.useCallback(() => {
-		s ? s() : e.onNavigate && e.editUrl ? e.onNavigate(e.editUrl) : e.onNavigate && e.objectName && e.resourceId ? e.onNavigate(`/${e.objectName}/${e.resourceId}/edit`) : e.editUrl && (window.location.href = e.editUrl);
-	}, [s, e]), se = n.useCallback(() => {
-		let t = e.deleteConfirmation || U("detail.deleteConfirmation");
-		window.confirm(t) && (c?.(), e.onNavigate && e.objectName && e.onNavigate(`/${e.objectName}`, { replace: !0 }));
-	}, [c, e]), G = n.useCallback(() => {
+	}, [s, e]), U = n.useCallback(() => {
+		a ? a() : e.onNavigate && e.editUrl ? e.onNavigate(e.editUrl) : e.onNavigate && e.objectName && e.resourceId ? e.onNavigate(`/${e.objectName}/${e.resourceId}/edit`) : e.editUrl && (window.location.href = e.editUrl);
+	}, [a, e]), ae = n.useCallback(() => {
+		let t = e.deleteConfirmation || z("detail.deleteConfirmation");
+		window.confirm(t) && (o?.(), e.onNavigate && e.objectName && e.onNavigate(`/${e.objectName}`, { replace: !0 }));
+	}, [o, e]), se = n.useCallback(() => {
 		navigator.share && e.objectName && e.resourceId ? navigator.share({
-			title: e.title || U("detail.details"),
+			title: e.title || z("detail.details"),
 			text: `${e.objectName} #${e.resourceId}`,
 			url: window.location.href
 		}).catch((e) => console.log("Share failed:", e)) : navigator.clipboard.writeText(window.location.href).then(() => {
 			console.log("Link copied to clipboard");
 		});
 	}, [e]), ce = n.useCallback(() => {
-		M(!j);
-	}, [j]), K = n.useCallback(() => {
-		if (N) {
-			let e = Object.entries(I);
+		x(!b);
+	}, [b]), le = n.useCallback(() => {
+		if (S) {
+			let e = Object.entries(w);
 			if (e.length > 0) {
 				let t = {
-					...D,
-					...I
+					...g,
+					...w
 				};
-				O(t), e.forEach(([e, n]) => {
-					d?.(e, n, t);
+				_(t), e.forEach(([e, n]) => {
+					l?.(e, n, t);
 				});
 			}
-			R({});
+			T({});
 		}
-		F(!N);
+		C(!S);
 	}, [
-		N,
-		I,
-		D,
-		d
-	]), q = n.useCallback((e, t) => {
-		R((n) => ({
+		S,
+		w,
+		g,
+		l
+	]), ue = n.useCallback(() => {
+		T({}), C(!1);
+	}, []), fe = n.useCallback((e, t) => {
+		T((n) => ({
 			...n,
 			[e]: t
 		}));
@@ -1203,73 +1338,50 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 		};
 		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
 	}, [e.recordNavigation]);
-	let J = n.useMemo(() => {
-		if (!e.autoDiscoverRelated || !z?.fields || e.related && e.related.length > 0) return [];
-		let t = [], n = z.fields;
-		for (let [e, r] of Object.entries(n)) {
-			let n = r?.reference_to || r?.reference;
-			r && (r.type === "lookup" || r.type === "master_detail") && n && t.push({
-				title: r.label || e.charAt(0).toUpperCase() + e.slice(1),
-				type: "table",
-				objectName: n,
-				referenceField: e
-			});
-		}
-		return t;
-	}, [
-		e.autoDiscoverRelated,
-		e.related,
-		z
-	]), le = n.useMemo(() => e.related && e.related.length > 0 ? e.related : J.map((e) => ({
-		title: e.title,
-		type: e.type,
-		api: e.objectName,
-		data: [],
-		referenceField: e.referenceField
-	})), [e.related, J]), Y = n.useMemo(() => {
+	let K = n.useMemo(() => e.related ?? [], [e.related]), pe = n.useMemo(() => {
 		let t = [];
 		return t.push({
 			name: "sys_share",
-			label: U("detail.share"),
+			label: z("detail.share"),
 			icon: "share-2",
 			type: "script",
-			onClick: G
+			onClick: se
 		}), e.showEdit && t.push({
 			name: "sys_edit_mobile",
-			label: U("detail.edit"),
+			label: z("detail.edit"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
-			onClick: W
-		}), u && t.push({
+			onClick: U
+		}), c && t.push({
 			name: "sys_toggle_inline_edit_mobile",
-			label: U(N ? "detail.save" : "detail.editInline"),
+			label: z(S ? "detail.save" : "detail.editInline"),
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
-			onClick: K
+			onClick: le
 		}), e.showDelete && t.push({
 			name: "sys_delete",
-			label: U("detail.delete"),
+			label: z("detail.delete"),
 			icon: "trash-2",
 			type: "script",
 			variant: "destructive",
 			tags: ["separator-before"],
-			onClick: se
+			onClick: ae
 		}), t;
 	}, [
-		U,
+		z,
 		e.showEdit,
 		e.showDelete,
-		u,
-		N,
-		G,
-		W,
-		K,
-		se
-	]), ue = n.useMemo(() => {
+		c,
+		S,
+		se,
+		U,
+		le,
+		ae
+	]), me = n.useMemo(() => {
 		let t = e.actions ?? [];
-		if (Y.length === 0) return t;
+		if (pe.length === 0) return t;
 		let n = !1, r = t.map((e) => {
 			let t = e;
 			if (t && typeof t == "object" && t.type === "action:bar" && (!t.location || t.location === "record_header")) {
@@ -1277,7 +1389,7 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 				let e = Array.isArray(t.systemActions) ? t.systemActions : [];
 				return {
 					...t,
-					systemActions: [...e, ...Y]
+					systemActions: [...e, ...pe]
 				};
 			}
 			return e;
@@ -1285,134 +1397,144 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 		return n || r.push({
 			type: "action:bar",
 			location: "record_header",
-			systemActions: Y
+			systemActions: pe
 		}), r;
-	}, [e.actions, Y]);
-	return k || e.loading ? /* @__PURE__ */ Q("div", {
-		className: S("space-y-4", o),
+	}, [e.actions, pe]);
+	return v || e.loading ? /* @__PURE__ */ Q("div", {
+		className: F("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(E, { className: "h-10 w-full" }),
+			/* @__PURE__ */ Z(E, { className: "h-64 w-full" }),
+			/* @__PURE__ */ Z(E, { className: "h-48 w-full" })
 		]
-	}) : !D && !e.data ? /* @__PURE__ */ Q("div", {
-		className: S("flex flex-col items-center justify-center py-16 text-center", o),
+	}) : !g && !e.data ? /* @__PURE__ */ Q("div", {
+		className: F("flex flex-col items-center justify-center py-16 text-center", i),
 		children: [
 			/* @__PURE__ */ Z("p", {
 				className: "text-lg font-semibold",
-				children: U("detail.recordNotFound")
+				children: z("detail.recordNotFound")
 			}),
 			/* @__PURE__ */ Z("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: U("detail.recordNotFoundDescription")
+				children: z("detail.recordNotFoundDescription")
 			}),
-			(e.showBack ?? !0) && /* @__PURE__ */ Q(i, {
+			(e.showBack ?? !0) && /* @__PURE__ */ Q(p, {
 				variant: "outline",
 				size: "sm",
-				onClick: oe,
+				onClick: H,
 				className: "mt-4 gap-2",
-				children: [/* @__PURE__ */ Z(T, { className: "h-4 w-4" }), U("detail.goBack")]
+				children: [/* @__PURE__ */ Z(ee, { className: "h-4 w-4" }), z("detail.goBack")]
 			})
 		]
-	}) : /* @__PURE__ */ Z(b, { children: /* @__PURE__ */ Q("div", {
-		className: S("space-y-6", o),
+	}) : /* @__PURE__ */ Z(N, { children: /* @__PURE__ */ Q("div", {
+		className: F("space-y-6", i),
 		children: [
 			/* @__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: [(e.showBack ?? !0) && /* @__PURE__ */ Q(v, { children: [/* @__PURE__ */ Z(x, {
+					children: [(e.showBack ?? !0) && /* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
 						asChild: !0,
-						children: /* @__PURE__ */ Z(i, {
+						children: /* @__PURE__ */ Z(p, {
 							variant: "ghost",
 							size: "icon",
-							onClick: oe,
+							onClick: H,
 							className: "shrink-0 mt-1",
-							children: /* @__PURE__ */ Z(T, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ Z(ee, { className: "h-4 w-4" })
 						})
-					}), /* @__PURE__ */ Z(y, { children: U("detail.back") })] }), /* @__PURE__ */ Q("div", {
+					}), /* @__PURE__ */ Z(M, { children: z("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: rt(D, e, z, U("detail.details"))
+									children: vt(g, e, I, z("detail.details"))
 								}),
-								ie.map((t) => {
-									let n = D?.[t];
+								re.map((t) => {
+									let n = g?.[t];
 									if (n == null || n === "") return null;
-									let i = (e.sections || []).flatMap((e) => e.fields).concat(e.fields || []).find((e) => e.name === t), a = z?.fields?.[t], o = i?.type || a?.type, s = String(n), c = null;
+									let r = (e.sections || []).flatMap((e) => e.fields).concat(e.fields || []).find((e) => e.name === t), i = I?.fields?.[t], a = r?.type || i?.type, o = String(n), s = null;
 									try {
-										if (o === "currency") {
+										if (a === "currency") {
 											let e = Number(n);
-											Number.isNaN(e) || (s = new Intl.NumberFormat(void 0, {
+											Number.isNaN(e) || (o = new Intl.NumberFormat(void 0, {
 												style: "currency",
-												currency: i?.currency || a?.currency || "USD",
+												currency: r?.currency || i?.currency || "USD",
 												maximumFractionDigits: 0
 											}).format(e));
-										} else if (o === "date" || o === "datetime") {
+										} else if (a === "date" || a === "datetime") {
 											let e = new Date(n);
-											Number.isNaN(e.getTime()) || (s = o === "datetime" ? e.toLocaleString(void 0, {
+											Number.isNaN(e.getTime()) || (o = a === "datetime" ? e.toLocaleString(void 0, {
 												dateStyle: "medium",
 												timeStyle: "short"
 											}) : e.toLocaleDateString(void 0, { dateStyle: "medium" }));
-										} else if (o === "percent") {
+										} else if (a === "percent") {
 											let e = Number(n);
 											if (!Number.isNaN(e)) {
-												s = `${e}%`;
+												o = `${e}%`;
 												let t = e <= 1 ? e * 100 : e;
-												c = Math.max(0, Math.min(100, t));
+												s = Math.max(0, Math.min(100, t));
+											}
+										} else if (a === "select" || a === "status" || a === "multiselect") {
+											let a = r?.options || i?.options, s = String(n);
+											if (Array.isArray(a)) {
+												let e = a.find((e) => String(e?.value ?? e) === String(n));
+												e?.label && (s = e.label);
+											} else if (a && typeof a == "object") {
+												let e = a[String(n)];
+												e?.label && (s = e.label);
 											}
+											o = e.objectName ? B(e.objectName, t, String(n), s) : s;
 										}
 									} catch {}
-									return c === null ? /* @__PURE__ */ Z(r, {
+									return s === null ? /* @__PURE__ */ Z(f, {
 										variant: "secondary",
 										className: "text-xs bg-primary/10 text-primary border-transparent hover:bg-primary/15",
-										"aria-label": `${t}: ${s}`,
-										children: s
-									}, t) : /* @__PURE__ */ Q(r, {
+										"aria-label": `${t}: ${o}`,
+										children: o
+									}, t) : /* @__PURE__ */ Q(f, {
 										variant: "secondary",
 										className: "text-xs bg-primary/10 text-primary border-transparent hover:bg-primary/15 gap-1.5 pl-2 pr-2",
-										"aria-label": `${t}: ${s}`,
+										"aria-label": `${t}: ${o}`,
 										children: [/* @__PURE__ */ Z("span", {
 											className: "relative inline-block h-1.5 w-12 rounded-full bg-primary/20 overflow-hidden",
 											"aria-hidden": !0,
 											children: /* @__PURE__ */ Z("span", {
 												className: "absolute inset-y-0 left-0 rounded-full bg-primary",
-												style: { width: `${c}%` }
+												style: { width: `${s}%` }
 											})
-										}), s]
+										}), o]
 									}, t);
 								}),
-								/* @__PURE__ */ Q(v, { children: [/* @__PURE__ */ Z(x, {
+								/* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
 									asChild: !0,
-									children: /* @__PURE__ */ Z(i, {
+									children: /* @__PURE__ */ Z(p, {
 										variant: "ghost",
 										size: "icon",
 										className: "h-6 w-6 shrink-0",
 										onClick: ce,
-										"aria-label": U(j ? "detail.removeFromFavorites" : "detail.addToFavorites"),
-										children: j ? /* @__PURE__ */ Z(Ce, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Z(we, { className: "h-4 w-4 text-muted-foreground" })
+										"aria-label": z(b ? "detail.removeFromFavorites" : "detail.addToFavorites"),
+										children: b ? /* @__PURE__ */ Z(Ie, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Z(Ie, { className: "h-4 w-4 text-muted-foreground" })
 									})
-								}), /* @__PURE__ */ Z(y, { children: U(j ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
+								}), /* @__PURE__ */ Z(M, { children: z(b ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
 							]
 						}), e.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: w || e.objectName
-							}), e.resourceId && /* @__PURE__ */ Q(v, { children: [/* @__PURE__ */ Z(x, {
+								children: m || e.objectName
+							}), e.resourceId && /* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
 								asChild: !0,
-								children: /* @__PURE__ */ Z(i, {
+								children: /* @__PURE__ */ Z(p, {
 									variant: "ghost",
 									size: "icon",
 									className: "h-5 w-5 shrink-0 text-muted-foreground/60 hover:text-foreground",
-									onClick: ae,
-									"aria-label": U("detail.copyRecordId", { defaultValue: "Copy record ID" }),
-									children: V ? /* @__PURE__ */ Z(P, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(te, { className: "h-3 w-3" })
+									onClick: V,
+									"aria-label": z("detail.copyRecordId", { defaultValue: "Copy record ID" }),
+									children: R ? /* @__PURE__ */ Z(ie, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Z(de, { className: "h-3 w-3" })
 								})
-							}), /* @__PURE__ */ Z(y, { children: V ? U("detail.copied", { defaultValue: "Copied" }) : U("detail.copyRecordId", { defaultValue: "Copy record ID" }) })] })]
+							}), /* @__PURE__ */ Z(M, { children: R ? z("detail.copied", { defaultValue: "Copied" }) : z("detail.copyRecordId", { defaultValue: "Copy record ID" }) })] })]
 						})]
 					})]
 				}), /* @__PURE__ */ Q("div", {
@@ -1421,9 +1543,9 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 						e.recordNavigation && /* @__PURE__ */ Q("div", {
 							className: "flex items-center gap-1 mr-2",
 							children: [
-								/* @__PURE__ */ Q(v, { children: [/* @__PURE__ */ Z(x, {
+								/* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
 									asChild: !0,
-									children: /* @__PURE__ */ Z(i, {
+									children: /* @__PURE__ */ Z(p, {
 										variant: "outline",
 										size: "icon",
 										className: "h-8 w-8",
@@ -1432,19 +1554,19 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 											let t = e.recordNavigation;
 											t.currentIndex > 0 && t.onNavigate(t.recordIds[t.currentIndex - 1]);
 										},
-										children: /* @__PURE__ */ Z(ee, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Z(oe, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ Z(y, { children: U("detail.previousRecord") })] }),
+								}), /* @__PURE__ */ Z(M, { children: z("detail.previousRecord") })] }),
 								/* @__PURE__ */ Z("span", {
 									className: "text-xs text-muted-foreground whitespace-nowrap px-1",
-									children: U("detail.recordOf", {
+									children: z("detail.recordOf", {
 										current: e.recordNavigation.currentIndex + 1,
 										total: e.recordNavigation.recordIds.length
 									})
 								}),
-								/* @__PURE__ */ Q(v, { children: [/* @__PURE__ */ Z(x, {
+								/* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
 									asChild: !0,
-									children: /* @__PURE__ */ Z(i, {
+									children: /* @__PURE__ */ Z(p, {
 										variant: "outline",
 										size: "icon",
 										className: "h-8 w-8",
@@ -1453,97 +1575,109 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 											let t = e.recordNavigation;
 											t.currentIndex < t.recordIds.length - 1 && t.onNavigate(t.recordIds[t.currentIndex + 1]);
 										},
-										children: /* @__PURE__ */ Z(L, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Z(W, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ Z(y, { children: U("detail.nextRecord") })] })
+								}), /* @__PURE__ */ Z(M, { children: z("detail.nextRecord") })] })
 							]
 						}),
-						ue.map((e, t) => /* @__PURE__ */ Z(Ae, {
-							schema: e,
-							data: D
-						}, t)),
-						u && /* @__PURE__ */ Q(v, { children: [/* @__PURE__ */ Z(x, {
+						c && /* @__PURE__ */ Q(X, { children: [S && /* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
+							asChild: !0,
+							children: /* @__PURE__ */ Q(p, {
+								variant: "ghost",
+								size: "sm",
+								onClick: ue,
+								className: "gap-2 hidden sm:inline-flex",
+								children: [/* @__PURE__ */ Z(ze, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+									className: "hidden sm:inline",
+									children: z("detail.cancel")
+								})]
+							})
+						}), /* @__PURE__ */ Z(M, { children: z("detail.cancelEdit") })] }), /* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
 							asChild: !0,
-							children: /* @__PURE__ */ Z(i, {
-								variant: N ? "default" : "outline",
+							children: /* @__PURE__ */ Z(p, {
+								variant: S ? "default" : "outline",
 								size: "sm",
-								onClick: K,
+								onClick: le,
 								className: "gap-2 hidden sm:inline-flex",
-								children: N ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(P, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: S ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(ie, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: U("detail.save")
-								})] }) : /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(H, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+									children: z("detail.save")
+								})] }) : /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(G, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: U("detail.editInline")
+									children: z("detail.editInline")
 								})] })
 							})
-						}), /* @__PURE__ */ Z(y, { children: U(N ? "detail.saveChanges" : "detail.editFieldsInline") })] }),
-						e.showEdit && /* @__PURE__ */ Q(v, { children: [/* @__PURE__ */ Z(x, {
+						}), /* @__PURE__ */ Z(M, { children: z(S ? "detail.saveChanges" : "detail.editFieldsInline") })] })] }),
+						e.showEdit && /* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
 							asChild: !0,
-							children: /* @__PURE__ */ Q(i, {
+							children: /* @__PURE__ */ Q(p, {
 								variant: "default",
-								onClick: W,
+								onClick: U,
 								className: "gap-2 hidden sm:inline-flex",
-								children: [/* @__PURE__ */ Z(H, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
+								children: [/* @__PURE__ */ Z(G, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
-									children: U("detail.edit")
+									children: z("detail.edit")
 								})]
 							})
-						}), /* @__PURE__ */ Z(y, { children: U("detail.editRecord") })] })
+						}), /* @__PURE__ */ Z(M, { children: z("detail.editRecord") })] }),
+						me.map((e, t) => /* @__PURE__ */ Z(He, {
+							schema: e,
+							data: g
+						}, `header-action-${t}`))
 					]
 				})]
 			}),
-			e.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(Ae, {
+			e.header && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(He, {
 				schema: e.header,
-				data: D
+				data: g
 			}) }),
-			e.highlightFields && e.highlightFields.length > 0 && /* @__PURE__ */ Z(qe, {
+			e.highlightFields && e.highlightFields.length > 0 && /* @__PURE__ */ Z(ct, {
 				fields: e.highlightFields,
-				data: D,
+				data: g,
 				objectName: e.objectName,
-				objectSchema: z
+				objectSchema: I
 			}),
 			e.autoTabs && !e.tabs?.length ? (() => {
-				let t = le.length > 0, n = !!e.activities && e.activities.length > 0, i = !!f, o = /* @__PURE__ */ Q("div", {
+				let t = K.length > 0, n = !!e.activities && e.activities.length > 0, i = !!u, a = /* @__PURE__ */ Q("div", {
 					className: "space-y-3 sm:space-y-4",
 					children: [
-						e.sectionGroups && e.sectionGroups.length > 0 && e.sectionGroups.map((t, n) => /* @__PURE__ */ Z(Ke, {
+						e.sectionGroups && e.sectionGroups.length > 0 && e.sectionGroups.map((t, n) => /* @__PURE__ */ Z(st, {
 							group: t,
 							data: {
-								...D,
-								...I
+								...g,
+								...w
 							},
-							objectSchema: z,
+							objectSchema: I,
 							objectName: e.objectName,
-							isEditing: N,
-							onFieldChange: q
+							isEditing: S,
+							onFieldChange: fe
 						}, n)),
-						e.sections && e.sections.length > 0 && e.sections.map((t, n) => /* @__PURE__ */ Z(He, {
+						e.sections && e.sections.length > 0 && e.sections.map((t, n) => /* @__PURE__ */ Z(rt, {
 							section: t,
 							data: {
-								...D,
-								...I
+								...g,
+								...w
 							},
-							objectSchema: z,
+							objectSchema: I,
 							objectName: e.objectName,
-							isEditing: N,
-							onFieldChange: q
+							isEditing: S,
+							onFieldChange: fe
 						}, n)),
-						e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ Z(He, {
+						e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ Z(rt, {
 							section: {
 								fields: e.fields,
 								columns: e.columns
 							},
 							data: {
-								...D,
-								...I
+								...g,
+								...w
 							},
-							objectSchema: z,
+							objectSchema: I,
 							objectName: e.objectName,
-							isEditing: N,
-							onFieldChange: q
+							isEditing: S,
+							onFieldChange: fe
 						}),
-						e.comments && /* @__PURE__ */ Z(Ye, {
+						e.comments && /* @__PURE__ */ Z(ut, {
 							comments: e.comments,
 							onAddComment: e.onAddComment
 						})
@@ -1551,245 +1685,406 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 				});
 				return !t && !n && !i ? /* @__PURE__ */ Z("div", {
 					className: "mt-2",
-					children: o
-				}) : /* @__PURE__ */ Q(m, {
+					children: a
+				}) : /* @__PURE__ */ Q(D, {
 					defaultValue: "details",
 					className: "w-full",
 					children: [
-						/* @__PURE__ */ Q(g, {
+						/* @__PURE__ */ Q(k, {
 							className: "w-full justify-start border-b rounded-none bg-transparent p-0",
 							children: [
-								/* @__PURE__ */ Z(_, {
+								/* @__PURE__ */ Z(A, {
 									value: "details",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
-									children: U("detail.details")
+									children: z("detail.details")
 								}),
-								t && /* @__PURE__ */ Z(_, {
+								t && /* @__PURE__ */ Z(A, {
 									value: "related",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: /* @__PURE__ */ Q("span", {
 										className: "flex items-center gap-1.5",
-										children: [U("detail.related"), /* @__PURE__ */ Z(r, {
+										children: [z("detail.related"), /* @__PURE__ */ Z(f, {
 											variant: "secondary",
 											className: "text-xs bg-primary/10 text-primary border-transparent",
-											children: le.length
+											children: K.length
 										})]
 									})
 								}),
-								n && /* @__PURE__ */ Z(_, {
+								n && /* @__PURE__ */ Z(A, {
 									value: "activity",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 									children: /* @__PURE__ */ Q("span", {
 										className: "flex items-center gap-1.5",
-										children: [U("detail.activity"), /* @__PURE__ */ Z(r, {
+										children: [z("detail.activity"), /* @__PURE__ */ Z(f, {
 											variant: "secondary",
 											className: "text-xs bg-primary/10 text-primary border-transparent",
 											children: e.activities.length
 										})]
 									})
 								}),
-								i && /* @__PURE__ */ Z(_, {
+								i && /* @__PURE__ */ Z(A, {
 									value: "discussion",
 									className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
-									children: U("detail.discussion", { defaultValue: "Discussion" })
+									children: z("detail.discussion", { defaultValue: "Discussion" })
 								})
 							]
 						}),
-						/* @__PURE__ */ Z(h, {
+						/* @__PURE__ */ Z(O, {
 							value: "details",
 							className: "mt-4",
-							children: o
+							children: a
 						}),
-						t && /* @__PURE__ */ Z(h, {
+						t && /* @__PURE__ */ Z(O, {
 							value: "related",
 							className: "mt-4",
 							children: /* @__PURE__ */ Z("div", {
 								className: "space-y-3",
-								children: le.map((e, t) => /* @__PURE__ */ Z(Ge, {
+								children: K.map((e, t) => /* @__PURE__ */ Z(ot, {
 									title: e.title,
 									type: e.type,
 									api: e.api,
 									data: e.data,
 									columns: e.columns,
-									dataSource: a,
+									dataSource: r,
 									objectName: e.api,
 									referenceField: e.referenceField,
 									icon: e.icon,
+									onNew: e.onNew,
+									onViewAll: e.onViewAll,
+									onRowClick: e.onRowClick,
+									onRowEdit: e.onRowEdit,
+									onRowDelete: e.onRowDelete,
 									collapsible: !0,
-									pageSize: nt
+									pageSize: _t
 								}, t))
 							})
 						}),
-						n && /* @__PURE__ */ Z(h, {
+						n && /* @__PURE__ */ Z(O, {
 							value: "activity",
 							className: "mt-4",
-							children: /* @__PURE__ */ Z(tt, { activities: e.activities })
+							children: /* @__PURE__ */ Z(gt, { activities: e.activities })
 						}),
-						i && /* @__PURE__ */ Z(h, {
+						i && /* @__PURE__ */ Z(O, {
 							value: "discussion",
 							className: "mt-4",
-							children: f
+							children: u
 						})
 					]
 				});
 			})() : /* @__PURE__ */ Q(X, { children: [
 				e.sectionGroups && e.sectionGroups.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: e.sectionGroups.map((t, n) => /* @__PURE__ */ Z(Ke, {
+					children: e.sectionGroups.map((t, n) => /* @__PURE__ */ Z(st, {
 						group: t,
 						data: {
-							...D,
-							...I
+							...g,
+							...w
 						},
-						objectSchema: z,
+						objectSchema: I,
 						objectName: e.objectName,
-						isEditing: N,
-						onFieldChange: q
+						isEditing: S,
+						onFieldChange: fe
 					}, n))
 				}),
 				e.sections && e.sections.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: e.sections.map((t, n) => /* @__PURE__ */ Z(He, {
+					children: e.sections.map((t, n) => /* @__PURE__ */ Z(rt, {
 						section: t,
 						data: {
-							...D,
-							...I
+							...g,
+							...w
 						},
-						objectSchema: z,
+						objectSchema: I,
 						objectName: e.objectName,
-						isEditing: N,
-						onFieldChange: q
+						isEditing: S,
+						onFieldChange: fe
 					}, n))
 				}),
-				e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ Z(He, {
+				e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ Z(rt, {
 					section: {
 						fields: e.fields,
 						columns: e.columns
 					},
 					data: {
-						...D,
-						...I
+						...g,
+						...w
 					},
-					objectSchema: z,
+					objectSchema: I,
 					objectName: e.objectName,
-					isEditing: N,
-					onFieldChange: q
+					isEditing: S,
+					onFieldChange: fe
 				}),
-				e.tabs && e.tabs.length > 0 && /* @__PURE__ */ Z(Ue, {
+				e.tabs && e.tabs.length > 0 && /* @__PURE__ */ Z(it, {
 					tabs: e.tabs,
-					data: D
+					data: g
 				}),
-				le.length > 0 && /* @__PURE__ */ Q("div", {
+				K.length > 0 && /* @__PURE__ */ Q("div", {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ Z("h2", {
 						className: "text-lg font-semibold",
-						children: U("detail.related")
-					}), le.map((e, t) => /* @__PURE__ */ Z(Ge, {
+						children: z("detail.related")
+					}), K.map((e, t) => /* @__PURE__ */ Z(ot, {
 						title: e.title,
 						type: e.type,
 						api: e.api,
 						data: e.data,
 						columns: e.columns,
-						dataSource: a,
+						dataSource: r,
 						objectName: e.api,
 						referenceField: e.referenceField,
 						icon: e.icon,
+						onNew: e.onNew,
+						onViewAll: e.onViewAll,
+						onRowClick: e.onRowClick,
+						onRowEdit: e.onRowEdit,
+						onRowDelete: e.onRowDelete,
 						collapsible: !0,
-						pageSize: nt
+						pageSize: _t
 					}, t))]
 				}),
-				e.comments && /* @__PURE__ */ Z(Ye, {
+				e.comments && /* @__PURE__ */ Z(ut, {
 					comments: e.comments,
 					onAddComment: e.onAddComment
 				}),
-				e.activities && e.activities.length > 0 && /* @__PURE__ */ Z(tt, { activities: e.activities })
+				e.activities && e.activities.length > 0 && /* @__PURE__ */ Z(gt, { activities: e.activities })
 			] }),
-			e.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(Ae, {
+			e.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(He, {
 				schema: e.footer,
-				data: D
+				data: g
 			}) })
 		]
 	}) });
-}, at = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: l, onLinkRecord: u, onSearch: d, existingRecords: p = [], className: v }) => {
-	let [y, b] = n.useState(!1), [x, C] = n.useState("create"), [w, T] = n.useState({}), [E, D] = n.useState(""), [O, k] = n.useState(p), [A, j] = n.useState(!1), [M, N] = n.useState(!1), P = n.useMemo(() => {
-		if (!E.trim()) return O;
-		let e = E.toLowerCase();
-		return O.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
-	}, [E, O]), F = n.useCallback(async (e) => {
-		if (D(e), d && e.trim().length >= 2) {
-			N(!0);
+}, bt = new Set([
+	"id",
+	"_id",
+	"__v",
+	"created_at",
+	"updated_at",
+	"createdAt",
+	"updatedAt",
+	"created_by",
+	"updated_by",
+	"organization_id",
+	"tenant_id",
+	"owner_id",
+	"deleted_at",
+	"is_deleted"
+]), xt = 480, St = 95;
+function Ct({ 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 = bt, 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 >= xt) return t;
+			}
+		} catch {}
+		return null;
+	}), b = r.useMemo(() => m && v != null ? `${v}px` : typeof l == "number" ? `${l}px` : l, [
+		m,
+		v,
+		l
+	]), x = b ? {
+		width: b,
+		maxWidth: b
+	} : void 0, E = r.useRef(null), D = r.useCallback((e) => {
+		if (!m) return;
+		e.preventDefault();
+		let t = v ?? (typeof window < "u" ? Math.min(window.innerWidth * .6, 960) : 720);
+		E.current = {
+			startX: e.clientX,
+			startWidth: t
+		};
+		let n = (e) => {
+			let t = E.current;
+			if (!t) return;
+			let n = t.startX - e.clientX, r = typeof window < "u" ? window.innerWidth * St / 100 : 1600, i = Math.min(r, Math.max(xt, t.startWidth + n));
+			y(Math.round(i));
+		}, r = () => {
+			E.current, E.current = null, window.removeEventListener("pointermove", n), window.removeEventListener("pointerup", r), window.removeEventListener("pointercancel", r);
+			try {
+				y((e) => (e != null && window.localStorage.setItem(_, String(e)), e));
+			} catch {}
+		};
+		window.addEventListener("pointermove", n), window.addEventListener("pointerup", r), window.addEventListener("pointercancel", r);
+	}, [
+		m,
+		v,
+		_
+	]), O = c?.fields ?? {}, k = (Object.keys(O).length ? Object.keys(O) : Object.keys(i)).filter((e) => !d.has(e) && !e.startsWith("__")).filter((e) => e in i).map((e) => {
+		let t = O[e] || {}, n = t.type === "lookup" || t.type === "master_detail" || t.type === "reference";
+		return {
+			name: e,
+			label: t.label,
+			type: t.type,
+			readonly: !!t.readonly || n,
+			options: t.options,
+			currency: t.currency,
+			precision: t.precision,
+			format: t.format,
+			reference_to: t.reference_to ?? t.referenceTo ?? t.target,
+			reference_field: t.reference_field ?? t.referenceField,
+			required: t.required,
+			validation: t.validation,
+			placeholder: t.placeholder,
+			description: t.description
+		};
+	});
+	return /* @__PURE__ */ Z(S, {
+		open: e,
+		onOpenChange: (e) => {
+			e || t();
+		},
+		children: /* @__PURE__ */ Q(C, {
+			side: "right",
+			className: "w-full overflow-y-auto p-0 sm:!max-w-none",
+			style: x,
+			onOpenAutoFocus: (e) => e.preventDefault(),
+			children: [
+				m && /* @__PURE__ */ Z("div", {
+					role: "separator",
+					"aria-orientation": "vertical",
+					"aria-label": "Resize drawer",
+					onPointerDown: D,
+					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(w, {
+					className: "sr-only",
+					children: /* @__PURE__ */ Z(T, { children: n })
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "px-6 pt-6 pb-6",
+					children: /* @__PURE__ */ Z(yt, {
+						dataSource: s,
+						inlineEdit: !0,
+						schema: {
+							type: "detail-view",
+							objectName: a,
+							resourceId: String(o),
+							data: i,
+							showDelete: !0,
+							columns: u,
+							fields: k,
+							actions: h ? [{
+								type: "action:bar",
+								location: "record_header",
+								systemActions: [{
+									name: "sys_open_new_tab",
+									label: g("detail.openInNewTab"),
+									icon: "external-link",
+									type: "script",
+									onClick: () => window.open(h, "_blank", "noopener")
+								}]
+							}] : void 0
+						},
+						onFieldSave: async (e, t) => {
+							try {
+								await f?.(e, t);
+							} catch (e) {
+								console.error("[RecordDetailDrawer] inline field save failed:", e);
+							}
+						},
+						onDelete: async () => {
+							try {
+								await p?.(), t();
+							} catch (e) {
+								console.error("[RecordDetailDrawer] delete failed:", e);
+							}
+						}
+					})
+				})
+			]
+		})
+	});
+}
+function wt(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 Tt = ({ 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"), [v, y] = n.useState({}), [b, S] = n.useState(""), [C, w] = n.useState(s), [T, E] = n.useState(!1), [j, M] = n.useState(!1), N = n.useMemo(() => {
+		if (!b.trim()) return C;
+		let e = b.toLowerCase();
+		return C.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
+	}, [b, C]), P = n.useCallback(async (e) => {
+		if (S(e), o && e.trim().length >= 2) {
+			M(!0);
 			try {
-				k(await d(e));
+				w(await o(e));
 			} finally {
-				N(!1);
+				M(!1);
 			}
 		}
-	}, [d]), I = n.useCallback((e, t) => {
-		T((n) => ({
+	}, [o]), I = n.useCallback((e, t) => {
+		y((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), ee = n.useCallback(async () => {
-		if (l) {
-			j(!0);
+	}, []), L = n.useCallback(async () => {
+		if (i) {
+			E(!0);
 			try {
-				await l({
-					...w,
+				await i({
+					...v,
 					[t]: !0
-				}), T({}), b(!1);
+				}), y({}), u(!1);
 			} finally {
-				j(!1);
+				E(!1);
 			}
 		}
 	}, [
-		l,
-		w,
+		i,
+		v,
 		t
-	]), L = n.useCallback(async (e) => {
-		if (u) {
-			j(!0);
+	]), ee = n.useCallback(async (e) => {
+		if (a) {
+			E(!0);
 			try {
-				await u(e), D(""), b(!1);
+				await a(e), S(""), u(!1);
 			} finally {
-				j(!1);
+				E(!1);
 			}
 		}
-	}, [u]), R = n.useMemo(() => r.filter((e) => e.required).every((e) => w[e.name]?.toString().trim()), [r, w]);
-	return y ? /* @__PURE__ */ Q(a, {
-		className: S("", v),
-		children: [/* @__PURE__ */ Z(s, {
+	}, [a]), R = n.useMemo(() => r.filter((e) => e.required).every((e) => v[e.name]?.toString().trim()), [r, v]);
+	return l ? /* @__PURE__ */ Q(m, {
+		className: F("", c),
+		children: [/* @__PURE__ */ Z(g, {
 			className: "pb-3",
-			children: /* @__PURE__ */ Q(c, {
+			children: /* @__PURE__ */ Q(_, {
 				className: "flex items-center justify-between text-sm",
 				children: [/* @__PURE__ */ Q("span", { children: [
-					x === "create" ? "Create" : "Link",
+					d === "create" ? "Create" : "Link",
 					" ",
 					e
-				] }), /* @__PURE__ */ Z(i, {
+				] }), /* @__PURE__ */ Z(p, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-6 w-6",
-					onClick: () => b(!1),
-					children: /* @__PURE__ */ Z(De, { className: "h-3.5 w-3.5" })
+					onClick: () => u(!1),
+					children: /* @__PURE__ */ Z(ze, { className: "h-3.5 w-3.5" })
 				})]
 			})
-		}), /* @__PURE__ */ Z(o, { children: /* @__PURE__ */ Q(m, {
-			value: x,
-			onValueChange: C,
+		}), /* @__PURE__ */ Z(h, { children: /* @__PURE__ */ Q(D, {
+			value: d,
+			onValueChange: f,
 			children: [
-				/* @__PURE__ */ Q(g, {
+				/* @__PURE__ */ Q(k, {
 					className: "mb-3 w-full",
-					children: [l && /* @__PURE__ */ Q(_, {
+					children: [i && /* @__PURE__ */ Q(A, {
 						value: "create",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ Z(ge, { className: "h-3.5 w-3.5" }), "Create New"]
-					}), u && /* @__PURE__ */ Q(_, {
+						children: [/* @__PURE__ */ Z(ke, { className: "h-3.5 w-3.5" }), "Create New"]
+					}), a && /* @__PURE__ */ Q(A, {
 						value: "link",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ Z(K, { className: "h-3.5 w-3.5" }), "Link Existing"]
+						children: [/* @__PURE__ */ Z(J, { className: "h-3.5 w-3.5" }), "Link Existing"]
 					})]
 				}),
-				l && /* @__PURE__ */ Q(h, {
+				i && /* @__PURE__ */ Q(O, {
 					value: "create",
 					className: "space-y-3 mt-0",
 					children: [r.map((e) => /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("label", {
@@ -1798,52 +2093,52 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 							className: "text-destructive ml-0.5",
 							children: "*"
 						})]
-					}), /* @__PURE__ */ Z(f, {
+					}), /* @__PURE__ */ Z(x, {
 						type: e.type === "number" ? "number" : e.type === "date" ? "date" : "text",
 						placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
-						value: w[e.name] || "",
+						value: v[e.name] || "",
 						onChange: (t) => I(e.name, t.target.value),
 						className: "h-8 text-sm"
 					})] }, e.name)), /* @__PURE__ */ Q("div", {
 						className: "flex justify-end gap-2 pt-1",
-						children: [/* @__PURE__ */ Z(i, {
+						children: [/* @__PURE__ */ Z(p, {
 							variant: "ghost",
 							size: "sm",
-							onClick: () => b(!1),
+							onClick: () => u(!1),
 							children: "Cancel"
-						}), /* @__PURE__ */ Q(i, {
+						}), /* @__PURE__ */ Q(p, {
 							size: "sm",
-							onClick: ee,
-							disabled: !R || A,
+							onClick: L,
+							disabled: !R || T,
 							className: "gap-1.5",
-							children: [A && /* @__PURE__ */ Z(J, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
+							children: [T && /* @__PURE__ */ Z(xe, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
 						})]
 					})]
 				}),
-				u && /* @__PURE__ */ Q(h, {
+				a && /* @__PURE__ */ Q(O, {
 					value: "link",
 					className: "space-y-3 mt-0",
 					children: [/* @__PURE__ */ Q("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ Z(be, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ Z(f, {
+						children: [/* @__PURE__ */ Z(Ne, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ Z(x, {
 							placeholder: `Search ${e}…`,
-							value: E,
-							onChange: (e) => F(e.target.value),
+							value: b,
+							onChange: (e) => P(e.target.value),
 							className: "h-8 text-sm pl-8"
 						})]
 					}), /* @__PURE__ */ Z("div", {
 						className: "max-h-48 overflow-y-auto space-y-1",
-						children: M ? /* @__PURE__ */ Q("div", {
+						children: j ? /* @__PURE__ */ Q("div", {
 							className: "flex items-center justify-center py-4 text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
-						}) : P.length === 0 ? /* @__PURE__ */ Z("p", {
+							children: [/* @__PURE__ */ Z(xe, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
+						}) : N.length === 0 ? /* @__PURE__ */ Z("p", {
 							className: "text-sm text-muted-foreground text-center py-4",
-							children: E ? "No records found" : "Type to search records"
-						}) : P.map((e) => /* @__PURE__ */ Q("button", {
+							children: b ? "No records found" : "Type to search records"
+						}) : N.map((e) => /* @__PURE__ */ Q("button", {
 							type: "button",
 							className: "w-full text-left px-3 py-2 rounded-md hover:bg-accent text-sm transition-colors",
-							onClick: () => L(e.id),
-							disabled: A,
+							onClick: () => ee(e.id),
+							disabled: T,
 							children: [/* @__PURE__ */ Z("span", {
 								className: "font-medium",
 								children: e.label
@@ -1857,42 +2152,42 @@ var it = ({ schema: e, dataSource: a, className: o, onEdit: s, onDelete: c, onBa
 			]
 		}) })]
 	}) : /* @__PURE__ */ Q("div", {
-		className: S("flex gap-2", v),
-		children: [l && /* @__PURE__ */ Q(i, {
+		className: F("flex gap-2", c),
+		children: [i && /* @__PURE__ */ Q(p, {
 			variant: "outline",
 			size: "sm",
 			onClick: () => {
-				C("create"), b(!0);
+				f("create"), u(!0);
 			},
 			className: "gap-1.5",
 			children: [
-				/* @__PURE__ */ Z(ge, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ Z(ke, { className: "h-3.5 w-3.5" }),
 				"New ",
 				e
 			]
-		}), u && /* @__PURE__ */ Q(i, {
+		}), a && /* @__PURE__ */ Q(p, {
 			variant: "outline",
 			size: "sm",
 			onClick: () => {
-				C("link"), b(!0);
+				f("link"), u(!0);
 			},
 			className: "gap-1.5",
-			children: [/* @__PURE__ */ Z(K, { className: "h-3.5 w-3.5" }), "Link Existing"]
+			children: [/* @__PURE__ */ Z(J, { className: "h-3.5 w-3.5" }), "Link Existing"]
 		})]
 	});
 };
 //#endregion
 //#region src/RichTextCommentInput.tsx
-function ot(e) {
+function Et(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 st = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: a = [], placeholder: o, className: s, disabled: c = !1 }) => {
-	let { t: l } = $(), [u, d] = n.useState(!1), [f, p] = n.useState(!1), [m, h] = n.useState(""), [g, _] = n.useState(0), v = n.useRef(null), y = n.useMemo(() => {
-		if (!m) return a;
+var Dt = ({ 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), [m, h] = n.useState(""), [g, _] = n.useState(0), v = n.useRef(null), y = n.useMemo(() => {
+		if (!m) return i;
 		let e = m.toLowerCase();
-		return a.filter((t) => t.label.toLowerCase().includes(e));
-	}, [m, a]), b = n.useCallback((n, r = "") => {
+		return i.filter((t) => t.label.toLowerCase().includes(e));
+	}, [m, 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);
@@ -1901,27 +2196,27 @@ var st = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: a = [], plac
 			let e = a + n.length + s.length;
 			i.setSelectionRange(e, e);
 		});
-	}, [e, t]), x = n.useCallback(() => b("**", "**"), [b]), C = n.useCallback(() => b("*", "*"), [b]), w = n.useCallback(() => b("\n- ", ""), [b]), T = n.useCallback(() => b("`", "`"), [b]), E = n.useCallback(() => {
-		b("@", ""), p(!0), h(""), _(0);
-	}, [b]), D = n.useCallback((n) => {
+	}, [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), h(""), _(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)), p(!1), h(""), requestAnimationFrame(() => r.focus());
-	}, [e, t]), O = n.useCallback((e) => {
+		a !== -1 && t(e.slice(0, a) + `@${n.label} ` + e.slice(i)), f(!1), h(""), 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)) {
-				p(!0), h(e), _(0);
+				f(!0), h(e), _(0);
 				return;
 			}
 		}
-		p(!1);
-	}, [t]), A = n.useCallback((e) => {
-		if (f && y.length > 0) {
+		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;
@@ -1931,111 +2226,111 @@ var st = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: a = [], plac
 				return;
 			}
 			if (e.key === "Enter" || e.key === "Tab") {
-				e.preventDefault(), D(y[g]);
+				e.preventDefault(), E(y[g]);
 				return;
 			}
 			if (e.key === "Escape") {
-				p(!1);
+				f(!1);
 				return;
 			}
 		}
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), r?.());
 	}, [
-		f,
+		d,
 		y,
 		g,
-		D,
+		E,
 		r
 	]);
 	return /* @__PURE__ */ Q("div", {
-		className: S("border rounded-md", s),
+		className: F("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(i, {
+				/* @__PURE__ */ Z(p, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
 					onClick: x,
-					disabled: c || u,
-					title: l("detail.bold"),
-					children: /* @__PURE__ */ Z(M, { className: "h-3.5 w-3.5" })
+					disabled: s || l,
+					title: c("detail.bold"),
+					children: /* @__PURE__ */ Z(V, { className: "h-3.5 w-3.5" })
 				}),
-				/* @__PURE__ */ Z(i, {
+				/* @__PURE__ */ Z(p, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
-					onClick: C,
-					disabled: c || u,
-					title: l("detail.italic"),
-					children: /* @__PURE__ */ Z(ce, { className: "h-3.5 w-3.5" })
+					onClick: S,
+					disabled: s || l,
+					title: c("detail.italic"),
+					children: /* @__PURE__ */ Z(ye, { className: "h-3.5 w-3.5" })
 				}),
-				/* @__PURE__ */ Z(i, {
+				/* @__PURE__ */ Z(p, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
-					onClick: w,
-					disabled: c || u,
-					title: l("detail.listFormat"),
-					children: /* @__PURE__ */ Z(q, { className: "h-3.5 w-3.5" })
+					onClick: C,
+					disabled: s || l,
+					title: c("detail.listFormat"),
+					children: /* @__PURE__ */ Z(be, { className: "h-3.5 w-3.5" })
 				}),
-				/* @__PURE__ */ Z(i, {
+				/* @__PURE__ */ Z(p, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
-					onClick: T,
-					disabled: c || u,
-					title: l("detail.inlineCode"),
-					children: /* @__PURE__ */ Z(B, { className: "h-3.5 w-3.5" })
+					onClick: w,
+					disabled: s || l,
+					title: c("detail.inlineCode"),
+					children: /* @__PURE__ */ Z(le, { className: "h-3.5 w-3.5" })
 				}),
-				/* @__PURE__ */ Z(i, {
+				/* @__PURE__ */ Z(p, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
-					onClick: E,
-					disabled: c || u,
-					title: l("detail.mentionSomeone"),
-					children: /* @__PURE__ */ Z(k, { className: "h-3.5 w-3.5" })
+					onClick: T,
+					disabled: s || l,
+					title: c("detail.mentionSomeone"),
+					children: /* @__PURE__ */ Z(B, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z("div", { className: "flex-1" }),
-				/* @__PURE__ */ Z(i, {
+				/* @__PURE__ */ Z(p, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
-					onClick: () => d(!u),
-					title: l(u ? "detail.edit" : "detail.preview"),
-					children: Z(u ? H : U, { className: "h-3.5 w-3.5" })
+					onClick: () => u(!l),
+					title: c(l ? "detail.edit" : "detail.preview"),
+					children: Z(l ? G : K, { className: "h-3.5 w-3.5" })
 				}),
-				r && /* @__PURE__ */ Z(i, {
+				r && /* @__PURE__ */ Z(p, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
 					onClick: r,
-					disabled: c || !e.trim(),
-					title: l("detail.submitComment"),
-					children: /* @__PURE__ */ Z(xe, { className: "h-3.5 w-3.5" })
+					disabled: s || !e.trim(),
+					title: c("detail.submitComment"),
+					children: /* @__PURE__ */ Z(Pe, { className: "h-3.5 w-3.5" })
 				})
 			]
 		}), /* @__PURE__ */ Z("div", {
 			className: "relative",
-			children: u ? /* @__PURE__ */ Z("div", {
+			children: l ? /* @__PURE__ */ Z("div", {
 				className: "min-h-[80px] px-3 py-2 text-sm prose prose-sm max-w-none",
-				dangerouslySetInnerHTML: { __html: ot(e) }
+				dangerouslySetInnerHTML: { __html: Et(e) }
 			}) : /* @__PURE__ */ Q(X, { 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: o ?? l("detail.writeComment"),
+				placeholder: a ?? c("detail.writeComment"),
 				value: e,
-				onChange: O,
-				onKeyDown: A,
-				disabled: c
-			}), f && y.length > 0 && /* @__PURE__ */ Z("div", {
+				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: S("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === g && "bg-accent"),
+					className: F("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === g && "bg-accent"),
 					onMouseDown: (t) => {
-						t.preventDefault(), D(e);
+						t.preventDefault(), E(e);
 					},
 					children: [e.avatarUrl ? /* @__PURE__ */ Z("img", {
 						src: e.avatarUrl,
@@ -2052,7 +2347,7 @@ var st = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: a = [], plac
 };
 //#endregion
 //#region src/DiffView.tsx
-function ct(e, t) {
+function Ot(e, t) {
 	if (e == null) return ["(empty)"];
 	switch (t) {
 		case "json": try {
@@ -2071,7 +2366,7 @@ function ct(e, t) {
 		default: return String(e).split("\n");
 	}
 }
-function lt(e, t) {
+function kt(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;
@@ -2088,26 +2383,26 @@ function lt(e, t) {
 	}
 	return n;
 }
-var ut = {
+var At = {
 	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"
-}, dt = {
+}, jt = {
 	added: "+",
 	removed: "-",
 	unchanged: " "
-}, ft = ({ oldValue: e, newValue: t, fieldName: r, fieldType: l = "string", mode: u = "unified", className: d }) => {
-	let { t: f } = $(), [p, m] = n.useState(u), h = n.useMemo(() => ct(e, l), [e, l]), g = n.useMemo(() => ct(t, l), [t, l]), _ = n.useMemo(() => lt(h, g), [h, g]), v = _.some((e) => e.type !== "unchanged"), y = n.useMemo(() => {
-		if (p !== "side-by-side") return [];
+}, Mt = ({ 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(() => Ot(e, i), [e, i]), d = n.useMemo(() => Ot(t, i), [t, i]), f = n.useMemo(() => kt(u, d), [u, d]), v = f.some((e) => e.type !== "unchanged"), y = n.useMemo(() => {
+		if (c !== "side-by-side") return [];
 		let e = [], t = 0;
-		for (; t < _.length;) {
-			let n = _[t];
+		for (; t < f.length;) {
+			let n = f[t];
 			if (n.type === "unchanged") e.push({
 				left: n,
 				right: n
 			}), t++;
 			else if (n.type === "removed") {
-				let r = t + 1 < _.length ? _[t + 1] : null;
+				let r = t + 1 < f.length ? f[t + 1] : null;
 				r && r.type === "added" ? (e.push({
 					left: n,
 					right: r
@@ -2121,44 +2416,44 @@ var ut = {
 			}), t++;
 		}
 		return e;
-	}, [p, _]);
-	return /* @__PURE__ */ Q(a, {
-		className: S("overflow-hidden", d),
-		children: [/* @__PURE__ */ Z(s, {
+	}, [c, f]);
+	return /* @__PURE__ */ Q(m, {
+		className: F("overflow-hidden", o),
+		children: [/* @__PURE__ */ Z(g, {
 			className: "pb-2",
-			children: /* @__PURE__ */ Q(c, {
+			children: /* @__PURE__ */ Q(_, {
 				className: "flex items-center justify-between text-sm",
 				children: [/* @__PURE__ */ Z("span", {
 					className: "font-medium",
 					children: r
 				}), /* @__PURE__ */ Q("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ Z(i, {
-						variant: p === "unified" ? "secondary" : "ghost",
+					children: [/* @__PURE__ */ Z(p, {
+						variant: c === "unified" ? "secondary" : "ghost",
 						size: "icon",
 						className: "h-7 w-7",
-						onClick: () => m("unified"),
-						title: f("detail.unifiedDiff"),
-						children: /* @__PURE__ */ Z(ye, { className: "h-3.5 w-3.5" })
-					}), /* @__PURE__ */ Z(i, {
-						variant: p === "side-by-side" ? "secondary" : "ghost",
+						onClick: () => l("unified"),
+						title: s("detail.unifiedDiff"),
+						children: /* @__PURE__ */ Z(Me, { className: "h-3.5 w-3.5" })
+					}), /* @__PURE__ */ Z(p, {
+						variant: c === "side-by-side" ? "secondary" : "ghost",
 						size: "icon",
 						className: "h-7 w-7",
-						onClick: () => m("side-by-side"),
-						title: f("detail.sideBySideDiff"),
-						children: /* @__PURE__ */ Z(V, { className: "h-3.5 w-3.5" })
+						onClick: () => l("side-by-side"),
+						title: s("detail.sideBySideDiff"),
+						children: /* @__PURE__ */ Z(ue, { className: "h-3.5 w-3.5" })
 					})]
 				})]
 			})
-		}), /* @__PURE__ */ Z(o, {
+		}), /* @__PURE__ */ Z(h, {
 			className: "p-0",
-			children: v ? p === "unified" ? /* @__PURE__ */ Z("div", {
+			children: v ? c === "unified" ? /* @__PURE__ */ Z("div", {
 				className: "font-mono text-xs overflow-x-auto",
-				children: _.map((e, t) => /* @__PURE__ */ Q("div", {
-					className: S("px-4 py-0.5 whitespace-pre-wrap border-l-2", ut[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
+				children: f.map((e, t) => /* @__PURE__ */ Q("div", {
+					className: F("px-4 py-0.5 whitespace-pre-wrap border-l-2", At[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: dt[e.type]
+						children: jt[e.type]
 					}), e.value]
 				}, t))
 			}) : /* @__PURE__ */ Z("div", {
@@ -2168,80 +2463,80 @@ var ut = {
 					children: [
 						/* @__PURE__ */ Z("div", {
 							className: "px-3 py-1.5 text-xs font-medium text-muted-foreground bg-muted/50",
-							children: f("detail.previousVersion")
+							children: s("detail.previousVersion")
 						}),
 						/* @__PURE__ */ Z("div", {
 							className: "px-3 py-1.5 text-xs font-medium text-muted-foreground bg-muted/50",
-							children: f("detail.currentVersion")
+							children: s("detail.currentVersion")
 						}),
 						y.map((e, t) => /* @__PURE__ */ Q(n.Fragment, { children: [/* @__PURE__ */ Z("div", {
-							className: S("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? ut[e.left.type] : "bg-muted/20"),
+							className: F("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? At[e.left.type] : "bg-muted/20"),
 							children: e.left?.value ?? ""
 						}), /* @__PURE__ */ Z("div", {
-							className: S("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? ut[e.right.type] : "bg-muted/20"),
+							className: F("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? At[e.right.type] : "bg-muted/20"),
 							children: e.right?.value ?? ""
 						})] }, t))
 					]
 				})
 			}) : /* @__PURE__ */ Z("p", {
 				className: "px-4 py-3 text-sm text-muted-foreground",
-				children: f("detail.noChanges")
+				children: s("detail.noChanges")
 			})
 		})]
 	});
-}, pt = ({ currentIndex: e, totalRecords: t, recordIds: r, onNavigate: a, onSearch: o, className: s }) => {
-	let { t: c } = $(), [l, u] = n.useState(""), [d, p] = n.useState(!1), m = n.useRef(null), h = e > 0, g = e > 0, _ = e < t - 1, v = e < t - 1, y = n.useCallback(() => {
-		h && a(r[0]);
+}, Nt = ({ 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), m = e > 0, h = e > 0, g = e < t - 1, _ = e < t - 1, v = n.useCallback(() => {
+		m && i(r[0]);
 	}, [
-		h,
-		a,
+		m,
+		i,
 		r
-	]), b = n.useCallback(() => {
-		g && a(r[e - 1]);
+	]), y = n.useCallback(() => {
+		h && i(r[e - 1]);
 	}, [
-		g,
-		a,
+		h,
+		i,
 		r,
 		e
-	]), x = n.useCallback(() => {
-		_ && a(r[e + 1]);
+	]), b = n.useCallback(() => {
+		g && i(r[e + 1]);
 	}, [
-		_,
-		a,
+		g,
+		i,
 		r,
 		e
-	]), C = n.useCallback(() => {
-		v && a(r[r.length - 1]);
+	]), S = n.useCallback(() => {
+		_ && i(r[r.length - 1]);
 	}, [
-		v,
-		a,
+		_,
+		i,
 		r
-	]), w = n.useCallback((e) => {
+	]), C = n.useCallback((e) => {
 		let t = e.target.value;
-		u(t), o?.(t);
-	}, [o]), T = n.useCallback(() => {
-		p((e) => (e ? (u(""), o?.("")) : requestAnimationFrame(() => m.current?.focus()), !e));
-	}, [o]);
+		l(t), a?.(t);
+	}, [a]), w = n.useCallback(() => {
+		d((e) => (e ? (l(""), a?.("")) : requestAnimationFrame(() => f.current?.focus()), !e));
+	}, [a]);
 	return n.useEffect(() => {
 		let t = (t) => {
 			let n = t.target?.tagName;
-			if (!((n === "INPUT" || n === "TEXTAREA" || t.target?.isContentEditable) && t.target !== m.current)) {
-				if (t.target === m.current) {
-					t.key === "Escape" && (t.preventDefault(), p(!1), u(""), o?.(""), t.target.blur());
+			if (!((n === "INPUT" || n === "TEXTAREA" || t.target?.isContentEditable) && t.target !== f.current)) {
+				if (t.target === f.current) {
+					t.key === "Escape" && (t.preventDefault(), d(!1), l(""), a?.(""), t.target.blur());
 					return;
 				}
 				switch (t.key) {
 					case "Home":
-						t.preventDefault(), h && a(r[0]);
+						t.preventDefault(), m && i(r[0]);
 						break;
 					case "End":
-						t.preventDefault(), v && a(r[r.length - 1]);
+						t.preventDefault(), _ && i(r[r.length - 1]);
 						break;
 					case "ArrowLeft":
-						t.preventDefault(), g && a(r[e - 1]);
+						t.preventDefault(), h && i(r[e - 1]);
 						break;
 					case "ArrowRight":
-						t.preventDefault(), _ && a(r[e + 1]);
+						t.preventDefault(), g && i(r[e + 1]);
 						break;
 				}
 			}
@@ -2250,90 +2545,90 @@ var ut = {
 	}, [
 		e,
 		r,
+		m,
 		h,
 		g,
 		_,
-		v,
-		a,
-		o
+		i,
+		a
 	]), /* @__PURE__ */ Q("div", {
-		className: S("flex items-center gap-1.5", s),
+		className: F("flex items-center gap-1.5", o),
 		children: [
-			/* @__PURE__ */ Z(i, {
+			/* @__PURE__ */ Z(p, {
 				variant: "outline",
 				size: "icon",
 				className: "h-8 w-8",
-				disabled: !h,
-				onClick: y,
-				title: c("detail.firstRecord"),
-				children: /* @__PURE__ */ Z(R, { className: "h-4 w-4" })
+				disabled: !m,
+				onClick: v,
+				title: s("detail.firstRecord"),
+				children: /* @__PURE__ */ Z(se, { className: "h-4 w-4" })
 			}),
-			/* @__PURE__ */ Z(i, {
+			/* @__PURE__ */ Z(p, {
 				variant: "outline",
 				size: "icon",
 				className: "h-8 w-8",
-				disabled: !g,
-				onClick: b,
-				title: c("detail.previousRecordKey"),
-				children: /* @__PURE__ */ Z(ee, { className: "h-4 w-4" })
+				disabled: !h,
+				onClick: y,
+				title: s("detail.previousRecordKey"),
+				children: /* @__PURE__ */ Z(oe, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "text-xs text-muted-foreground whitespace-nowrap px-1.5 tabular-nums",
-				children: t > 0 ? c("detail.recordOf", {
+				children: t > 0 ? s("detail.recordOf", {
 					current: e + 1,
 					total: t
-				}) : c("detail.noRecords")
+				}) : s("detail.noRecords")
 			}),
-			/* @__PURE__ */ Z(i, {
+			/* @__PURE__ */ Z(p, {
 				variant: "outline",
 				size: "icon",
 				className: "h-8 w-8",
-				disabled: !_,
-				onClick: x,
-				title: c("detail.nextRecordKey"),
-				children: /* @__PURE__ */ Z(L, { className: "h-4 w-4" })
+				disabled: !g,
+				onClick: b,
+				title: s("detail.nextRecordKey"),
+				children: /* @__PURE__ */ Z(W, { className: "h-4 w-4" })
 			}),
-			/* @__PURE__ */ Z(i, {
+			/* @__PURE__ */ Z(p, {
 				variant: "outline",
 				size: "icon",
 				className: "h-8 w-8",
-				disabled: !v,
-				onClick: C,
-				title: c("detail.lastRecord"),
-				children: /* @__PURE__ */ Z(z, { className: "h-4 w-4" })
+				disabled: !_,
+				onClick: S,
+				title: s("detail.lastRecord"),
+				children: /* @__PURE__ */ Z(ce, { className: "h-4 w-4" })
 			}),
-			o && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(i, {
-				variant: d ? "secondary" : "ghost",
+			a && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(p, {
+				variant: u ? "secondary" : "ghost",
 				size: "icon",
 				className: "h-8 w-8",
-				onClick: T,
-				title: c("detail.searchWhileNavigating"),
-				children: /* @__PURE__ */ Z(be, { className: "h-4 w-4" })
-			}), d && /* @__PURE__ */ Z("div", {
+				onClick: w,
+				title: s("detail.searchWhileNavigating"),
+				children: /* @__PURE__ */ Z(Ne, { className: "h-4 w-4" })
+			}), u && /* @__PURE__ */ Z("div", {
 				className: "relative",
-				children: /* @__PURE__ */ Z(f, {
-					ref: m,
+				children: /* @__PURE__ */ Z(x, {
+					ref: f,
 					type: "text",
-					placeholder: c("detail.searchRecords"),
-					value: l,
-					onChange: w,
+					placeholder: s("detail.searchRecords"),
+					value: c,
+					onChange: C,
 					className: "h-8 w-48 text-sm"
 				})
 			})] })
 		]
 	});
-}, mt = 28, ht = [
+}, Pt = 28, Ft = [
 	"fill-primary stroke-primary",
 	"fill-blue-500 stroke-blue-500",
 	"fill-emerald-500 stroke-emerald-500",
 	"fill-amber-500 stroke-amber-500"
-], gt = [
+], It = [
 	"fill-primary-foreground",
 	"fill-white",
 	"fill-white",
 	"fill-white"
 ];
-function _t(e, t, n, r, i) {
+function Lt(e, t, n, r, i) {
 	let a = [], o = [], s = /* @__PURE__ */ new Set(), c = r / 2, l = i / 2;
 	a.push({
 		id: e.id,
@@ -2397,23 +2692,23 @@ function _t(e, t, n, r, i) {
 		edges: o
 	};
 }
-function vt(e, t = 6) {
+function Rt(e, t = 6) {
 	return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-var yt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: l }) => {
-	let u = n.useRef(null), [d, f] = n.useState({
+var zt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: a }) => {
+	let o = n.useRef(null), [s, c] = n.useState({
 		width: 500,
 		height: 400
-	}), [p, m] = n.useState(null);
+	}), [l, u] = n.useState(null);
 	n.useEffect(() => {
-		let e = u.current;
+		let e = o.current;
 		if (!e) return;
 		let t = e.parentElement;
 		if (!t) return;
 		let n = new ResizeObserver((e) => {
 			for (let t of e) {
 				let { width: e } = t.contentRect;
-				e > 0 && f({
+				e > 0 && c({
 					width: e,
 					height: Math.max(300, e * .7)
 				});
@@ -2421,20 +2716,20 @@ var yt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 		});
 		return n.observe(t), () => n.disconnect();
 	}, []);
-	let { nodes: h, edges: g } = n.useMemo(() => _t(e, t, r, d.width, d.height), [
+	let { nodes: d, edges: f } = n.useMemo(() => Lt(e, t, r, s.width, s.height), [
 		e,
 		t,
 		r,
-		d
+		s
 	]);
-	return /* @__PURE__ */ Q(a, {
-		className: S("overflow-hidden", l),
-		children: [/* @__PURE__ */ Z(s, {
+	return /* @__PURE__ */ Q(m, {
+		className: F("overflow-hidden", a),
+		children: [/* @__PURE__ */ Z(g, {
 			className: "pb-2",
-			children: /* @__PURE__ */ Q(c, {
+			children: /* @__PURE__ */ Q(_, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(ue, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(Ce, { className: "h-4 w-4" }),
 					"Relationships",
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -2446,15 +2741,15 @@ var yt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 					})
 				]
 			})
-		}), /* @__PURE__ */ Z(o, {
+		}), /* @__PURE__ */ Z(h, {
 			className: "p-0",
 			children: /* @__PURE__ */ Q("svg", {
-				ref: u,
+				ref: o,
 				width: "100%",
-				height: d.height,
-				viewBox: `0 0 ${d.width} ${d.height}`,
+				height: s.height,
+				viewBox: `0 0 ${s.width} ${s.height}`,
 				className: "select-none",
-				children: [g.map((e, t) => /* @__PURE__ */ Z("line", {
+				children: [f.map((e, t) => /* @__PURE__ */ Z("line", {
 					x1: e.fromX,
 					y1: e.fromY,
 					x2: e.toX,
@@ -2462,13 +2757,13 @@ var yt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 					className: "stroke-border",
 					strokeWidth: 1.5,
 					strokeOpacity: .5
-				}, `edge-${t}`)), h.map((e) => {
-					let t = p === e.id, n = ht[Math.min(e.level, ht.length - 1)], r = gt[Math.min(e.level, gt.length - 1)], a = e.level === 0 ? mt + 6 : mt;
+				}, `edge-${t}`)), d.map((e) => {
+					let t = l === e.id, n = Ft[Math.min(e.level, Ft.length - 1)], r = It[Math.min(e.level, It.length - 1)], a = e.level === 0 ? Pt + 6 : Pt;
 					return /* @__PURE__ */ Q("g", {
-						className: S("cursor-pointer transition-transform", i && "hover:opacity-80"),
+						className: F("cursor-pointer transition-transform", i && "hover:opacity-80"),
 						onClick: () => i?.(e.id),
-						onMouseEnter: () => m(e.id),
-						onMouseLeave: () => m(null),
+						onMouseEnter: () => u(e.id),
+						onMouseLeave: () => u(null),
 						children: [
 							/* @__PURE__ */ Z("circle", {
 								cx: e.x,
@@ -2484,8 +2779,8 @@ var yt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 								y: e.y,
 								textAnchor: "middle",
 								dominantBaseline: "central",
-								className: S("text-[10px] font-medium pointer-events-none", r),
-								children: vt(e.label)
+								className: F("text-[10px] font-medium pointer-events-none", r),
+								children: Rt(e.label)
 							}),
 							e.type && /* @__PURE__ */ Z("text", {
 								x: e.x,
@@ -2519,46 +2814,46 @@ var yt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 };
 //#endregion
 //#region src/CommentAttachment.tsx
-function bt(e) {
+function Bt(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function xt(e) {
+function Vt(e) {
 	return e.startsWith("image/");
 }
-function St(e) {
-	return xt(e) ? se : e.includes("pdf") || e.includes("document") || e.includes("text") ? oe : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? ae : ie;
+function Ht(e) {
+	return Vt(e) ? _e : e.includes("pdf") || e.includes("document") || e.includes("text") ? ge : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? he : me;
 }
-var Ct = ({ attachments: e, onUpload: t, onRemove: r, className: a, readOnly: o = !1 }) => {
-	let { t: s } = $(), [c, l] = n.useState(!1), u = n.useRef(null), d = n.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), l(!0);
+var Ut = ({ 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(), l(!1);
-	}, []), p = n.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), l(!1), t && e.dataTransfer.files.length > 0 && t(e.dataTransfer.files);
+		e.preventDefault(), e.stopPropagation(), c(!1), t && e.dataTransfer.files.length > 0 && t(e.dataTransfer.files);
 	}, [t]), m = 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: S("space-y-2", a),
-		children: [t && !o && /* @__PURE__ */ Q("div", {
-			className: S("border-2 border-dashed rounded-md px-4 py-3 text-center transition-colors cursor-pointer", c ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/40"),
-			onDragOver: d,
-			onDragLeave: f,
-			onDrop: p,
-			onClick: () => u.current?.click(),
+		className: F("space-y-2", i),
+		children: [t && !a && /* @__PURE__ */ Q("div", {
+			className: F("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(), u.current?.click());
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l.current?.click());
 			},
 			children: [
-				/* @__PURE__ */ Z(Ee, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+				/* @__PURE__ */ Z(Re, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
 				/* @__PURE__ */ Z("p", {
 					className: "text-xs text-muted-foreground",
-					children: s("detail.dropFilesToUpload")
+					children: o("detail.dropFilesToUpload")
 				}),
 				/* @__PURE__ */ Z("input", {
-					ref: u,
+					ref: l,
 					type: "file",
 					multiple: !0,
 					className: "hidden",
@@ -2569,11 +2864,11 @@ var Ct = ({ attachments: e, onUpload: t, onRemove: r, className: a, readOnly: o
 			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 ? s("detail.attachmentCount", { count: e.length }) : s("detail.attachmentCountPlural", { count: e.length }) })]
+				children: [/* @__PURE__ */ Z(Ee, { 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 = xt(e.type), n = St(e.type);
+					let t = Vt(e.type), n = Ht(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: [
@@ -2592,16 +2887,16 @@ var Ct = ({ attachments: e, onUpload: t, onRemove: r, className: a, readOnly: o
 									children: e.name
 								}), /* @__PURE__ */ Z("p", {
 									className: "text-[10px] text-muted-foreground",
-									children: bt(e.size)
+									children: Bt(e.size)
 								})]
 							}),
-							r && !o && /* @__PURE__ */ Z(i, {
+							r && !a && /* @__PURE__ */ Z(p, {
 								variant: "ghost",
 								size: "icon",
 								className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
 								onClick: () => r(e.id),
-								title: s("detail.removeAttachment"),
-								children: /* @__PURE__ */ Z(De, { className: "h-3.5 w-3.5" })
+								title: o("detail.removeAttachment"),
+								children: /* @__PURE__ */ Z(ze, { className: "h-3.5 w-3.5" })
 							})
 						]
 					}, e.id);
@@ -2612,7 +2907,7 @@ var Ct = ({ attachments: e, onUpload: t, onRemove: r, className: a, readOnly: o
 };
 //#endregion
 //#region src/PointInTimeRestore.tsx
-function wt(e) {
+function Wt(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";
@@ -2623,36 +2918,36 @@ function wt(e) {
 		return e;
 	}
 }
-var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
-	let [u, d] = n.useState(null), [f, p] = n.useState(!1), [m, h] = n.useState(!1), g = n.useMemo(() => t.find((e) => e.id === u) ?? null, [t, u]), _ = n.useCallback(async () => {
-		if (!(!g || !r)) {
-			if (!f) {
-				p(!0);
+var Gt = ({ 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) {
+				c(!0);
 				return;
 			}
-			h(!0);
+			u(!0);
 			try {
-				let e = g.snapshot ?? {};
-				await r(g.id, e), p(!1), d(null);
+				let e = d.snapshot ?? {};
+				await r(d.id, e), c(!1), o(null);
 			} finally {
-				h(!1);
+				u(!1);
 			}
 		}
 	}, [
-		g,
+		d,
 		r,
-		f
+		s
 	]), v = n.useCallback(() => {
-		p(!1);
+		c(!1);
 	}, []);
-	return /* @__PURE__ */ Q(a, {
-		className: S("", l),
-		children: [/* @__PURE__ */ Z(s, {
+	return /* @__PURE__ */ Q(m, {
+		className: F("", i),
+		children: [/* @__PURE__ */ Z(g, {
 			className: "pb-3",
-			children: /* @__PURE__ */ Q(c, {
+			children: /* @__PURE__ */ Q(_, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(W, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(q, { className: "h-4 w-4" }),
 					"Revision History",
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
@@ -2664,7 +2959,7 @@ var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
 					})
 				]
 			})
-		}), /* @__PURE__ */ Z(o, { children: t.length === 0 ? /* @__PURE__ */ Z("p", {
+		}), /* @__PURE__ */ Z(h, { children: t.length === 0 ? /* @__PURE__ */ Z("p", {
 			className: "text-sm text-muted-foreground text-center py-4",
 			children: "No revisions recorded"
 		}) : /* @__PURE__ */ Q("div", {
@@ -2676,16 +2971,16 @@ var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
 					children: [/* @__PURE__ */ Z("div", { className: "absolute left-3 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Z("div", {
 						className: "space-y-1",
 						children: t.map((e) => {
-							let t = e.id === u;
+							let t = e.id === a;
 							return /* @__PURE__ */ Q("button", {
 								type: "button",
-								className: S("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: F("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: () => {
-									d(e.id), p(!1);
+									o(e.id), c(!1);
 								},
 								children: [/* @__PURE__ */ Z("div", {
-									className: S("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(L, { className: "h-3 w-3 text-primary-foreground" })
+									className: F("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(W, { className: "h-3 w-3 text-primary-foreground" })
 								}), /* @__PURE__ */ Q("div", {
 									className: "flex-1 min-w-0",
 									children: [/* @__PURE__ */ Q("div", {
@@ -2695,7 +2990,7 @@ var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
 											children: e.user
 										}), /* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground",
-											children: wt(e.timestamp)
+											children: Wt(e.timestamp)
 										})]
 									}), /* @__PURE__ */ Q("p", {
 										className: "text-xs text-muted-foreground mt-0.5",
@@ -2712,16 +3007,16 @@ var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
 						})
 					})]
 				})
-			}), g && /* @__PURE__ */ Q("div", {
+			}), d && /* @__PURE__ */ Q("div", {
 				className: "lg:w-80 border rounded-md p-3 space-y-3",
 				children: [
 					/* @__PURE__ */ Q("div", {
 						className: "flex items-center gap-2 text-sm font-medium",
-						children: [/* @__PURE__ */ Z(U, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
+						children: [/* @__PURE__ */ Z(K, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "space-y-2",
-						children: g.changes.map((e, t) => /* @__PURE__ */ Q("div", {
+						children: d.changes.map((e, t) => /* @__PURE__ */ Q("div", {
 							className: "text-xs",
 							children: [/* @__PURE__ */ Z("span", {
 								className: "font-medium text-muted-foreground",
@@ -2733,7 +3028,7 @@ var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
 										className: "line-through text-red-600 dark:text-red-400 truncate max-w-[120px]",
 										children: e.oldValue == null ? "(empty)" : String(e.oldValue)
 									}),
-									/* @__PURE__ */ Z(L, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+									/* @__PURE__ */ Z(W, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
 									/* @__PURE__ */ Z("span", {
 										className: "text-green-600 dark:text-green-400 truncate max-w-[120px]",
 										children: e.newValue == null ? "(empty)" : String(e.newValue)
@@ -2742,14 +3037,14 @@ var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
 							})]
 						}, t))
 					}),
-					g.snapshot && /* @__PURE__ */ Q("div", {
+					d.snapshot && /* @__PURE__ */ Q("div", {
 						className: "border-t pt-2 space-y-1",
 						children: [/* @__PURE__ */ Z("p", {
 							className: "text-xs font-medium text-muted-foreground",
 							children: "Record state at this point"
 						}), /* @__PURE__ */ Z("div", {
 							className: "max-h-40 overflow-y-auto space-y-1",
-							children: Object.entries(g.snapshot).map(([e, t]) => /* @__PURE__ */ Q("div", {
+							children: Object.entries(d.snapshot).map(([e, t]) => /* @__PURE__ */ Q("div", {
 								className: "flex justify-between text-xs gap-2",
 								children: [/* @__PURE__ */ Z("span", {
 									className: "text-muted-foreground truncate",
@@ -2763,46 +3058,46 @@ var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
 					}),
 					r && /* @__PURE__ */ Z("div", {
 						className: "pt-1 space-y-2",
-						children: f ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Q("p", {
+						children: s ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Q("p", {
 							className: "text-xs text-amber-600 dark:text-amber-400",
 							children: [
 								"This will restore the record to its state at",
 								" ",
-								wt(g.timestamp),
+								Wt(d.timestamp),
 								". Continue?"
 							]
 						}), /* @__PURE__ */ Q("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ Q(i, {
+							children: [/* @__PURE__ */ Q(p, {
 								variant: "destructive",
 								size: "sm",
 								className: "gap-1.5 flex-1",
-								onClick: _,
-								disabled: m,
-								children: [/* @__PURE__ */ Z(ve, { className: "h-3.5 w-3.5" }), m ? "Restoring…" : "Confirm Restore"]
-							}), /* @__PURE__ */ Z(i, {
+								onClick: f,
+								disabled: l,
+								children: [/* @__PURE__ */ Z(je, { className: "h-3.5 w-3.5" }), l ? "Restoring…" : "Confirm Restore"]
+							}), /* @__PURE__ */ Z(p, {
 								variant: "ghost",
 								size: "sm",
 								onClick: v,
-								disabled: m,
+								disabled: l,
 								children: "Cancel"
 							})]
-						})] }) : /* @__PURE__ */ Q(i, {
+						})] }) : /* @__PURE__ */ Q(p, {
 							variant: "outline",
 							size: "sm",
 							className: "w-full gap-1.5",
-							onClick: _,
-							children: [/* @__PURE__ */ Z(ve, { className: "h-3.5 w-3.5" }), "Restore to this point"]
+							onClick: f,
+							children: [/* @__PURE__ */ Z(je, { className: "h-3.5 w-3.5" }), "Restore to this point"]
 						})
 					})
 				]
 			})]
 		}) })]
 	});
-}, Et = ({ change: e, className: t }) => {
+}, Kt = ({ 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: S("flex items-center gap-1.5 text-sm flex-wrap", t),
+		className: F("flex items-center gap-1.5 text-sm flex-wrap", t),
 		children: [
 			/* @__PURE__ */ Z("span", {
 				className: "font-medium text-foreground",
@@ -2812,50 +3107,50 @@ var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
 				className: "text-muted-foreground line-through",
 				children: r
 			}),
-			/* @__PURE__ */ Z(E, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+			/* @__PURE__ */ Z(R, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
 			/* @__PURE__ */ Z("span", {
 				className: "text-foreground",
 				children: i
 			})
 		]
 	});
-}, Dt = [
+}, qt = [
 	"👍",
 	"❤️",
 	"🎉",
 	"😂",
 	"😮",
 	"😢"
-], Ot = ({ reactions: e, onToggleReaction: t, emojiOptions: r = Dt, className: a }) => {
-	let [o, s] = n.useState(!1), c = n.useCallback((e) => {
-		t?.(e), s(!1);
+], Jt = ({ reactions: e, onToggleReaction: t, emojiOptions: r = qt, className: i }) => {
+	let [a, o] = n.useState(!1), s = n.useCallback((e) => {
+		t?.(e), o(!1);
 	}, [t]);
 	return /* @__PURE__ */ Q("div", {
-		className: S("flex items-center gap-1 flex-wrap", a),
+		className: F("flex items-center gap-1 flex-wrap", i),
 		children: [e.map((e) => /* @__PURE__ */ Q("button", {
 			type: "button",
-			className: S("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: () => c(e.emoji),
+			className: F("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"}`,
 			children: [/* @__PURE__ */ Z("span", { children: e.emoji }), /* @__PURE__ */ Z("span", { children: e.count })]
 		}, e.emoji)), t && /* @__PURE__ */ Q("div", {
 			className: "relative",
-			children: [/* @__PURE__ */ Z(i, {
+			children: [/* @__PURE__ */ Z(p, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-6 w-6",
-				onClick: () => s(!o),
+				onClick: () => o(!a),
 				"aria-label": "Add reaction",
-				children: /* @__PURE__ */ Z(Se, { className: "h-3.5 w-3.5" })
-			}), o && /* @__PURE__ */ Z("div", {
+				children: /* @__PURE__ */ Z(Fe, { 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",
 				"aria-label": "Emoji picker",
 				children: r.map((t) => /* @__PURE__ */ Z("button", {
 					type: "button",
 					className: "hover:bg-accent rounded p-1 text-base transition-colors",
-					onClick: () => c(t),
+					onClick: () => s(t),
 					role: "option",
 					"aria-selected": e.some((e) => e.emoji === t && e.reacted),
 					children: t
@@ -2866,7 +3161,7 @@ var Tt = ({ recordId: e, revisions: t, onRestore: r, className: l }) => {
 };
 //#endregion
 //#region src/ThreadedReplies.tsx
-function kt(e) {
+function Yt(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -2879,39 +3174,39 @@ function kt(e) {
 		return e;
 	}
 }
-var At = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: a = !0, className: o }) => {
-	let { t: s } = $(), [c, l] = n.useState(!1), [u, d] = n.useState(""), [f, p] = n.useState(!1), m = n.useCallback(async () => {
-		let t = u.trim();
+var Xt = ({ 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), m = n.useCallback(async () => {
+		let t = l.trim();
 		if (!(!t || !r)) {
-			p(!0);
+			f(!0);
 			try {
-				await r(e.id, t), d("");
+				await r(e.id, t), u("");
 			} finally {
-				p(!1);
+				f(!1);
 			}
 		}
 	}, [
-		u,
+		l,
 		r,
 		e.id
 	]), h = n.useCallback((e) => {
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), m());
 	}, [m]);
-	return t.length === 0 && !a ? null : /* @__PURE__ */ Q("div", {
-		className: S("ml-10 mt-1", o),
+	return t.length === 0 && !i ? null : /* @__PURE__ */ Q("div", {
+		className: F("ml-10 mt-1", a),
 		children: [
 			t.length > 0 && /* @__PURE__ */ Q("button", {
 				type: "button",
 				className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors mb-1",
-				onClick: () => l(!c),
-				"aria-expanded": c,
+				onClick: () => c(!s),
+				"aria-expanded": s,
 				children: [
-					Z(c ? I : L, { className: "h-3 w-3" }),
+					Z(s ? ae : W, { className: "h-3 w-3" }),
 					/* @__PURE__ */ Z(Y, { className: "h-3 w-3" }),
-					/* @__PURE__ */ Z("span", { children: t.length === 1 ? s("detail.replyCount", { count: t.length }) : s("detail.replyCountPlural", { count: t.length }) })
+					/* @__PURE__ */ Z("span", { children: t.length === 1 ? o("detail.replyCount", { count: t.length }) : o("detail.replyCountPlural", { count: t.length }) })
 				]
 			}),
-			c && /* @__PURE__ */ Z("div", {
+			s && /* @__PURE__ */ Z("div", {
 				className: "space-y-2 border-l-2 border-border pl-3",
 				children: t.map((e) => /* @__PURE__ */ Q("div", {
 					className: "flex gap-2",
@@ -2934,7 +3229,7 @@ var At = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: a = !0, cl
 								children: e.actor
 							}), /* @__PURE__ */ Z("span", {
 								className: "text-[10px] text-muted-foreground",
-								children: kt(e.createdAt)
+								children: Yt(e.createdAt)
 							})]
 						}), /* @__PURE__ */ Z("p", {
 							className: "text-xs whitespace-pre-wrap break-words",
@@ -2943,57 +3238,57 @@ var At = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: a = !0, cl
 					})]
 				}, e.id))
 			}),
-			a && r && /* @__PURE__ */ Q("div", {
+			i && r && /* @__PURE__ */ Q("div", {
 				className: "flex gap-1.5 mt-1.5",
 				children: [/* @__PURE__ */ Z("input", {
 					className: "flex-1 rounded-md border border-input bg-background px-2 py-1 text-xs placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-					placeholder: s("detail.replyPlaceholder"),
-					value: u,
-					onChange: (e) => d(e.target.value),
+					placeholder: o("detail.replyPlaceholder"),
+					value: l,
+					onChange: (e) => u(e.target.value),
 					onKeyDown: h,
-					disabled: f
-				}), /* @__PURE__ */ Z(i, {
+					disabled: d
+				}), /* @__PURE__ */ Z(p, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-6 w-6 shrink-0",
 					onClick: m,
-					disabled: !u.trim() || f,
+					disabled: !l.trim() || d,
 					"aria-label": "Send reply",
-					children: /* @__PURE__ */ Z(xe, { className: "h-3 w-3" })
+					children: /* @__PURE__ */ Z(Pe, { className: "h-3 w-3" })
 				})]
 			})
 		]
 	});
-}, jt = ({ subscription: e, onToggle: t, className: r }) => {
-	let { t: a } = $(), [o, s] = n.useState(!1), c = n.useCallback(async () => {
+}, Zt = ({ subscription: e, onToggle: t, className: r }) => {
+	let { t: i } = $(), [a, o] = n.useState(!1), s = n.useCallback(async () => {
 		if (t) {
-			s(!0);
+			o(!0);
 			try {
 				await t(!e.subscribed);
 			} finally {
-				s(!1);
+				o(!1);
 			}
 		}
 	}, [t, e.subscribed]);
-	return /* @__PURE__ */ Z(i, {
+	return /* @__PURE__ */ Z(p, {
 		variant: "ghost",
 		size: "icon",
-		className: S("h-8 w-8", r),
-		onClick: c,
-		disabled: o || !t,
-		"aria-label": e.subscribed ? a("detail.unsubscribeAriaLabel") : a("detail.subscribeAriaLabel"),
-		title: e.subscribed ? a("detail.subscribedTooltip") : a("detail.unsubscribedTooltip"),
-		children: e.subscribed ? /* @__PURE__ */ Z(A, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(j, { className: "h-4 w-4 text-muted-foreground" })
+		className: F("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(ne, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Z(re, { className: "h-4 w-4 text-muted-foreground" })
 	});
-}, Mt = {
+}, Qt = {
 	comment: Y,
-	field_change: H,
-	task: F,
-	event: N,
-	system: Oe,
-	email: le,
-	call: me
-}, Nt = {
+	field_change: G,
+	task: U,
+	event: H,
+	system: Be,
+	email: Se,
+	call: De
+}, $t = {
 	comment: "bg-purple-100 text-purple-600",
 	field_change: "bg-blue-100 text-blue-600",
 	task: "bg-green-100 text-green-600",
@@ -3002,7 +3297,7 @@ var At = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: a = !0, cl
 	email: "bg-indigo-100 text-indigo-600",
 	call: "bg-teal-100 text-teal-600"
 };
-function Pt(e) {
+function en(e) {
 	return [
 		{
 			value: "all",
@@ -3022,7 +3317,7 @@ function Pt(e) {
 		}
 	];
 }
-function Ft(e) {
+function tn(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -3035,7 +3330,7 @@ function Ft(e) {
 		return e;
 	}
 }
-function It(e, t) {
+function nn(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");
@@ -3043,112 +3338,112 @@ function It(e, t) {
 		default: return e;
 	}
 }
-var Lt = ({ items: e, config: t, filterMode: r, onFilterChange: l, hasMore: u = !1, onLoadMore: d, loading: f = !1, onAddComment: p, onAddReply: m, onToggleReaction: h, subscription: g, onToggleSubscription: _, collapseWhenEmpty: v = !1, className: y }) => {
-	let { t: b } = $(), [x, C] = n.useState("all"), [T, E] = n.useState(""), [D, O] = n.useState(!1), [k, A] = n.useState(!1), j = r ?? x, M = t?.showFilterToggle !== !1, N = t?.showCommentInput !== !1 && !!p, P = t?.enableReactions ?? !1, F = t?.enableThreading ?? !1, ee = t?.showSubscriptionToggle ?? !1, L = n.useMemo(() => It(e, j), [e, j]), R = n.useMemo(() => F ? L.filter((e) => !e.parentId) : L, [L, F]), z = n.useMemo(() => {
-		if (!F) return /* @__PURE__ */ new Map();
+var rn = ({ 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: v = !1, className: y }) => {
+	let { t: b } = $(), [x, S] = n.useState("all"), [C, w] = n.useState(""), [T, E] = n.useState(!1), [D, O] = n.useState(!1), k = r ?? x, A = t?.showFilterToggle !== !1, j = t?.showCommentInput !== !1 && !!c, M = t?.enableReactions ?? !1, N = t?.enableThreading ?? !1, P = t?.showSubscriptionToggle ?? !1, I = n.useMemo(() => nn(e, k), [e, k]), ee = n.useMemo(() => N ? I.filter((e) => !e.parentId) : I, [I, N]), R = n.useMemo(() => {
+		if (!N) return /* @__PURE__ */ new Map();
 		let e = /* @__PURE__ */ new Map();
-		for (let t of L) if (t.parentId) {
+		for (let t of I) 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) => {
-		l ? l(e) : C(e);
-	}, [l]), V = n.useCallback(async () => {
-		let e = T.trim();
-		if (!(!e || !p)) {
-			O(!0);
+	}, [I, N]), te = n.useCallback((e) => {
+		i ? i(e) : S(e);
+	}, [i]), z = n.useCallback(async () => {
+		let e = C.trim();
+		if (!(!e || !c)) {
+			E(!0);
 			try {
-				await p(e), E("");
+				await c(e), w("");
 			} finally {
-				O(!1);
+				E(!1);
 			}
 		}
-	}, [T, p]), te = n.useCallback((e) => {
-		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), V());
-	}, [V]), H = n.useCallback(async () => {
-		if (d) {
-			A(!0);
+	}, [C, c]), B = n.useCallback((e) => {
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), z());
+	}, [z]), ne = n.useCallback(async () => {
+		if (o) {
+			O(!0);
 			try {
-				await d();
+				await o();
 			} finally {
-				A(!1);
+				O(!1);
 			}
 		}
-	}, [d]);
-	return /* @__PURE__ */ Q(a, {
-		className: S("", y),
-		children: [/* @__PURE__ */ Z(s, { children: /* @__PURE__ */ Q("div", {
+	}, [o]);
+	return /* @__PURE__ */ Q(m, {
+		className: F("", y),
+		children: [/* @__PURE__ */ Z(g, { children: /* @__PURE__ */ Q("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ Q(c, {
+			children: [/* @__PURE__ */ Q(_, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ Z(w, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Z(L, { className: "h-4 w-4" }),
 					b("detail.activity"),
 					/* @__PURE__ */ Q("span", {
 						className: "text-sm font-normal text-muted-foreground",
 						children: [
 							"(",
-							L.length,
+							I.length,
 							")"
 						]
 					})
 				]
 			}), /* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-1",
-				children: ee && g && /* @__PURE__ */ Z(jt, {
-					subscription: g,
-					onToggle: _
+				children: P && d && /* @__PURE__ */ Z(Zt, {
+					subscription: d,
+					onToggle: f
 				})
 			})]
-		}) }), /* @__PURE__ */ Q(o, {
+		}) }), /* @__PURE__ */ Q(h, {
 			className: "space-y-4",
 			children: [
-				M && /* @__PURE__ */ Z("div", {
+				A && /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2",
 					children: /* @__PURE__ */ Z("select", {
 						className: "rounded-md border border-input bg-background px-2.5 py-1.5 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-						value: j,
-						onChange: (e) => B(e.target.value),
+						value: k,
+						onChange: (e) => te(e.target.value),
 						"aria-label": b("detail.filterActivity"),
-						children: Pt(b).map((e) => /* @__PURE__ */ Z("option", {
+						children: en(b).map((e) => /* @__PURE__ */ Z("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))
 					})
 				}),
-				N && /* @__PURE__ */ Q("div", {
+				j && /* @__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: b("detail.leaveCommentPlaceholder"),
-						value: T,
-						onChange: (e) => E(e.target.value),
-						onKeyDown: te,
-						disabled: D
-					}), /* @__PURE__ */ Z(i, {
+						value: C,
+						onChange: (e) => w(e.target.value),
+						onKeyDown: B,
+						disabled: T
+					}), /* @__PURE__ */ Z(p, {
 						size: "icon",
 						variant: "default",
-						onClick: V,
-						disabled: !T.trim() || D,
+						onClick: z,
+						disabled: !C.trim() || T,
 						className: "shrink-0 self-end",
 						"aria-label": b("detail.submitComment"),
 						children: /* @__PURE__ */ Z(Y, { className: "h-4 w-4" })
 					})]
 				}),
-				L.length === 0 ? v ? null : /* @__PURE__ */ Z("p", {
+				I.length === 0 ? v ? null : /* @__PURE__ */ Z("p", {
 					className: "text-sm text-muted-foreground text-center py-4",
 					children: b("detail.noActivity")
 				}) : /* @__PURE__ */ Q("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ Z("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Z("div", {
 						className: "space-y-4",
-						children: R.map((e) => {
-							let t = Mt[e.type] || Oe, n = Nt[e.type] || "bg-gray-100 text-gray-600", r = z.get(e.id) ?? [];
+						children: ee.map((e) => {
+							let t = Qt[e.type] || Be, n = $t[e.type] || "bg-gray-100 text-gray-600", r = R.get(e.id) ?? [];
 							return /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Q("div", {
 								className: "flex gap-3 relative",
 								children: [/* @__PURE__ */ Z("div", {
-									className: S("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", n),
+									className: F("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,
@@ -3170,7 +3465,7 @@ var Lt = ({ items: e, config: t, filterMode: r, onFilterChange: l, hasMore: u =
 												}),
 												/* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground",
-													children: Ft(e.createdAt)
+													children: tn(e.createdAt)
 												}),
 												e.edited && /* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground italic",
@@ -3188,61 +3483,61 @@ var Lt = ({ items: e, config: t, filterMode: r, onFilterChange: l, hasMore: u =
 										}),
 										e.type === "field_change" && e.fieldChanges && /* @__PURE__ */ Z("div", {
 											className: "space-y-1 mt-1",
-											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z(Et, { change: e }, t))
+											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z(Kt, { change: e }, t))
 										}),
-										P && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
+										M && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(Ot, {
+											children: /* @__PURE__ */ Z(Jt, {
 												reactions: e.reactions,
-												onToggleReaction: h ? (t) => h(e.id, t) : void 0
+												onToggleReaction: u ? (t) => u(e.id, t) : void 0
 											})
 										}),
-										P && (!e.reactions || e.reactions.length === 0) && h && /* @__PURE__ */ Z("div", {
+										M && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(Ot, {
+											children: /* @__PURE__ */ Z(Jt, {
 												reactions: [],
-												onToggleReaction: (t) => h(e.id, t)
+												onToggleReaction: (t) => u(e.id, t)
 											})
 										})
 									]
 								})]
-							}), F && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(At, {
+							}), N && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(Xt, {
 								parentItem: e,
 								replies: r,
-								onAddReply: m,
-								showReplyInput: !!m
+								onAddReply: l,
+								showReplyInput: !!l
 							})] }, e.id);
 						})
 					})]
 				}),
-				u && /* @__PURE__ */ Z("div", {
+				a && /* @__PURE__ */ Z("div", {
 					className: "text-center pt-2",
-					children: /* @__PURE__ */ Q(i, {
+					children: /* @__PURE__ */ Q(p, {
 						variant: "ghost",
 						size: "sm",
-						onClick: H,
-						disabled: k,
+						onClick: ne,
+						disabled: D,
 						"aria-label": b("detail.loadMore"),
-						children: [k ? /* @__PURE__ */ Z(J, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(I, { className: "h-4 w-4 mr-1" }), b("detail.loadMore")]
+						children: [D ? /* @__PURE__ */ Z(xe, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Z(ae, { className: "h-4 w-4 mr-1" }), b("detail.loadMore")]
 					})
 				})
 			]
 		})]
 	});
-}, Rt = ({ config: e, items: t, hasMore: r, onLoadMore: a, loading: o, onAddComment: s, onAddReply: c, onToggleReaction: l, subscription: u, onToggleSubscription: d, filterMode: f, onFilterChange: p, collapseWhenEmpty: m = !1, className: h }) => {
-	let g = e?.position ?? "right", _ = e?.width ?? "360px", v = e?.collapsible ?? !0, y = m && t.length === 0 || (e?.defaultCollapsed ?? !1), { t: b } = $(), [x, C] = n.useState(y);
+}, an = ({ 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: m = !1, className: h }) => {
+	let g = e?.position ?? "right", _ = e?.width ?? "360px", v = e?.collapsible ?? !0, y = m && t.length === 0 || (e?.defaultCollapsed ?? !1), { t: b } = $(), [x, S] = n.useState(y);
 	return g === "right" || g === "left" ? x && v ? /* @__PURE__ */ Z("div", {
-		className: S("flex items-start pt-4", g === "right" ? "border-l" : "border-r", h),
-		children: /* @__PURE__ */ Z(i, {
+		className: F("flex items-start pt-4", g === "right" ? "border-l" : "border-r", h),
+		children: /* @__PURE__ */ Z(p, {
 			variant: "ghost",
 			size: "icon",
 			className: "h-8 w-8 mx-1",
-			onClick: () => C(!1),
+			onClick: () => S(!1),
 			"aria-label": b("detail.openDiscussion"),
-			children: /* @__PURE__ */ Z(fe, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ Z(Te, { className: "h-4 w-4" })
 		})
 	}) : /* @__PURE__ */ Q("div", {
-		className: S("flex flex-col overflow-hidden", g === "right" ? "border-l" : "border-r", h),
+		className: F("flex flex-col overflow-hidden", g === "right" ? "border-l" : "border-r", h),
 		style: {
 			width: _,
 			minWidth: _
@@ -3255,39 +3550,39 @@ var Lt = ({ items: e, config: t, filterMode: r, onFilterChange: l, hasMore: u =
 					className: "text-sm font-medium",
 					children: b("detail.discussion")
 				})]
-			}), v && /* @__PURE__ */ Z(i, {
+			}), v && /* @__PURE__ */ Z(p, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
-				onClick: () => C(!0),
+				onClick: () => S(!0),
 				"aria-label": b("detail.closeDiscussion"),
-				children: /* @__PURE__ */ Z(De, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ Z(ze, { className: "h-3.5 w-3.5" })
 			})]
 		}), /* @__PURE__ */ Z("div", {
 			className: "flex-1 overflow-y-auto",
-			children: /* @__PURE__ */ Z(Lt, {
+			children: /* @__PURE__ */ Z(rn, {
 				items: t,
 				config: e?.feed,
 				hasMore: r,
-				onLoadMore: a,
-				loading: o,
-				onAddComment: s,
-				onAddReply: c,
-				onToggleReaction: l,
-				subscription: u,
-				onToggleSubscription: d,
-				filterMode: f,
-				onFilterChange: p,
+				onLoadMore: i,
+				loading: a,
+				onAddComment: o,
+				onAddReply: s,
+				onToggleReaction: c,
+				subscription: l,
+				onToggleSubscription: u,
+				filterMode: d,
+				onFilterChange: f,
 				collapseWhenEmpty: m,
 				className: "border-0 shadow-none"
 			})
 		})]
 	}) : /* @__PURE__ */ Z("div", {
-		className: S("", h),
-		children: v && x ? /* @__PURE__ */ Q(i, {
+		className: F("", h),
+		children: v && x ? /* @__PURE__ */ Q(p, {
 			variant: "ghost",
 			className: "w-full justify-start gap-2 text-muted-foreground",
-			onClick: () => C(!1),
+			onClick: () => S(!1),
 			"aria-label": b("detail.showDiscussion", { count: t.length }),
 			children: [/* @__PURE__ */ Z(Y, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: b("detail.showDiscussion", { count: t.length }) })]
 		}) : /* @__PURE__ */ Q("div", { children: [v && /* @__PURE__ */ Q("div", {
@@ -3295,78 +3590,78 @@ var Lt = ({ items: e, config: t, filterMode: r, onFilterChange: l, hasMore: u =
 			children: [/* @__PURE__ */ Q("div", {
 				className: "flex items-center gap-2 text-sm font-medium",
 				children: [/* @__PURE__ */ Z(Y, { className: "h-4 w-4" }), b("detail.discussion")]
-			}), /* @__PURE__ */ Z(i, {
+			}), /* @__PURE__ */ Z(p, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
-				onClick: () => C(!0),
+				onClick: () => S(!0),
 				"aria-label": b("detail.hideDiscussion"),
-				children: /* @__PURE__ */ Z(de, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ Z(we, { className: "h-3.5 w-3.5" })
 			})]
-		}), /* @__PURE__ */ Z(Lt, {
+		}), /* @__PURE__ */ Z(rn, {
 			items: t,
 			config: e?.feed,
 			hasMore: r,
-			onLoadMore: a,
-			loading: o,
-			onAddComment: s,
-			onAddReply: c,
-			onToggleReaction: l,
-			subscription: u,
-			onToggleSubscription: d,
-			filterMode: f,
-			onFilterChange: p,
+			onLoadMore: i,
+			loading: a,
+			onAddComment: o,
+			onAddReply: s,
+			onToggleReaction: c,
+			subscription: l,
+			onToggleSubscription: u,
+			filterMode: d,
+			onFilterChange: f,
 			collapseWhenEmpty: m
 		})] })
 	});
-}, zt = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: r = !1, className: a }) => {
-	let [o, s] = n.useState(""), [c, l] = n.useState(!1), u = n.useCallback(async () => {
-		let t = o.trim();
+}, on = ({ 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) {
-			l(!0);
+			c(!0);
 			try {
-				await e(t), s("");
+				await e(t), o("");
 			} finally {
-				l(!1);
+				c(!1);
 			}
 		}
-	}, [o, e]), d = n.useCallback((e) => {
-		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), u());
-	}, [u]);
+	}, [a, e]), u = n.useCallback((e) => {
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), l());
+	}, [l]);
 	return /* @__PURE__ */ Q("div", {
-		className: S("flex gap-2", a),
+		className: F("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,
-			value: o,
-			onChange: (e) => s(e.target.value),
-			onKeyDown: d,
-			disabled: r || c
-		}), /* @__PURE__ */ Z(i, {
+			value: a,
+			onChange: (e) => o(e.target.value),
+			onKeyDown: u,
+			disabled: r || s
+		}), /* @__PURE__ */ Z(p, {
 			size: "icon",
 			variant: "default",
-			onClick: u,
-			disabled: !o.trim() || c || r,
+			onClick: l,
+			disabled: !a.trim() || s || r,
 			className: "shrink-0 self-end",
 			"aria-label": "Submit comment",
-			children: /* @__PURE__ */ Z(xe, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ Z(Pe, { className: "h-4 w-4" })
 		})]
 	});
-}, Bt = ({ query: e, suggestions: t, onSelect: r, visible: i = !0, activeIndex: a = 0, className: o }) => {
+}, sn = ({ 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: S("bg-popover border rounded-md shadow-md z-50 max-h-48 overflow-y-auto w-56", o),
+		className: F("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: S("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: F("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);
 			},
@@ -3394,7 +3689,7 @@ var Lt = ({ items: e, config: t, filterMode: r, onFilterChange: l, hasMore: u =
 		}, e.id))
 	});
 };
-function Vt(e, t, n) {
+function cn(e, t, n) {
 	return {
 		type: e.type,
 		id: e.id,
@@ -3403,7 +3698,7 @@ function Vt(e, t, n) {
 		length: n
 	};
 }
-e.register("detail-view", it, {
+e.register("detail-view", yt, {
 	namespace: "plugin-detail",
 	label: "Detail View",
 	category: "Views",
@@ -3533,7 +3828,7 @@ e.register("detail-view", it, {
 		tabs: [],
 		related: []
 	}
-}), e.register("detail-section", He, {
+}), e.register("detail-section", rt, {
 	namespace: "plugin-detail",
 	label: "Detail Section",
 	category: "Detail Components",
@@ -3584,7 +3879,7 @@ e.register("detail-view", it, {
 			label: "Header Color"
 		}
 	]
-}), e.register("related-list", Ge, {
+}), e.register("related-list", ot, {
 	namespace: "plugin-detail",
 	label: "Related List",
 	category: "Detail Components",
@@ -3631,7 +3926,7 @@ e.register("detail-view", it, {
 			label: "Columns"
 		}
 	]
-}), e.register("detail", it, {
+}), e.register("detail", yt, {
 	namespace: "view",
 	category: "view",
 	label: "Detail",
@@ -3656,4 +3951,4 @@ e.register("detail-view", it, {
 	]
 });
 //#endregion
-export { tt as ActivityTimeline, Ct as CommentAttachment, zt as CommentInput, Be as DETAIL_DEFAULT_TRANSLATIONS, He as DetailSection, Ue as DetailTabs, it as DetailView, ft as DiffView, Et as FieldChangeItem, qe as HeaderHighlight, at as InlineCreateRelated, Bt as MentionAutocomplete, Tt as PointInTimeRestore, Ot as ReactionPicker, Lt as RecordActivityTimeline, Rt as RecordChatterPanel, Ye as RecordComments, pt as RecordNavigationEnhanced, Ge as RelatedList, yt as RelationshipGraph, st as RichTextCommentInput, Ke as SectionGroup, jt as SubscriptionToggle, At as ThreadedReplies, Le as applyAutoSpan, Re as applyDetailAutoLayout, Vt as createMentionFromSuggestion, ze as createSafeTranslationHook, Ie as inferDetailColumns, Fe as isWideFieldType, $ as useDetailTranslation };
+export { gt as ActivityTimeline, Ut as CommentAttachment, on as CommentInput, tt as DETAIL_DEFAULT_TRANSLATIONS, rt as DetailSection, it as DetailTabs, yt as DetailView, Mt as DiffView, Kt as FieldChangeItem, ct as HeaderHighlight, Tt as InlineCreateRelated, sn as MentionAutocomplete, Gt as PointInTimeRestore, Jt as ReactionPicker, rn as RecordActivityTimeline, an as RecordChatterPanel, ut as RecordComments, Ct as RecordDetailDrawer, Nt as RecordNavigationEnhanced, ot as RelatedList, zt as RelationshipGraph, Dt as RichTextCommentInput, st as SectionGroup, Zt as SubscriptionToggle, Xt as ThreadedReplies, Qe as applyAutoSpan, $e as applyDetailAutoLayout, cn as createMentionFromSuggestion, et as createSafeTranslationHook, wt as deriveRecordPageHref, Ze as inferDetailColumns, Xe as isWideFieldType, $ as useDetailTranslation };