@object-ui/plugin-detail 3.4.0 → 4.0.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @object-ui/plugin-detail
 
+## 4.0.1
+
+### Patch Changes
+
+- @object-ui/types@4.0.1
+- @object-ui/core@4.0.1
+- @object-ui/react@4.0.1
+- @object-ui/components@4.0.1
+- @object-ui/fields@4.0.1
+
+## 4.0.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @object-ui/types@4.0.0
+  - @object-ui/components@4.0.0
+  - @object-ui/core@4.0.0
+  - @object-ui/fields@4.0.0
+  - @object-ui/react@4.0.0
+
 ## 3.4.0
 
 ### Patch Changes

package/dist/index.js

@@ -1142,15 +1142,18 @@ var At = ({ section: e, data: t, className: i, objectSchema: u, objectName: m, i
 		}), o.map((e) => /* @__PURE__ */ X(y, {
 			value: e.key,
 			className: "mt-4",
-			children: Array.isArray(e.content) ? /* @__PURE__ */ X("div", {
-				className: "space-y-4",
-				children: e.content.map((e, n) => /* @__PURE__ */ X(g, {
-					schema: e,
+			children: /* @__PURE__ */ X(J.Suspense, {
+				fallback: null,
+				children: Array.isArray(e.content) ? /* @__PURE__ */ X("div", {
+					className: "space-y-4",
+					children: e.content.map((e, n) => /* @__PURE__ */ X(g, {
+						schema: e,
+						data: t
+					}, n))
+				}) : /* @__PURE__ */ X(g, {
+					schema: e.content,
 					data: t
-				}, n))
-			}) : /* @__PURE__ */ X(g, {
-				schema: e.content,
-				data: t
+				})
 			})
 		}, e.key))]
 	});
@@ -1784,7 +1787,43 @@ var Ht = {
 			})]
 		})] })]
 	});
-}, Wt = 5, Gt = ({ schema: e, dataSource: t, className: r, onEdit: i, onDelete: a, onBack: o, inlineEdit: s = !1, onFieldSave: c, discussionSlot: l, rightRail: u, objectLabel: h, onDataLoaded: b }) => {
+}, Wt = 5;
+function Gt(e, t, n, r) {
+	if (e && typeof e == "object") {
+		if (t.primaryField) {
+			let n = e[t.primaryField];
+			if (n != null && n !== "") return String(n);
+		}
+		let r = n?.titleFormat;
+		if (r) {
+			let t = "[-\\u2013\\u2014|/·,:]", n = !1, i = r.replace(/\{([^{}]+)\}/g, (t, r) => {
+				let i = e[r.trim()];
+				return i != null && i !== "" ? (n = !0, String(i)) : "\0";
+			});
+			if (n) {
+				let e = i.replace(RegExp(`\\s*${t}\\s*`, "g"), "").replace(RegExp(`\\s*${t}\\s*`, "g"), "").replace(RegExp("\0", "g"), "").replace(/\s+/g, " ").trim();
+				if (e) return e;
+			}
+		}
+	}
+	if (t.title) return t.title;
+	if (e && typeof e == "object") for (let t of [
+		"name",
+		"full_name",
+		"fullName",
+		"title",
+		"subject",
+		"label",
+		"display_name",
+		"displayName"
+	]) {
+		let n = e[t];
+		if (typeof n == "string" && n.trim()) return n.trim();
+		if (n != null && n !== "") return String(n);
+	}
+	return r;
+}
+var Kt = ({ schema: e, dataSource: t, className: r, onEdit: i, onDelete: a, onBack: o, inlineEdit: s = !1, onFieldSave: c, discussionSlot: l, rightRail: u, objectLabel: h, onDataLoaded: b }) => {
 	let [x, C] = J.useState(e.data), [T, O] = J.useState(!e.data && !!(e.api && e.resourceId || t && e.objectName && e.resourceId)), [k, ee] = J.useState(!1), [j, te] = J.useState(!1), [M, N] = J.useState({}), [P, F] = J.useState(null), [I, ne] = J.useState(!1), { t: z } = $();
 	J.useEffect(() => {
 		x && b && b(x);
@@ -2089,7 +2128,7 @@ var Ht = {
 							children: [
 								/* @__PURE__ */ X("h1", {
 									className: "text-xl sm:text-2xl font-bold truncate",
-									children: e.primaryField && x?.[e.primaryField] || e.title || z("detail.details")
+									children: Gt(x, e, P, z("detail.details"))
 								}),
 								ae.map((t) => {
 									let r = x?.[t];
@@ -2462,7 +2501,7 @@ var Ht = {
 			}) })
 		]
 	}) });
