@object-ui/plugin-detail 4.2.1 → 4.3.0

package/dist/index.js

@@ -2,7 +2,7 @@ import { ComponentRegistry as e, buildExpandFields as t } from "@object-ui/core"
 import * as n from "react";
 import r from "react";
 import { AlertDialog as i, AlertDialogAction as a, AlertDialogCancel as o, AlertDialogContent as s, AlertDialogDescription as c, AlertDialogFooter as l, AlertDialogHeader as u, AlertDialogTitle as d, 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 { 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 se, ChevronsLeft as ce, ChevronsRight as le, Code as W, 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";
@@ -130,6 +130,8 @@ var tt = {
 	"detail.minutesAgo": "{{count}}m ago",
 	"detail.hoursAgo": "{{count}}h ago",
 	"detail.daysAgo": "{{count}}d ago",
+	"detail.createdBy": "Created by",
+	"detail.updatedBy": "Updated by",
 	"detail.dropFilesToUpload": "Drop files here or click to upload",
 	"detail.attachmentCount": "{{count}} attachment",
 	"detail.attachmentCountPlural": "{{count}} attachments",
@@ -306,10 +308,10 @@ var rt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 		re.length,
 		oe
 	]);
-	let se = S === void 0 ? re : re.slice(0, S), ce = L > 0 && (e.hideEmpty || B), le = /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("div", {
+	let ce = S === void 0 ? re : re.slice(0, S), le = L > 0 && (e.hideEmpty || B), W = /* @__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", {
+		children: ce.map(H)
+	}), le && /* @__PURE__ */ Z("div", {
 		className: "mt-3 -ml-2",
 		children: /* @__PURE__ */ Q(p, {
 			type: "button",
@@ -325,7 +327,7 @@ var rt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 	})] });
 	return !e.title && !e.collapsible && e.showBorder === !1 ? /* @__PURE__ */ Z("div", {
 		className: F(r),
-		children: le
+		children: W
 	}) : e.collapsible ? /* @__PURE__ */ Z(v, {
 		open: !l,
 		onOpenChange: (e) => u(!e),
@@ -352,7 +354,7 @@ var rt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 						]
 					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-2",
-						children: Z(l ? W : ae, { className: "h-4 w-4 text-muted-foreground" })
+						children: Z(l ? se : ae, { className: "h-4 w-4 text-muted-foreground" })
 					})]
 				}), e.description && !l && /* @__PURE__ */ Z("p", {
 					className: "text-sm text-muted-foreground mt-1.5",
@@ -361,7 +363,7 @@ var rt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			})
 		}), /* @__PURE__ */ Z(y, { children: /* @__PURE__ */ Z(h, {
 			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: le
+			children: W
 		}) })] })
 	}) : /* @__PURE__ */ Q(m, {
 		className: F(e.showBorder === !1 ? "border-none shadow-none" : "", r),
@@ -382,7 +384,7 @@ var rt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			})]
 		}), /* @__PURE__ */ Z(h, {
 			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: le
+			children: W
 		})]
 	});
 }, it = ({ tabs: e, data: t, className: r }) => {
@@ -434,7 +436,7 @@ function at(e) {
 	return e && Ve[e.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] || ve;
 }
 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();
+	let R = v !== void 0, te = v ?? [], [B, ne] = n.useState(te), [re, V] = n.useState(!1), [H, ie] = n.useState(0), [U, ce] = n.useState(null), [le, W] = 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(() => {
 		R && ne(v ?? []);
 	}, [v, R]), n.useEffect(() => {
@@ -523,21 +525,21 @@ var ot = ({ title: e, type: t, api: r, data: v, schema: y, columns: b, className
 		if (n == null) return 1;
 		if (r == null) return -1;
 		let i = String(n).localeCompare(String(r), void 0, { numeric: !0 });
-		return ce === "asc" ? i : -i;
+		return le === "asc" ? i : -i;
 	}) : ve, [
 		ve,
 		U,
-		ce
+		le
 	]), 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(() => {
 		ie(0);
 	}, [
 		ue,
 		U,
-		ce
+		le
 	]);
 	let Se = n.useCallback((e) => {
-		U === e ? le((e) => e === "asc" ? "desc" : "asc") : (se(e), le("asc"));
+		U === e ? W((e) => e === "asc" ? "desc" : "asc") : (ce(e), W("asc"));
 	}, [U]), [Y, Ce] = n.useState(null), we = n.useCallback((e) => {
 		Ce(e);
 	}, []), Te = n.useCallback(() => {
@@ -663,7 +665,7 @@ var ot = ({ title: e, type: t, api: r, data: v, schema: y, columns: b, className
 					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" }),
+							P && Z(pe ? se : 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
@@ -719,7 +721,7 @@ var ot = ({ title: e, type: t, api: r, data: v, schema: y, columns: b, className
 								children: [
 									/* @__PURE__ */ Z(z, { className: "h-3 w-3" }),
 									n,
-									r && (ce === "asc" ? " ↑" : " ↓")
+									r && (le === "asc" ? " ↑" : " ↓")
 								]
 							}, t);
 						})
@@ -771,7 +773,7 @@ var ot = ({ title: e, type: t, api: r, data: v, schema: y, columns: b, className
 								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" })]
+								children: [q("detail.nextPage"), /* @__PURE__ */ Z(se, { className: "h-3 w-3" })]
 							})
 						]
 					}),
@@ -823,7 +825,7 @@ var ot = ({ title: e, type: t, api: r, data: v, schema: y, columns: b, className
 				children: /* @__PURE__ */ Q("div", {
 					className: "flex items-center gap-2 pb-2 border-b cursor-pointer hover:bg-muted/50 transition-colors rounded-t-md px-2 py-1.5",
 					children: [
-						Z(l ? W : ae, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+						Z(l ? se : ae, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
 						e.icon && /* @__PURE__ */ Z("span", {
 							className: "text-muted-foreground",
 							children: e.icon
@@ -1159,8 +1161,118 @@ var ht = {
 			})]
 		})] })]
 	});
-}, _t = 5;
-function vt(e, t, n, r) {
+}, _t = {
+	createdAt: "created_at",
+	createdBy: "created_by",
+	updatedAt: "updated_at",
+	updatedBy: "updated_by"
+};
+function vt(e) {
+	if (!e) return null;
+	if (e instanceof Date) return isNaN(e.getTime()) ? null : e;
+	if (typeof e == "string" || typeof e == "number") {
+		let t = new Date(e);
+		return isNaN(t.getTime()) ? null : t;
+	}
+	return null;
+}
+function yt(e, t) {
+	let n = Date.now() - e.getTime(), r = Math.max(0, Math.floor(n / 1e3));
+	if (r < 60) return t("detail.justNow");
+	let i = Math.floor(r / 60);
+	if (i < 60) return t("detail.minutesAgo", { count: i });
+	let a = Math.floor(i / 60);
+	return a < 24 ? t("detail.hoursAgo", { count: a }) : t("detail.daysAgo", { count: Math.floor(a / 24) });
+}
+function bt(e) {
+	try {
+		return new Intl.DateTimeFormat(void 0, {
+			dateStyle: "medium",
+			timeStyle: "short"
+		}).format(e);
+	} catch {
+		return e.toISOString();
+	}
+}
+var xt = ({ value: e, objectSchema: t, fieldName: n }) => {
+	if (e == null || e === "") return null;
+	let r = t?.fields?.[n], i = r?.reference_to || r?.reference, a = {
+		name: n,
+		type: r?.type || (i ? "lookup" : "text"),
+		...i && { reference_to: i },
+		...r?.reference_field && { reference_field: r.reference_field }
+	}, o = Je(a) || a.type;
+	if (o) {
+		let t = qe(o);
+		if (t) return /* @__PURE__ */ Z("span", {
+			className: "inline-flex items-center [&_a]:text-inherit [&_a]:hover:underline",
+			children: /* @__PURE__ */ Z(t, {
+				value: e,
+				field: a
+			})
+		});
+	}
+	return /* @__PURE__ */ Z("span", { children: String(e) });
+}, St = ({ label: e, user: t, date: n, objectSchema: r, userField: i, t: a }) => {
+	if (!t && !n) return null;
+	let o = n ? /* @__PURE__ */ Z(N, {
+		delayDuration: 200,
+		children: /* @__PURE__ */ Q(j, { children: [/* @__PURE__ */ Z(P, {
+			asChild: !0,
+			children: /* @__PURE__ */ Z("time", {
+				dateTime: n.toISOString(),
+				className: "cursor-default underline decoration-dotted decoration-muted-foreground/40 underline-offset-2",
+				children: yt(n, a)
+			})
+		}), /* @__PURE__ */ Z(M, {
+			side: "top",
+			children: bt(n)
+		})] })
+	}) : null;
+	return /* @__PURE__ */ Q("span", {
+		className: "inline-flex items-center gap-1.5",
+		children: [
+			/* @__PURE__ */ Z("span", {
+				className: "text-muted-foreground/70",
+				children: e
+			}),
+			t ? /* @__PURE__ */ Z(xt, {
+				value: t,
+				objectSchema: r,
+				fieldName: i
+			}) : null,
+			t && o ? /* @__PURE__ */ Z("span", {
+				className: "text-muted-foreground/40",
+				children: "·"
+			}) : null,
+			o
+		]
+	});
+}, Ct = ({ data: e, objectSchema: t, objectName: n, className: r }) => {
+	let { t: i } = $();
+	if (!e) return null;
+	let a = vt(e[_t.createdAt]), o = vt(e[_t.updatedAt]), s = e[_t.createdBy], c = e[_t.updatedBy], l = !!(a || s), u = a && o && Math.abs(o.getTime() - a.getTime()) < 2e3, d = !!(o || c) && !(u && (s != null && c != null && String(s) === String(c) || !c));
+	return !l && !d ? null : /* @__PURE__ */ Q("div", {
+		className: F("mt-6 pt-3 border-t border-border/40", "flex flex-wrap items-center gap-x-4 gap-y-1", "text-xs text-muted-foreground", r),
+		"data-testid": "record-meta-footer",
+		children: [l && /* @__PURE__ */ Z(St, {
+			label: i("detail.createdBy"),
+			user: s,
+			date: a,
+			objectSchema: t,
+			userField: _t.createdBy,
+			t: i
+		}), d && /* @__PURE__ */ Z(St, {
+			label: i("detail.updatedBy"),
+			user: c,
+			date: o,
+			objectSchema: t,
+			userField: _t.updatedBy,
+			t: i
+		})]
+	});
+}, wt = 5;
+function Tt(e, t, n, r) {
 	if (e && typeof e == "object") {
 		if (t.primaryField) {
 			let n = e[t.primaryField];
@@ -1195,7 +1307,7 @@ function vt(e, t, n, r) {
 	}
 	return r;
 }
-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 }) => {
+var Et = ({ 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(() => {
 		g && h && h(g);
@@ -1292,7 +1404,7 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 	}, [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(() => {
+	}, [o, e]), ce = n.useCallback(() => {
 		navigator.share && e.objectName && e.resourceId ? navigator.share({
 			title: e.title || z("detail.details"),
 			text: `${e.objectName} #${e.resourceId}`,
@@ -1300,9 +1412,9 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		}).catch((e) => console.log("Share failed:", e)) : navigator.clipboard.writeText(window.location.href).then(() => {
 			console.log("Link copied to clipboard");
 		});
-	}, [e]), ce = n.useCallback(() => {
+	}, [e]), le = n.useCallback(() => {
 		x(!b);
-	}, [b]), le = n.useCallback(() => {
+	}, [b]), W = n.useCallback(() => {
 		if (S) {
 			let e = Object.entries(w);
 			if (e.length > 0) {
@@ -1345,7 +1457,7 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			label: z("detail.share"),
 			icon: "share-2",
 			type: "script",
-			onClick: se
+			onClick: ce
 		}), e.showEdit && t.push({
 			name: "sys_edit_mobile",
 			label: z("detail.edit"),
@@ -1359,7 +1471,7 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 			icon: "edit",
 			type: "script",
 			className: "sm:hidden",
-			onClick: le
+			onClick: W
 		}), e.showDelete && t.push({
 			name: "sys_delete",
 			label: z("detail.delete"),
@@ -1375,9 +1487,9 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 		e.showDelete,
 		c,
 		S,
-		se,
+		ce,
 		U,
-		le,
+		W,
 		ae
 	]), me = n.useMemo(() => {
 		let t = e.actions ?? [];
@@ -1449,7 +1561,7 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							children: [
 								/* @__PURE__ */ Z("h1", {
 									className: "text-xl sm:text-2xl font-bold truncate",
-									children: vt(g, e, I, z("detail.details"))
+									children: Tt(g, e, I, z("detail.details"))
 								}),
 								re.map((t) => {
 									let n = g?.[t];
@@ -1513,7 +1625,7 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 										variant: "ghost",
 										size: "icon",
 										className: "h-6 w-6 shrink-0",
-										onClick: ce,
+										onClick: le,
 										"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" })
 									})
@@ -1575,7 +1687,7 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 											let t = e.recordNavigation;
 											t.currentIndex < t.recordIds.length - 1 && t.onNavigate(t.recordIds[t.currentIndex + 1]);
 										},
-										children: /* @__PURE__ */ Z(W, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Z(se, { className: "h-4 w-4" })
 									})
 								}), /* @__PURE__ */ Z(M, { children: z("detail.nextRecord") })] })
 							]