-}, Kt = ({ objectName: e, relationshipField: t, fields: n, onCreateRecord: i, onLinkRecord: a, onSearch: o, existingRecords: u = [], className: p }) => {
+}, qt = ({ objectName: e, relationshipField: t, fields: n, onCreateRecord: i, onLinkRecord: a, onSearch: o, existingRecords: u = [], className: p }) => {
 	let [h, g] = J.useState(!1), [_, v] = J.useState("create"), [x, C] = J.useState({}), [T, E] = J.useState(""), [D, O] = J.useState(u), [k, A] = J.useState(!1), [ee, j] = J.useState(!1), te = J.useMemo(() => {
 		if (!T.trim()) return D;
 		let e = T.toLowerCase();
@@ -2635,11 +2674,11 @@ var Ht = {
 };
 //#endregion
 //#region src/RichTextCommentInput.tsx
-function qt(e) {
+function Jt(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 Jt = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], placeholder: i, className: a, disabled: o = !1 }) => {
+var Yt = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], placeholder: i, className: a, disabled: o = !1 }) => {
 	let { t: s } = $(), [c, l] = J.useState(!1), [u, p] = J.useState(!1), [m, h] = J.useState(""), [g, _] = J.useState(0), v = J.useRef(null), y = J.useMemo(() => {
 		if (!m) return r;
 		let e = m.toLowerCase();
@@ -2772,7 +2811,7 @@ var Jt = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], plac
 			className: "relative",
 			children: c ? /* @__PURE__ */ X("div", {
 				className: "min-h-[80px] px-3 py-2 text-sm prose prose-sm max-w-none",
-				dangerouslySetInnerHTML: { __html: qt(e) }
+				dangerouslySetInnerHTML: { __html: Jt(e) }
 			}) : /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X("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",
@@ -2804,7 +2843,7 @@ var Jt = ({ value: e, onChange: t, onSubmit: n, mentionSuggestions: r = [], plac
 };
 //#endregion
 //#region src/DiffView.tsx
-function Yt(e, t) {
+function Xt(e, t) {
 	if (e == null) return ["(empty)"];
 	switch (t) {
 		case "json": try {
@@ -2823,7 +2862,7 @@ function Yt(e, t) {
 		default: return String(e).split("\n");
 	}
 }
-function Xt(e, t) {
+function Zt(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;
@@ -2840,16 +2879,16 @@ function Xt(e, t) {
 	}
 	return n;
 }
-var Zt = {
+var Qt = {
 	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"
-}, Qt = {
+}, $t = {
 	added: "+",
 	removed: "-",
 	unchanged: " "
-}, $t = ({ oldValue: e, newValue: t, fieldName: n, fieldType: i = "string", mode: a = "unified", className: o }) => {
-	let { t: u } = $(), [p, m] = J.useState(a), h = J.useMemo(() => Yt(e, i), [e, i]), g = J.useMemo(() => Yt(t, i), [t, i]), _ = J.useMemo(() => Xt(h, g), [h, g]), v = _.some((e) => e.type !== "unchanged"), y = J.useMemo(() => {
+}, en = ({ oldValue: e, newValue: t, fieldName: n, fieldType: i = "string", mode: a = "unified", className: o }) => {
+	let { t: u } = $(), [p, m] = J.useState(a), h = J.useMemo(() => Xt(e, i), [e, i]), g = J.useMemo(() => Xt(t, i), [t, i]), _ = J.useMemo(() => Zt(h, g), [h, g]), v = _.some((e) => e.type !== "unchanged"), y = J.useMemo(() => {
 		if (p !== "side-by-side") return [];
 		let e = [], t = 0;
 		for (; t < _.length;) {
@@ -2907,10 +2946,10 @@ var Zt = {
 			children: v ? p === "unified" ? /* @__PURE__ */ X("div", {
 				className: "font-mono text-xs overflow-x-auto",
 				children: _.map((e, t) => /* @__PURE__ */ Z("div", {
-					className: f("px-4 py-0.5 whitespace-pre-wrap border-l-2", Zt[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", Qt[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
 					children: [/* @__PURE__ */ X("span", {
 						className: "select-none mr-2 inline-block w-3 text-center opacity-60",
-						children: Qt[e.type]
+						children: $t[e.type]
 					}), e.value]
 				}, t))
 			}) : /* @__PURE__ */ X("div", {
@@ -2927,10 +2966,10 @@ var Zt = {
 							children: u("detail.currentVersion")
 						}),
 						y.map((e, t) => /* @__PURE__ */ Z(J.Fragment, { children: [/* @__PURE__ */ X("div", {
-							className: f("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Zt[e.left.type] : "bg-muted/20"),
+							className: f("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Qt[e.left.type] : "bg-muted/20"),
 							children: e.left?.value ?? ""
 						}), /* @__PURE__ */ X("div", {
-							className: f("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Zt[e.right.type] : "bg-muted/20"),
+							className: f("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Qt[e.right.type] : "bg-muted/20"),
 							children: e.right?.value ?? ""
 						})] }, t))
 					]
@@ -2941,7 +2980,7 @@ var Zt = {
 			})
 		})]
 	});
-}, en = ({ currentIndex: e, totalRecords: t, recordIds: n, onNavigate: r, onSearch: i, className: a }) => {
+}, tn = ({ currentIndex: e, totalRecords: t, recordIds: n, onNavigate: r, onSearch: i, className: a }) => {
 	let { t: o } = $(), [s, c] = J.useState(""), [l, u] = J.useState(!1), p = J.useRef(null), m = e > 0, h = e > 0, g = e < t - 1, _ = e < t - 1, v = J.useCallback(() => {
 		m && r(n[0]);
 	}, [
@@ -3074,18 +3113,18 @@ var Zt = {
 			})] })
 		]
 	});
-}, tn = 28, nn = [
+}, nn = 28, rn = [
 	"fill-primary stroke-primary",
 	"fill-blue-500 stroke-blue-500",
 	"fill-emerald-500 stroke-emerald-500",
 	"fill-amber-500 stroke-amber-500"
-], rn = [
+], an = [
 	"fill-primary-foreground",
 	"fill-white",
 	"fill-white",
 	"fill-white"
 ];
-function an(e, t, n, r, i) {
+function on(e, t, n, r, i) {
 	let a = [], o = [], s = /* @__PURE__ */ new Set(), c = r / 2, l = i / 2;
 	a.push({
 		id: e.id,
@@ -3149,10 +3188,10 @@ function an(e, t, n, r, i) {
 		edges: o
 	};
 }
-function on(e, t = 6) {
+function sn(e, t = 6) {
 	return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: i, className: a }) => {
+var cn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: i, className: a }) => {
 	let o = J.useRef(null), [u, d] = J.useState({
 		width: 500,
 		height: 400
@@ -3173,7 +3212,7 @@ var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: i, classNa
 		});
 		return n.observe(t), () => n.disconnect();
 	}, []);
-	let { nodes: h, edges: g } = J.useMemo(() => an(e, t, n, u.width, u.height), [
+	let { nodes: h, edges: g } = J.useMemo(() => on(e, t, n, u.width, u.height), [
 		e,
 		t,
 		n,
@@ -3215,7 +3254,7 @@ var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: i, classNa
 					strokeWidth: 1.5,
 					strokeOpacity: .5
 				}, `edge-${t}`)), h.map((e) => {
-					let t = p === e.id, n = nn[Math.min(e.level, nn.length - 1)], r = rn[Math.min(e.level, rn.length - 1)], a = e.level === 0 ? tn + 6 : tn;
+					let t = p === e.id, n = rn[Math.min(e.level, rn.length - 1)], r = an[Math.min(e.level, an.length - 1)], a = e.level === 0 ? nn + 6 : nn;
 					return /* @__PURE__ */ Z("g", {
 						className: f("cursor-pointer transition-transform", i && "hover:opacity-80"),
 						onClick: () => i?.(e.id),
@@ -3237,7 +3276,7 @@ var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: i, classNa
 								textAnchor: "middle",
 								dominantBaseline: "central",
 								className: f("text-[10px] font-medium pointer-events-none", r),
-								children: on(e.label)
+								children: sn(e.label)
 							}),
 							e.type && /* @__PURE__ */ X("text", {
 								x: e.x,
@@ -3271,16 +3310,16 @@ var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: i, classNa
 };
 //#endregion
 //#region src/CommentAttachment.tsx
-function cn(e) {
+function ln(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ln(e) {
+function un(e) {
 	return e.startsWith("image/");
 }
-function un(e) {
-	return ln(e) ? U : e.includes("pdf") || e.includes("document") || e.includes("text") ? V : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? de : H;
+function dn(e) {
+	return un(e) ? U : e.includes("pdf") || e.includes("document") || e.includes("text") ? V : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? de : H;
 }
-var dn = ({ attachments: e, onUpload: t, onRemove: n, className: r, readOnly: i = !1 }) => {
+var fn = ({ attachments: e, onUpload: t, onRemove: n, className: r, readOnly: i = !1 }) => {
 	let { t: a } = $(), [o, s] = J.useState(!1), c = J.useRef(null), l = J.useCallback((e) => {
 		e.preventDefault(), e.stopPropagation(), s(!0);
 	}, []), u = J.useCallback((e) => {
@@ -3325,7 +3364,7 @@ var dn = ({ attachments: e, onUpload: t, onRemove: n, className: r, readOnly: i
 			}), /* @__PURE__ */ X("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 gap-2",
 				children: e.map((e) => {
-					let t = ln(e.type), r = un(e.type);
+					let t = un(e.type), r = dn(e.type);
 					return /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-2 rounded-md border px-2.5 py-2 bg-muted/30 group",
 						children: [
@@ -3344,7 +3383,7 @@ var dn = ({ attachments: e, onUpload: t, onRemove: n, className: r, readOnly: i
 									children: e.name
 								}), /* @__PURE__ */ X("p", {
 									className: "text-[10px] text-muted-foreground",
-									children: cn(e.size)
+									children: ln(e.size)
 								})]
 							}),
 							n && !i && /* @__PURE__ */ X(d, {
@@ -3364,7 +3403,7 @@ var dn = ({ attachments: e, onUpload: t, onRemove: n, className: r, readOnly: i
 };
 //#endregion
 //#region src/PointInTimeRestore.tsx
-function fn(e) {
+function pn(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";
@@ -3375,7 +3414,7 @@ function fn(e) {
 		return e;
 	}
 }
-var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
+var mn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 	let [a, o] = J.useState(null), [u, p] = J.useState(!1), [m, h] = J.useState(!1), g = J.useMemo(() => t.find((e) => e.id === a) ?? null, [t, a]), _ = J.useCallback(async () => {
 		if (!(!g || !n)) {
 			if (!u) {
@@ -3447,7 +3486,7 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 											children: e.user
 										}), /* @__PURE__ */ X("span", {
 											className: "text-xs text-muted-foreground",
-											children: fn(e.timestamp)
+											children: pn(e.timestamp)
 										})]
 									}), /* @__PURE__ */ Z("p", {
 										className: "text-xs text-muted-foreground mt-0.5",
@@ -3520,7 +3559,7 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 							children: [
 								"This will restore the record to its state at",
 								" ",
-								fn(g.timestamp),
+								pn(g.timestamp),
 								". Continue?"
 							]
 						}), /* @__PURE__ */ Z("div", {
@@ -3551,7 +3590,7 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 			})]
 		}) })]
 	});
-}, mn = ({ change: e, className: t }) => {
+}, hn = ({ change: e, className: t }) => {
 	let n = e.fieldLabel ?? e.field.charAt(0).toUpperCase() + e.field.slice(1).replace(/_/g, " "), r = e.oldDisplayValue ?? (e.oldValue == null ? "(empty)" : String(e.oldValue)), i = e.newDisplayValue ?? (e.newValue == null ? "(empty)" : String(e.newValue));
 	return /* @__PURE__ */ Z("div", {
 		className: f("flex items-center gap-1.5 text-sm flex-wrap", t),
@@ -3571,14 +3610,14 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 			})
 		]
 	});
-}, hn = [
+}, gn = [
 	"👍",
 	"❤️",
 	"🎉",
 	"😂",
 	"😮",
 	"😢"
-], gn = ({ reactions: e, onToggleReaction: t, emojiOptions: n = hn, className: r }) => {
+], _n = ({ reactions: e, onToggleReaction: t, emojiOptions: n = gn, className: r }) => {
 	let [i, a] = J.useState(!1), o = J.useCallback((e) => {
 		t?.(e), a(!1);
 	}, [t]);
@@ -3618,7 +3657,7 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 };
 //#endregion
 //#region src/ThreadedReplies.tsx
-function _n(e) {
+function vn(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
 		if (r < 1) return "just now";
@@ -3631,7 +3670,7 @@ function _n(e) {
 		return e;
 	}
 }
-var vn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, className: i }) => {
+var yn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, className: i }) => {
 	let { t: a } = $(), [o, s] = J.useState(!1), [c, l] = J.useState(""), [u, p] = J.useState(!1), m = J.useCallback(async () => {
 		let t = c.trim();
 		if (!(!t || !n)) {
@@ -3686,7 +3725,7 @@ var vn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, cl
 								children: e.actor
 							}), /* @__PURE__ */ X("span", {
 								className: "text-[10px] text-muted-foreground",
-								children: _n(e.createdAt)
+								children: vn(e.createdAt)
 							})]
 						}), /* @__PURE__ */ X("p", {
 							className: "text-xs whitespace-pre-wrap break-words",
@@ -3716,7 +3755,7 @@ var vn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, cl
 			})
 		]
 	});
-}, yn = ({ subscription: e, onToggle: t, className: n }) => {
+}, bn = ({ subscription: e, onToggle: t, className: n }) => {
 	let { t: r } = $(), [i, a] = J.useState(!1), o = J.useCallback(async () => {
 		if (t) {
 			a(!0);
@@ -3737,7 +3776,7 @@ var vn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, cl
 		title: e.subscribed ? r("detail.subscribedTooltip") : r("detail.unsubscribedTooltip"),
 		children: e.subscribed ? /* @__PURE__ */ X(P, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ X(N, { className: "h-4 w-4 text-muted-foreground" })
 	});
-}, bn = {
+}, xn = {
 	comment: K,
 	field_change: q,
 	task: ke,
@@ -3745,7 +3784,7 @@ var vn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, cl
 	system: Fe,
 	email: ge,
 	call: xe
-}, xn = {
+}, Sn = {
 	comment: "bg-purple-100 text-purple-600",
 	field_change: "bg-blue-100 text-blue-600",
 	task: "bg-green-100 text-green-600",
@@ -3754,7 +3793,7 @@ var vn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, cl
 	email: "bg-indigo-100 text-indigo-600",
 	call: "bg-teal-100 text-teal-600"
 };
-function Sn(e) {
+function Cn(e) {
 	return [
 		{
 			value: "all",
@@ -3774,7 +3813,7 @@ function Sn(e) {
 		}
 	];
 }
-function Cn(e) {
+function wn(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";
@@ -3787,7 +3826,7 @@ function Cn(e) {
 		return e;
 	}
 }
-function wn(e, t) {
+function Tn(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");
@@ -3795,8 +3834,8 @@ function wn(e, t) {
 		default: return e;
 	}
 }
-var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a = !1, onLoadMore: o, loading: u = !1, onAddComment: p, onAddReply: m, onToggleReaction: h, subscription: g, onToggleSubscription: _, collapseWhenEmpty: v = !1, className: y }) => {
-	let { t: b } = $(), [x, S] = J.useState("all"), [C, w] = J.useState(""), [T, E] = J.useState(!1), [D, O] = J.useState(!1), A = n ?? x, ee = t?.showFilterToggle !== !1, j = t?.showCommentInput !== !1 && !!p, te = t?.enableReactions ?? !1, M = t?.enableThreading ?? !1, N = t?.showSubscriptionToggle ?? !1, P = J.useMemo(() => wn(e, A), [e, A]), F = J.useMemo(() => M ? P.filter((e) => !e.parentId) : P, [P, M]), I = J.useMemo(() => {
+var En = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a = !1, onLoadMore: o, loading: u = !1, onAddComment: p, onAddReply: m, onToggleReaction: h, subscription: g, onToggleSubscription: _, collapseWhenEmpty: v = !1, className: y }) => {
+	let { t: b } = $(), [x, S] = J.useState("all"), [C, w] = J.useState(""), [T, E] = J.useState(!1), [D, O] = J.useState(!1), A = n ?? x, ee = t?.showFilterToggle !== !1, j = t?.showCommentInput !== !1 && !!p, te = t?.enableReactions ?? !1, M = t?.enableThreading ?? !1, N = t?.showSubscriptionToggle ?? !1, P = J.useMemo(() => Tn(e, A), [e, A]), F = J.useMemo(() => M ? P.filter((e) => !e.parentId) : P, [P, M]), I = J.useMemo(() => {
 		if (!M) return /* @__PURE__ */ new Map();
 		let e = /* @__PURE__ */ new Map();
 		for (let t of P) if (t.parentId) {
@@ -3848,7 +3887,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 				]
 			}), /* @__PURE__ */ X("div", {
 				className: "flex items-center gap-1",
-				children: N && g && /* @__PURE__ */ X(yn, {
+				children: N && g && /* @__PURE__ */ X(bn, {
 					subscription: g,
 					onToggle: _
 				})
@@ -3863,7 +3902,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 						value: A,
 						onChange: (e) => L(e.target.value),
 						"aria-label": b("detail.filterActivity"),
-						children: Sn(b).map((e) => /* @__PURE__ */ X("option", {
+						children: Cn(b).map((e) => /* @__PURE__ */ X("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))
@@ -3896,7 +3935,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 					children: [/* @__PURE__ */ X("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ X("div", {
 						className: "space-y-4",
 						children: F.map((e) => {
-							let t = bn[e.type] || Fe, n = xn[e.type] || "bg-gray-100 text-gray-600", r = I.get(e.id) ?? [];
+							let t = xn[e.type] || Fe, n = Sn[e.type] || "bg-gray-100 text-gray-600", r = I.get(e.id) ?? [];
 							return /* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ Z("div", {
 								className: "flex gap-3 relative",
 								children: [/* @__PURE__ */ X("div", {
@@ -3922,7 +3961,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 												}),
 												/* @__PURE__ */ X("span", {
 													className: "text-xs text-muted-foreground",
-													children: Cn(e.createdAt)
+													children: wn(e.createdAt)
 												}),
 												e.edited && /* @__PURE__ */ X("span", {
 													className: "text-xs text-muted-foreground italic",
@@ -3940,25 +3979,25 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 										}),
 										e.type === "field_change" && e.fieldChanges && /* @__PURE__ */ X("div", {
 											className: "space-y-1 mt-1",
-											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ X(mn, { change: e }, t))
+											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ X(hn, { change: e }, t))
 										}),
 										te && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ X("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ X(gn, {
+											children: /* @__PURE__ */ X(_n, {
 												reactions: e.reactions,
 												onToggleReaction: h ? (t) => h(e.id, t) : void 0
 											})
 										}),
 										te && (!e.reactions || e.reactions.length === 0) && h && /* @__PURE__ */ X("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ X(gn, {
+											children: /* @__PURE__ */ X(_n, {
 												reactions: [],
 												onToggleReaction: (t) => h(e.id, t)
 											})
 										})
 									]
 								})]
-							}), M && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ X(vn, {
+							}), M && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ X(yn, {
 								parentItem: e,
 								replies: r,
 								onAddReply: m,
@@ -3981,7 +4020,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 			]
 		})]
 	});
-}, En = ({ config: e, items: t, hasMore: n, onLoadMore: r, loading: i, onAddComment: a, onAddReply: o, onToggleReaction: s, subscription: c, onToggleSubscription: l, filterMode: u, onFilterChange: p, collapseWhenEmpty: m = !1, className: h }) => {
+}, Dn = ({ config: e, items: t, hasMore: n, onLoadMore: r, loading: i, onAddComment: a, onAddReply: o, onToggleReaction: s, subscription: c, onToggleSubscription: l, filterMode: u, 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, S] = J.useState(y);
 	return g === "right" || g === "left" ? x && v ? /* @__PURE__ */ X("div", {
 		className: f("flex items-start pt-4", g === "right" ? "border-l" : "border-r", h),
@@ -4017,7 +4056,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 			})]
 		}), /* @__PURE__ */ X("div", {
 			className: "flex-1 overflow-y-auto",
-			children: /* @__PURE__ */ X(Tn, {
+			children: /* @__PURE__ */ X(En, {
 				items: t,
 				config: e?.feed,
 				hasMore: n,
@@ -4055,7 +4094,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 				"aria-label": b("detail.hideDiscussion"),
 				children: /* @__PURE__ */ X(ve, { className: "h-3.5 w-3.5" })
 			})]
-		}), /* @__PURE__ */ X(Tn, {
+		}), /* @__PURE__ */ X(En, {
 			items: t,
 			config: e?.feed,
 			hasMore: n,
@@ -4071,7 +4110,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 			collapseWhenEmpty: m
 		})] })
 	});
-}, Dn = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: n = !1, className: r }) => {
+}, On = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: n = !1, className: r }) => {
 	let [i, a] = J.useState(""), [o, s] = J.useState(!1), c = J.useCallback(async () => {
 		let t = i.trim();
 		if (t) {
@@ -4104,7 +4143,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 			children: /* @__PURE__ */ X(De, { className: "h-4 w-4" })
 		})]
 	});
-}, On = ({ query: e, suggestions: t, onSelect: n, visible: r = !0, activeIndex: i = 0, className: a }) => {
+}, kn = ({ query: e, suggestions: t, onSelect: n, visible: r = !0, activeIndex: i = 0, className: a }) => {
 	let o = J.useMemo(() => {
 		if (!e) return t;
 		let n = e.toLowerCase();
@@ -4146,7 +4185,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: i, hasMore: a =
 		}, e.id))
 	});
 };
-function kn(e, t, n) {
+function An(e, t, n) {
 	return {
 		type: e.type,
 		id: e.id,
@@ -4155,7 +4194,7 @@ function kn(e, t, n) {
 		length: n
 	};
 }
-x.register("detail-view", Gt, {
+x.register("detail-view", Kt, {
 	namespace: "plugin-detail",
 	label: "Detail View",
 	category: "Views",
@@ -4383,7 +4422,7 @@ x.register("detail-view", Gt, {
 			label: "Columns"
 		}
 	]
-}), x.register("detail", Gt, {
+}), x.register("detail", Kt, {
 	namespace: "view",
 	category: "view",
 	label: "Detail",
@@ -4408,4 +4447,4 @@ x.register("detail-view", Gt, {
 	]
 });
 //#endregion
-export { Ut as ActivityTimeline, dn as CommentAttachment, Dn as CommentInput, Ot as DETAIL_DEFAULT_TRANSLATIONS, At as DetailSection, jt as DetailTabs, Gt as DetailView, $t as DiffView, mn as FieldChangeItem, Ft as HeaderHighlight, Kt as InlineCreateRelated, On as MentionAutocomplete, pn as PointInTimeRestore, gn as ReactionPicker, Tn as RecordActivityTimeline, En as RecordChatterPanel, Lt as RecordComments, en as RecordNavigationEnhanced, Nt as RelatedList, sn as RelationshipGraph, Jt as RichTextCommentInput, Pt as SectionGroup, yn as SubscriptionToggle, vn as ThreadedReplies, Tt as applyAutoSpan, Et as applyDetailAutoLayout, kn as createMentionFromSuggestion, Dt as createSafeTranslationHook, wt as inferDetailColumns, Ct as isWideFieldType, $ as useDetailTranslation };
+export { Ut as ActivityTimeline, fn as CommentAttachment, On as CommentInput, Ot as DETAIL_DEFAULT_TRANSLATIONS, At as DetailSection, jt as DetailTabs, Kt as DetailView, en as DiffView, hn as FieldChangeItem, Ft as HeaderHighlight, qt as InlineCreateRelated, kn as MentionAutocomplete, mn as PointInTimeRestore, _n as ReactionPicker, En as RecordActivityTimeline, Dn as RecordChatterPanel, Lt as RecordComments, tn as RecordNavigationEnhanced, Nt as RelatedList, cn as RelationshipGraph, Yt as RichTextCommentInput, Pt as SectionGroup, bn as SubscriptionToggle, yn as ThreadedReplies, Tt as applyAutoSpan, Et as applyDetailAutoLayout, An as createMentionFromSuggestion, Dt as createSafeTranslationHook, wt as inferDetailColumns, Ct as isWideFieldType, $ as useDetailTranslation };