@@ -1597,7 +1709,7 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 							children: /* @__PURE__ */ Z(p, {
 								variant: S ? "default" : "outline",
 								size: "sm",
-								onClick: le,
+								onClick: W,
 								className: "gap-2 hidden sm:inline-flex",
 								children: S ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(ie, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", {
 									className: "hidden sm:inline",
@@ -1755,7 +1867,7 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 									onRowEdit: e.onRowEdit,
 									onRowDelete: e.onRowDelete,
 									collapsible: !0,
-									pageSize: _t
+									pageSize: wt
 								}, t))
 							})
 						}),
@@ -1839,7 +1951,7 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						onRowEdit: e.onRowEdit,
 						onRowDelete: e.onRowDelete,
 						collapsible: !0,
-						pageSize: _t
+						pageSize: wt
 					}, t))]
 				}),
 				e.comments && /* @__PURE__ */ Z(ut, {
@@ -1848,13 +1960,21 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 				}),
 				e.activities && e.activities.length > 0 && /* @__PURE__ */ Z(gt, { activities: e.activities })
 			] }),
+			/* @__PURE__ */ Z(Ct, {
+				data: {
+					...g,
+					...w
+				},
+				objectSchema: I,
+				objectName: e.objectName
+			}),
 			e.footer && /* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(He, {
 				schema: e.footer,
 				data: g
 			}) })
 		]
 	}) });
-}, bt = new Set([
+}, Dt = new Set([
 	"id",
 	"_id",
 	"__v",
@@ -1869,15 +1989,15 @@ var yt = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 	"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 }) {
+]), Ot = 480, kt = 95;
+function At({ 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 = Dt, 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;
+				if (Number.isFinite(t) && t >= Ot) return t;
 			}
 		} catch {}
 		return null;
@@ -1899,7 +2019,7 @@ function Ct({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 		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));
+			let n = t.startX - e.clientX, r = typeof window < "u" ? window.innerWidth * kt / 100 : 1600, i = Math.min(r, Math.max(Ot, 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);
@@ -1955,7 +2075,7 @@ function Ct({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 				}),
 				/* @__PURE__ */ Z("div", {
 					className: "px-6 pt-6 pb-6",
-					children: /* @__PURE__ */ Z(yt, {
+					children: /* @__PURE__ */ Z(Et, {
 						dataSource: s,
 						inlineEdit: !0,
 						schema: {
@@ -1998,14 +2118,14 @@ function Ct({ open: e, onClose: t, title: n, record: i, objectName: a, recordId:
 		})
 	});
 }
-function wt(e, t) {
+function jt(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 }) => {
+var Mt = ({ 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();
@@ -2178,11 +2298,11 @@ var Tt = ({ objectName: e, relationshipField: t, fields: r, onCreateRecord: i, o
 };
 //#endregion
 //#region src/RichTextCommentInput.tsx
-function Et(e) {
+function Nt(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 Dt = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], placeholder: a, className: o, disabled: s = !1 }) => {
+var Pt = ({ 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();
@@ -2281,7 +2401,7 @@ var Dt = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 					onClick: w,
 					disabled: s || l,
 					title: c("detail.inlineCode"),
-					children: /* @__PURE__ */ Z(le, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Z(W, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ Z(p, {
 					variant: "ghost",
@@ -2315,7 +2435,7 @@ var Dt = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 			className: "relative",
 			children: l ? /* @__PURE__ */ Z("div", {
 				className: "min-h-[80px] px-3 py-2 text-sm prose prose-sm max-w-none",
-				dangerouslySetInnerHTML: { __html: Et(e) }
+				dangerouslySetInnerHTML: { __html: Nt(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",
@@ -2347,7 +2467,7 @@ var Dt = ({ value: e, onChange: t, onSubmit: r, mentionSuggestions: i = [], plac
 };
 //#endregion
 //#region src/DiffView.tsx
-function Ot(e, t) {
+function Ft(e, t) {
 	if (e == null) return ["(empty)"];
 	switch (t) {
 		case "json": try {
@@ -2366,7 +2486,7 @@ function Ot(e, t) {
 		default: return String(e).split("\n");
 	}
 }
-function kt(e, t) {
+function It(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;
@@ -2383,16 +2503,16 @@ function kt(e, t) {
 	}
 	return n;
 }
-var At = {
+var Lt = {
 	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"
-}, jt = {
+}, Rt = {
 	added: "+",
 	removed: "-",
 	unchanged: " "
-}, 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(() => {
+}, zt = ({ 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(() => Ft(e, i), [e, i]), d = n.useMemo(() => Ft(t, i), [t, i]), f = n.useMemo(() => It(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 < f.length;) {
@@ -2450,10 +2570,10 @@ var At = {
 			children: v ? c === "unified" ? /* @__PURE__ */ Z("div", {
 				className: "font-mono text-xs overflow-x-auto",
 				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"),
+					className: F("px-4 py-0.5 whitespace-pre-wrap border-l-2", Lt[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: jt[e.type]
+						children: Rt[e.type]
 					}), e.value]
 				}, t))
 			}) : /* @__PURE__ */ Z("div", {
@@ -2470,10 +2590,10 @@ var At = {
 							children: s("detail.currentVersion")
 						}),
 						y.map((e, t) => /* @__PURE__ */ Q(n.Fragment, { children: [/* @__PURE__ */ Z("div", {
-							className: F("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? At[e.left.type] : "bg-muted/20"),
+							className: F("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Lt[e.left.type] : "bg-muted/20"),
 							children: e.left?.value ?? ""
 						}), /* @__PURE__ */ Z("div", {
-							className: F("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? At[e.right.type] : "bg-muted/20"),
+							className: F("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Lt[e.right.type] : "bg-muted/20"),
 							children: e.right?.value ?? ""
 						})] }, t))
 					]
@@ -2484,7 +2604,7 @@ var At = {
 			})
 		})]
 	});
-}, Nt = ({ currentIndex: e, totalRecords: t, recordIds: r, onNavigate: i, onSearch: a, className: o }) => {
+}, Bt = ({ 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]);
 	}, [
@@ -2561,7 +2681,7 @@ var At = {
 				disabled: !m,
 				onClick: v,
 				title: s("detail.firstRecord"),
-				children: /* @__PURE__ */ Z(se, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(ce, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z(p, {
 				variant: "outline",
@@ -2586,7 +2706,7 @@ var At = {
 				disabled: !g,
 				onClick: b,
 				title: s("detail.nextRecordKey"),
-				children: /* @__PURE__ */ Z(W, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(se, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z(p, {
 				variant: "outline",
@@ -2595,7 +2715,7 @@ var At = {
 				disabled: !_,
 				onClick: S,
 				title: s("detail.lastRecord"),
-				children: /* @__PURE__ */ Z(ce, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ Z(le, { className: "h-4 w-4" })
 			}),
 			a && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(p, {
 				variant: u ? "secondary" : "ghost",
@@ -2617,18 +2737,18 @@ var At = {
 			})] })
 		]
 	});
-}, Pt = 28, Ft = [
+}, Vt = 28, Ht = [
 	"fill-primary stroke-primary",
 	"fill-blue-500 stroke-blue-500",
 	"fill-emerald-500 stroke-emerald-500",
 	"fill-amber-500 stroke-amber-500"
-], It = [
+], Ut = [
 	"fill-primary-foreground",
 	"fill-white",
 	"fill-white",
 	"fill-white"
 ];
-function Lt(e, t, n, r, i) {
+function Wt(e, t, n, r, i) {
 	let a = [], o = [], s = /* @__PURE__ */ new Set(), c = r / 2, l = i / 2;
 	a.push({
 		id: e.id,
@@ -2692,10 +2812,10 @@ function Lt(e, t, n, r, i) {
 		edges: o
 	};
 }
-function Rt(e, t = 6) {
+function Gt(e, t = 6) {
 	return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-var zt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: a }) => {
+var Kt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, className: a }) => {
 	let o = n.useRef(null), [s, c] = n.useState({
 		width: 500,
 		height: 400
@@ -2716,7 +2836,7 @@ var zt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 		});
 		return n.observe(t), () => n.disconnect();
 	}, []);
-	let { nodes: d, edges: f } = n.useMemo(() => Lt(e, t, r, s.width, s.height), [
+	let { nodes: d, edges: f } = n.useMemo(() => Wt(e, t, r, s.width, s.height), [
 		e,
 		t,
 		r,
@@ -2758,7 +2878,7 @@ var zt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 					strokeWidth: 1.5,
 					strokeOpacity: .5
 				}, `edge-${t}`)), d.map((e) => {
-					let t = l === e.id, n = Ft[Math.min(e.level, Ft.length - 1)], r = It[Math.min(e.level, It.length - 1)], a = e.level === 0 ? Pt + 6 : Pt;
+					let t = l === e.id, n = Ht[Math.min(e.level, Ht.length - 1)], r = Ut[Math.min(e.level, Ut.length - 1)], a = e.level === 0 ? Vt + 6 : Vt;
 					return /* @__PURE__ */ Q("g", {
 						className: F("cursor-pointer transition-transform", i && "hover:opacity-80"),
 						onClick: () => i?.(e.id),
@@ -2780,7 +2900,7 @@ var zt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 								textAnchor: "middle",
 								dominantBaseline: "central",
 								className: F("text-[10px] font-medium pointer-events-none", r),
-								children: Rt(e.label)
+								children: Gt(e.label)
 							}),
 							e.type && /* @__PURE__ */ Z("text", {
 								x: e.x,
@@ -2814,16 +2934,16 @@ var zt = ({ record: e, relatedRecords: t, levels: r = 1, onNodeClick: i, classNa
 };
 //#endregion
 //#region src/CommentAttachment.tsx
-function Bt(e) {
+function qt(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Vt(e) {
+function Jt(e) {
 	return e.startsWith("image/");
 }
-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;
+function Yt(e) {
+	return Jt(e) ? _e : e.includes("pdf") || e.includes("document") || e.includes("text") ? ge : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? he : me;
 }
-var Ut = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a = !1 }) => {
+var Xt = ({ 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) => {
@@ -2868,7 +2988,7 @@ var Ut = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 			}), /* @__PURE__ */ Z("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 gap-2",
 				children: e.map((e) => {
-					let t = Vt(e.type), n = Ht(e.type);
+					let t = Jt(e.type), n = Yt(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: [
@@ -2887,7 +3007,7 @@ var Ut = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 									children: e.name
 								}), /* @__PURE__ */ Z("p", {
 									className: "text-[10px] text-muted-foreground",
-									children: Bt(e.size)
+									children: qt(e.size)
 								})]
 							}),
 							r && !a && /* @__PURE__ */ Z(p, {
@@ -2907,7 +3027,7 @@ var Ut = ({ attachments: e, onUpload: t, onRemove: r, className: i, readOnly: a
 };
 //#endregion
 //#region src/PointInTimeRestore.tsx
-function Wt(e) {
+function Zt(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";
@@ -2918,7 +3038,7 @@ function Wt(e) {
 		return e;
 	}
 }
-var Gt = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
+var Qt = ({ 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) {
@@ -2980,7 +3100,7 @@ var Gt = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 								},
 								children: [/* @__PURE__ */ Z("div", {
 									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" })
+									children: t && /* @__PURE__ */ Z(se, { className: "h-3 w-3 text-primary-foreground" })
 								}), /* @__PURE__ */ Q("div", {
 									className: "flex-1 min-w-0",
 									children: [/* @__PURE__ */ Q("div", {
@@ -2990,7 +3110,7 @@ var Gt = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 											children: e.user
 										}), /* @__PURE__ */ Z("span", {
 											className: "text-xs text-muted-foreground",
-											children: Wt(e.timestamp)
+											children: Zt(e.timestamp)
 										})]
 									}), /* @__PURE__ */ Q("p", {
 										className: "text-xs text-muted-foreground mt-0.5",
@@ -3028,7 +3148,7 @@ var Gt = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 										className: "line-through text-red-600 dark:text-red-400 truncate max-w-[120px]",
 										children: e.oldValue == null ? "(empty)" : String(e.oldValue)
 									}),
-									/* @__PURE__ */ Z(W, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+									/* @__PURE__ */ Z(se, { 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)
@@ -3063,7 +3183,7 @@ var Gt = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 							children: [
 								"This will restore the record to its state at",
 								" ",
-								Wt(d.timestamp),
+								Zt(d.timestamp),
 								". Continue?"
 							]
 						}), /* @__PURE__ */ Q("div", {
@@ -3094,7 +3214,7 @@ var Gt = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 			})]
 		}) })]
 	});
-}, Kt = ({ change: e, className: t }) => {
+}, $t = ({ 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: F("flex items-center gap-1.5 text-sm flex-wrap", t),
@@ -3114,14 +3234,14 @@ var Gt = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 			})
 		]
 	});
-}, qt = [
+}, en = [
 	"👍",
 	"❤️",
 	"🎉",
 	"😂",
 	"😮",
 	"😢"
-], Jt = ({ reactions: e, onToggleReaction: t, emojiOptions: r = qt, className: i }) => {
+], tn = ({ reactions: e, onToggleReaction: t, emojiOptions: r = en, className: i }) => {
 	let [a, o] = n.useState(!1), s = n.useCallback((e) => {
 		t?.(e), o(!1);
 	}, [t]);
@@ -3161,7 +3281,7 @@ var Gt = ({ recordId: e, revisions: t, onRestore: r, className: i }) => {
 };
 //#endregion
 //#region src/ThreadedReplies.tsx
-function Yt(e) {
+function nn(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";
@@ -3174,7 +3294,7 @@ function Yt(e) {
 		return e;
 	}
 }
-var Xt = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, className: a }) => {
+var rn = ({ 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)) {
@@ -3201,7 +3321,7 @@ var Xt = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 				onClick: () => c(!s),
 				"aria-expanded": s,
 				children: [
-					Z(s ? ae : W, { className: "h-3 w-3" }),
+					Z(s ? ae : se, { className: "h-3 w-3" }),
 					/* @__PURE__ */ Z(Y, { className: "h-3 w-3" }),
 					/* @__PURE__ */ Z("span", { children: t.length === 1 ? o("detail.replyCount", { count: t.length }) : o("detail.replyCountPlural", { count: t.length }) })
 				]
@@ -3229,7 +3349,7 @@ var Xt = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 								children: e.actor
 							}), /* @__PURE__ */ Z("span", {
 								className: "text-[10px] text-muted-foreground",
-								children: Yt(e.createdAt)
+								children: nn(e.createdAt)
 							})]
 						}), /* @__PURE__ */ Z("p", {
 							className: "text-xs whitespace-pre-wrap break-words",
@@ -3259,7 +3379,7 @@ var Xt = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 			})
 		]
 	});
-}, Zt = ({ subscription: e, onToggle: t, className: r }) => {
+}, an = ({ subscription: e, onToggle: t, className: r }) => {
 	let { t: i } = $(), [a, o] = n.useState(!1), s = n.useCallback(async () => {
 		if (t) {
 			o(!0);
@@ -3280,7 +3400,7 @@ var Xt = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 		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" })
 	});
-}, Qt = {
+}, on = {
 	comment: Y,
 	field_change: G,
 	task: U,
@@ -3288,7 +3408,7 @@ var Xt = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 	system: Be,
 	email: Se,
 	call: De
-}, $t = {
+}, sn = {
 	comment: "bg-purple-100 text-purple-600",
 	field_change: "bg-blue-100 text-blue-600",
 	task: "bg-green-100 text-green-600",
@@ -3297,7 +3417,7 @@ var Xt = ({ parentItem: e, replies: t, onAddReply: r, showReplyInput: i = !0, cl
 	email: "bg-indigo-100 text-indigo-600",
 	call: "bg-teal-100 text-teal-600"
 };
-function en(e) {
+function cn(e) {
 	return [
 		{
 			value: "all",
@@ -3317,7 +3437,7 @@ function en(e) {
 		}
 	];
 }
-function tn(e) {
+function ln(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";
@@ -3330,7 +3450,7 @@ function tn(e) {
 		return e;
 	}
 }
-function nn(e, t) {
+function un(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");
@@ -3338,8 +3458,8 @@ function nn(e, t) {
 		default: return e;
 	}
 }
-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(() => {
+var dn = ({ 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(() => un(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 I) if (t.parentId) {
@@ -3391,7 +3511,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				]
 			}), /* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-1",
-				children: P && d && /* @__PURE__ */ Z(Zt, {
+				children: P && d && /* @__PURE__ */ Z(an, {
 					subscription: d,
 					onToggle: f
 				})
@@ -3406,7 +3526,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 						value: k,
 						onChange: (e) => te(e.target.value),
 						"aria-label": b("detail.filterActivity"),
-						children: en(b).map((e) => /* @__PURE__ */ Z("option", {
+						children: cn(b).map((e) => /* @__PURE__ */ Z("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))
@@ -3439,7 +3559,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 					children: [/* @__PURE__ */ Z("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Z("div", {
 						className: "space-y-4",
 						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) ?? [];
+							let t = on[e.type] || Be, n = sn[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", {
@@ -3465,7 +3585,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 												}),
 												/* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground",
-													children: tn(e.createdAt)
+													children: ln(e.createdAt)
 												}),
 												e.edited && /* @__PURE__ */ Z("span", {
 													className: "text-xs text-muted-foreground italic",
@@ -3483,25 +3603,25 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 										}),
 										e.type === "field_change" && e.fieldChanges && /* @__PURE__ */ Z("div", {
 											className: "space-y-1 mt-1",
-											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z(Kt, { change: e }, t))
+											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Z($t, { change: e }, t))
 										}),
 										M && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(Jt, {
+											children: /* @__PURE__ */ Z(tn, {
 												reactions: e.reactions,
 												onToggleReaction: u ? (t) => u(e.id, t) : void 0
 											})
 										}),
 										M && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Z("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ Z(Jt, {
+											children: /* @__PURE__ */ Z(tn, {
 												reactions: [],
 												onToggleReaction: (t) => u(e.id, t)
 											})
 										})
 									]
 								})]
-							}), N && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(Xt, {
+							}), N && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Z(rn, {
 								parentItem: e,
 								replies: r,
 								onAddReply: l,
@@ -3524,7 +3644,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			]
 		})]
 	});
-}, 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 }) => {
+}, fn = ({ config: e, items: t, hasMore: r, onLoadMore: i, loading: a, onAddComment: o, onAddReply: s, onToggleReaction: c, subscription: l, onToggleSubscription: u, filterMode: d, onFilterChange: f, collapseWhenEmpty: 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: F("flex items-start pt-4", g === "right" ? "border-l" : "border-r", h),
@@ -3560,7 +3680,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			})]
 		}), /* @__PURE__ */ Z("div", {
 			className: "flex-1 overflow-y-auto",
-			children: /* @__PURE__ */ Z(rn, {
+			children: /* @__PURE__ */ Z(dn, {
 				items: t,
 				config: e?.feed,
 				hasMore: r,
@@ -3598,7 +3718,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 				"aria-label": b("detail.hideDiscussion"),
 				children: /* @__PURE__ */ Z(we, { className: "h-3.5 w-3.5" })
 			})]
-		}), /* @__PURE__ */ Z(rn, {
+		}), /* @__PURE__ */ Z(dn, {
 			items: t,
 			config: e?.feed,
 			hasMore: r,
@@ -3614,7 +3734,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			collapseWhenEmpty: m
 		})] })
 	});
-}, on = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: r = !1, className: i }) => {
+}, pn = ({ 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) {
@@ -3647,7 +3767,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			children: /* @__PURE__ */ Z(Pe, { className: "h-4 w-4" })
 		})]
 	});
-}, sn = ({ query: e, suggestions: t, onSelect: r, visible: i = !0, activeIndex: a = 0, className: o }) => {
+}, mn = ({ 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();
@@ -3689,7 +3809,7 @@ var rn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		}, e.id))
 	});
 };
-function cn(e, t, n) {
+function hn(e, t, n) {
 	return {
 		type: e.type,
 		id: e.id,
@@ -3698,7 +3818,7 @@ function cn(e, t, n) {
 		length: n
 	};
 }
-e.register("detail-view", yt, {
+e.register("detail-view", Et, {
 	namespace: "plugin-detail",
 	label: "Detail View",
 	category: "Views",
@@ -3926,7 +4046,7 @@ e.register("detail-view", yt, {
 			label: "Columns"
 		}
 	]
-}), e.register("detail", yt, {
+}), e.register("detail", Et, {
 	namespace: "view",
 	category: "view",
 	label: "Detail",
@@ -3951,4 +4071,4 @@ e.register("detail-view", yt, {
 	]
 });
 //#endregion
-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 };
+export { gt as ActivityTimeline, Xt as CommentAttachment, pn as CommentInput, tt as DETAIL_DEFAULT_TRANSLATIONS, rt as DetailSection, it as DetailTabs, Et as DetailView, zt as DiffView, $t as FieldChangeItem, ct as HeaderHighlight, Mt as InlineCreateRelated, mn as MentionAutocomplete, Qt as PointInTimeRestore, tn as ReactionPicker, dn as RecordActivityTimeline, fn as RecordChatterPanel, ut as RecordComments, At as RecordDetailDrawer, Ct as RecordMetaFooter, Bt as RecordNavigationEnhanced, ot as RelatedList, Kt as RelationshipGraph, Pt as RichTextCommentInput, st as SectionGroup, an as SubscriptionToggle, rn as ThreadedReplies, Qe as applyAutoSpan, $e as applyDetailAutoLayout, hn as createMentionFromSuggestion, et as createSafeTranslationHook, jt as deriveRecordPageHref, Ze as inferDetailColumns, Xe as isWideFieldType, $ as useDetailTranslation };