@object-ui/plugin-detail 5.1.1 → 5.3.0

package/CHANGELOG.md

@@ -1,5 +1,142 @@
 # @object-ui/plugin-detail
 
+## 5.3.0
+
+## 5.2.1
+
+## 5.2.0
+
+### Minor Changes
+
+- 7c441f5: End-to-end @-mention notifications.
+
+  `@object-ui/plugin-detail` now exports `extractMentions(text, suggestions)`
+  — a small utility that resolves `@<label>` tokens in a comment body to
+  user ids, using the same suggestion list that drives the in-editor
+  dropdown. Handles labels with spaces ("@QA Test"), CJK ("@王小明"),
+  longest-match disambiguation ("Anna Lee" wins over "Anna"), and ignores
+  unknown @-tokens. 9 unit tests.
+
+  `@object-ui/app-shell` `RecordDetailView` now:
+  1. Serializes the resolved mention ids into `sys_comment.mentions`
+     (previously hard-coded `'[]'`, so servers had no idea who was being
+     pinged).
+  2. Fan-outs a `sys_notification` row per mentioned recipient
+     (self-mentions are filtered as noise) with the canonical bell-inbox
+     shape: `type: 'mention'`, `recipient_id`, `actor_name`, `title`,
+     `body` preview (≤140 chars), `source_object`/`source_id`/
+     `source_comment_id`, `is_read: false`, `created_at`.
+
+  The notification write tolerates 404 silently, so deployments without
+  a notification collection degrade to the previous behavior (mention
+  text + highlight, no inbox row). Spec-compliant servers that emit
+  notifications via their own sys_comment after-create hook can ignore
+  the client-side write — the bell de-dupes by id at the polling layer.
+
+- 70b5570: `record:path` now distinguishes won/lost terminal stages. Stages can opt
+  in via the new `terminal: 'won' | 'lost'` property on each stage entry,
+  and the renderer also falls back to a value/label heuristic (matches
+  `closed_lost`, `lost`, `failed`, `cancelled`, `失败`, `流失`, `丢单`, etc.)
+  so existing CRM-style picklists get the treatment without migration.
+  - **Lost** stages render in a visually separated group with a left
+    border, destructive (red) tint, pill shape, and `✗` glyph — mirroring
+    the Salesforce / HubSpot alt-terminus pattern that signals "this
+    breaks the forward path, not steps past it."
+  - **Won** terminus (the last stage of the forward chevron) gets a subtle
+    emerald wash + 🏆 glyph to read as "the goal," even before the record
+    reaches it.
+  - Mobile pill row distinguishes lost via color, since the layout doesn't
+    have room to fork the row.
+
+- 3216f8a: `buildDefaultPageSchema` now accepts a `slots.rightRail` override that
+  contributes nodes to the aside (right-rail) region. The aside region is
+  emitted whenever either the auto-detected reference rail OR
+  `slots.rightRail` is non-empty (previously: only when 2+ related lists
+  were declared). Slot contributions are appended after the canonical
+  `record:reference_rail` so the "related summary" stays anchored at the
+  top while plugins can drop activity feeds, workflow status cards,
+  presence lists, etc. beneath it.
+
+  No change for existing schemas — the aside region only renders if
+  something opts in.
+
+### Patch Changes
+
+- a3cb88f: CRM UX polish batch:
+  - Kanban columns: drop the per-column rainbow top stripe. Lane border + header divider are sufficient; cards are now the loudest thing on screen (Linear / HubSpot pattern).
+  - Stage chevron (`record:path`): bump completed-stage contrast (emerald-800 text on emerald-500/15, was 700 on /10) and future-stage text from `foreground/70` to `foreground/85` for legibility.
+  - i18n: add `notifications.emptyUnread`, `notifications.filterUnread`, `notifications.filterAll` (en + zh) so the InboxPopover Unread/All sub-filter renders in the active locale.
+- 5425608: CRM UX polish pass — calmer enterprise look across detail + kanban.
+  - **plugin-kanban**: column headers now use a 2px muted accent stripe with
+    neutral foreground titles + a quiet grey count pill instead of full
+    rainbow gradient + colored title + colored count. Pipeline boards
+    (Opportunity, Case, Task, Lead) look like Salesforce/Linear instead of
+    a toy. WIP-limit overflow remains destructive-red so urgency stays loud.
+  - **plugin-detail (`record:reference_rail`)**: new `hideEmpty` prop
+    (default true) collapses entries whose total === 0 into a single
+    `+ N empty (Quotes · Products …)` chip at the bottom of the rail.
+    Removes the 4–7 "No records" stack that dominated the aside.
+  - **plugin-detail (`record:path`)**: completed stages now render with an
+    emerald-tinted background + bold green check instead of low-contrast
+    `bg-muted text-muted-foreground` (which read as "light grey on white"
+    and was borderline unreadable).
+  - **app-shell (`RecordDetailView`)**: record-not-found short-circuit.
+    Previously a stale/missing recordId still rendered the page chrome
+    (rail, discussion, breadcrumb with the raw id), making invalid links
+    look like a partially broken page. Now renders a clean centered
+    `Empty` state with database icon + i18n'd "Record not found" copy.
+  - **i18n**: added `detail.showEmptyRelated_{one,other}` and
+    `empty.recordNotFound{,Description}` keys (en + zh).
+
+- 5633edd: feat(detail,grid): tab + selection motion polish
+
+  **plugin-detail**
+  - `DetailTabs` and the auto-tabs path in `DetailView` (5 inline
+    `<TabsContent>` instances: details, related, activity, discussion,
+    history) now fade in when their tab becomes active, eliminating
+    the harsh flash when switching tabs.
+
+  **plugin-grid**
+  - `BulkActionBar` slides in from the bottom + fades in when a
+    selection is made, instead of popping into existence.
+  - The "N items selected" counter re-animates on every count change
+    (re-keyed on the count value with a small `zoom-in-90`), so users
+    see clear feedback as they tick/untick rows. `tabular-nums` keeps
+    the number from jittering during the animation.
+
+  All animations are wrapped in `motion-safe:` so prefers-reduced-motion
+  users keep the original instant UI. No new deps.
+
+  **Dialog / Sheet motion audit (informational, no code change)**
+
+  Verified `packages/components/src/ui/{dialog,alert-dialog,sheet}.tsx`:
+  Dialog + AlertDialog use a consistent `duration-200`. Sheet uses an
+  asymmetric `open:500ms / close:300ms` — this is the intentional
+  shadcn upstream default ("slower open feels purposeful"). No fixes
+  needed; these primitives live in the no-touch zone anyway.
+
+- e919433: Stop silently assuming USD when a currency field has no `currency`
+  configured. For non-USD orgs (e.g. a CNY-based CRM seeded without an
+  explicit currency) the cells now render as plain locale-formatted
+  numbers (`150,000.00`) instead of `$150,000.00` — which was the #1
+  "why is my RMB showing as dollars?" bug.
+
+  Behavior change is opt-in via omission: when `currency` /
+  `defaultCurrency` is set on the field/column, formatting is unchanged.
+
+  Fixed call sites:
+  - `@object-ui/fields`: `formatCurrency`, `formatCompactCurrency`, and
+    `CurrencyCellRenderer` no longer default-param `'USD'`.
+  - `@object-ui/i18n`: `formatCurrency()` falls back to `formatNumber`
+    semantics when `currency` is omitted.
+  - `@object-ui/plugin-grid`: column-summary formatter (`Sum: 5,000,000`
+    instead of `Sum: $5,000,000.00`).
+  - `@object-ui/plugin-detail`: header-highlight currency formatter.
+  - `@object-ui/plugin-dashboard`: `ObjectMetricWidget` inferred
+    currency now resolves to `undefined` (not `'USD'`) for un-tagged
+    fields, so `MetricWidget`'s `isCurrency` heuristic falls through
+    to plain number formatting.
+
 ## 5.1.1
 
 ## 5.1.0

package/dist/index.js

@@ -159,6 +159,8 @@ var Ct = {
 	"detail.nextRecordKey": "Next record (→)",
 	"detail.lastRecord": "Last record (End)",
 	"detail.noRecords": "No records",
+	"detail.showEmptyRelated_one": "+ {{count}} empty",
+	"detail.showEmptyRelated_other": "+ {{count}} empty",
 	"detail.searchWhileNavigating": "Search while navigating",
 	"detail.searchRecords": "Search records…",
 	"detail.allActivity": "All Activity",
@@ -416,7 +418,7 @@ var Tt = ({ section: e, data: t, className: r, objectSchema: i, objectName: a, i
 			}, e.key))
 		}), o.map((e) => /* @__PURE__ */ Z(L, {
 			value: e.key,
-			className: "mt-4",
+			className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 			children: /* @__PURE__ */ Z(n.Suspense, {
 				fallback: null,
 				children: Array.isArray(e.content) ? /* @__PURE__ */ Z("div", {
@@ -1845,11 +1847,14 @@ var tn = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 									try {
 										if (i === "currency") {
 											let e = Number(t);
-											Number.isNaN(e) || (a = new Intl.NumberFormat(void 0, {
-												style: "currency",
-												currency: n?.currency || r?.currency || "USD",
-												maximumFractionDigits: 0
-											}).format(e));
+											if (!Number.isNaN(e)) {
+												let t = n?.currency || r?.currency;
+												a = t ? new Intl.NumberFormat(void 0, {
+													style: "currency",
+													currency: t,
+													maximumFractionDigits: 0
+												}).format(e) : new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }).format(e);
+											}
 										} else if (i === "date" || i === "datetime") {
 											let e = new Date(t);
 											Number.isNaN(e.getTime()) || (a = i === "datetime" ? e.toLocaleString(void 0, {
@@ -2176,12 +2181,12 @@ var tn = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						}),
 						/* @__PURE__ */ Z(L, {
 							value: "details",
-							className: "mt-4",
+							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 							children: a
 						}),
 						e && /* @__PURE__ */ Z(L, {
 							value: "related",
-							className: "mt-4",
+							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 							children: /* @__PURE__ */ Z("div", {
 								className: "space-y-3",
 								children: we.map((e, t) => /* @__PURE__ */ Z(Ot, {
@@ -2207,17 +2212,17 @@ var tn = ({ schema: e, dataSource: r, className: i, onEdit: a, onDelete: o, onBa
 						}),
 						t && /* @__PURE__ */ Z(L, {
 							value: "activity",
-							className: "mt-4",
+							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 							children: /* @__PURE__ */ Z(Rt, { activities: q.activities })
 						}),
 						n && /* @__PURE__ */ Z(L, {
 							value: "discussion",
-							className: "mt-4",
+							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 							children: u
 						}),
 						i && /* @__PURE__ */ Z(L, {
 							value: "history",
-							className: "mt-4",
+							className: "mt-4 motion-safe:data-[state=active]:animate-in motion-safe:data-[state=active]:fade-in-0 motion-safe:duration-150",
 							children: /* @__PURE__ */ Z(Gt, {
 								entries: q.history.entries,
 								loading: q.history.loading,
@@ -3595,14 +3600,24 @@ var Mn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 	let i = it(), { translateOptions: a } = ot(), { designer: o } = Rn(n), s = Array.isArray(e.stages) ? e.stages : [], c = e.statusField, l = r.useMemo(() => {
 		if (s.length === 0 || !c || !i?.objectName) return s;
 		let e = a(i.objectName, c, s);
-		return Array.isArray(e) && e.length === s.length ? e : s;
+		return Array.isArray(e) && e.length === s.length ? s.map((t, n) => ({
+			...t,
+			label: e[n]?.label ?? t.label
+		})) : s;
 	}, [
 		s,
 		c,
 		i?.objectName,
 		a
-	]), u = c && i?.data ? i.data[c] : void 0, d = l.findIndex((e) => e.value === u);
-	if (d < 0 && (d = -1), l.length === 0) return /* @__PURE__ */ Z("div", {
+	]), u = c && i?.data ? i.data[c] : void 0, d = /(^|[_-\s])(closed_)?(lost|failed?|cancell?ed|失败|流失|丢单|败)([_-\s]|$)/i, f = /(^|[_-\s])(closed_)?(won|success|成交|赢|完成)([_-\s]|$)/i, p = l.map((e) => {
+		if (e.terminal) return e.terminal;
+		let t = `${String(e.value ?? "")} ${String(e.label ?? "")}`;
+		if (d.test(t)) return "lost";
+		if (f.test(t)) return "won";
+	}), m = p.findIndex((e) => e === "lost"), h = m === -1 ? l : l.slice(0, m), g = m === -1 ? [] : l.slice(m), _ = m === -1 ? p : p.slice(0, m), v = l.findIndex((e) => e.value === u);
+	v < 0 && (v = -1);
+	let y = m !== -1 && v >= m;
+	if (l.length === 0) return /* @__PURE__ */ Z("div", {
 		className: t,
 		...o,
 		children: /* @__PURE__ */ Z("div", {
@@ -3610,55 +3625,95 @@ var Mn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 			children: "record:path — no stages configured"
 		})
 	});
-	let f = (e, t) => {
+	let b = (e, t) => {
 		if (l.length !== 1) return e === 0 ? "polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%)" : e === t ? "polygon(0 0, 100% 0, 100% 100%, 0 100%, 14px 50%)" : "polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%)";
-	}, p = l.length - 1;
+	}, x = h.length - 1;
 	return /* @__PURE__ */ Q("div", {
 		className: U("w-full", t),
 		...o,
-		children: [/* @__PURE__ */ Z("div", {
-			className: "hidden sm:flex w-full items-stretch",
+		children: [/* @__PURE__ */ Q("div", {
+			className: "hidden sm:flex w-full items-stretch gap-2",
 			role: "list",
 			"aria-label": e.aria?.label || "Record path",
-			children: l.map((e, t) => {
-				let n = d >= 0 && t < d, r = t === d, i = f(t, p);
-				return /* @__PURE__ */ Z("div", {
-					role: "listitem",
-					"aria-current": r ? "step" : void 0,
-					style: i ? {
-						clipPath: i,
-						WebkitClipPath: i
-					} : void 0,
-					className: U("relative flex-1 min-w-0 px-5 py-2 text-xs font-medium text-center", t > 0 && "-ml-2", l.length === 1 && "rounded-md border", r && "bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground", !r && !n && "bg-background text-foreground/70 border border-border/60"),
-					children: /* @__PURE__ */ Q("span", {
-						className: "inline-flex items-center gap-1.5 truncate",
-						style: {
-							paddingLeft: t === 0 ? 0 : `${14 / 2}px`,
-							paddingRight: t === p ? 0 : `${14 / 2}px`
-						},
-						children: [n && /* @__PURE__ */ Z("span", {
-							"aria-hidden": !0,
-							children: "✓"
-						}), e.label]
-					})
-				}, `${e.value}-${t}`);
-			})
+			children: [/* @__PURE__ */ Z("div", {
+				className: "flex flex-1 items-stretch",
+				children: h.map((e, t) => {
+					let n = !y && v >= 0 && t < v, r = !y && t === v, i = _[t] === "won" && t === x, a = b(t, x);
+					return /* @__PURE__ */ Z("div", {
+						role: "listitem",
+						"aria-current": r ? "step" : void 0,
+						style: a ? {
+							clipPath: a,
+							WebkitClipPath: a
+						} : void 0,
+						className: U("relative flex-1 min-w-0 px-5 py-2 text-xs font-medium text-center", t > 0 && "-ml-2", h.length === 1 && "rounded-md border", r && "bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/40", n && "bg-emerald-500/15 text-emerald-800 dark:text-emerald-200", !r && !n && i && "bg-emerald-500/5 text-emerald-700/85 dark:text-emerald-300/85 border border-emerald-500/20", !r && !n && !i && "bg-background text-foreground/85 border border-border/60"),
+						children: /* @__PURE__ */ Q("span", {
+							className: "inline-flex items-center gap-1.5 truncate",
+							style: {
+								paddingLeft: t === 0 ? 0 : `${14 / 2}px`,
+								paddingRight: t === x ? 0 : `${14 / 2}px`
+							},
+							children: [
+								n && /* @__PURE__ */ Z("span", {
+									"aria-hidden": !0,
+									className: "text-emerald-600 dark:text-emerald-400 font-semibold",
+									children: "✓"
+								}),
+								i && !r && /* @__PURE__ */ Z("span", {
+									"aria-hidden": !0,
+									className: "opacity-70",
+									children: "🏆"
+								}),
+								e.label
+							]
+						})
+					}, `${e.value}-${t}`);
+				})
+			}), g.length > 0 && /* @__PURE__ */ Z("div", {
+				className: "flex items-stretch gap-1 pl-2 border-l border-border/40",
+				"aria-label": "Alternative terminal stages",
+				children: g.map((e, t) => {
+					let n = m + t === v;
+					return /* @__PURE__ */ Z("div", {
+						role: "listitem",
+						"aria-current": n ? "step" : void 0,
+						className: U("shrink-0 px-3 py-2 text-xs font-medium rounded-md border whitespace-nowrap", n && "bg-destructive text-destructive-foreground border-destructive shadow-sm ring-1 ring-destructive/40", !n && "bg-destructive/5 text-destructive/85 border-destructive/20"),
+						children: /* @__PURE__ */ Q("span", {
+							className: "inline-flex items-center gap-1",
+							children: [/* @__PURE__ */ Z("span", {
+								"aria-hidden": !0,
+								className: "opacity-70",
+								children: "✗"
+							}), e.label]
+						})
+					}, `${e.value}-lost-${t}`);
+				})
+			})]
 		}), /* @__PURE__ */ Z("div", {
 			className: "flex sm:hidden w-full items-stretch gap-1 overflow-x-auto pb-1 -mx-1 px-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
 			role: "list",
 			"aria-label": e.aria?.label || "Record path",
 			children: l.map((e, t) => {
-				let n = d >= 0 && t < d, r = t === d;
+				let n = p[t] === "lost", r = !n && !y && v >= 0 && t < v, i = t === v;
 				return /* @__PURE__ */ Z("div", {
 					role: "listitem",
-					"aria-current": r ? "step" : void 0,
-					className: U("shrink-0 px-3 py-1.5 rounded-full text-xs font-medium border whitespace-nowrap", r && "bg-primary text-primary-foreground border-primary shadow-sm ring-1 ring-primary/40", n && "bg-muted text-muted-foreground border-transparent", !r && !n && "bg-background text-foreground/70 border-border/60"),
+					"aria-current": i ? "step" : void 0,
+					className: U("shrink-0 px-3 py-1.5 rounded-full text-xs font-medium border whitespace-nowrap", n && i && "bg-destructive text-destructive-foreground border-destructive shadow-sm", n && !i && "bg-destructive/5 text-destructive/85 border-destructive/20", !n && i && "bg-primary text-primary-foreground border-primary shadow-sm ring-1 ring-primary/40", !n && r && "bg-emerald-500/15 text-emerald-800 dark:text-emerald-200 border-emerald-500/30", !n && !i && !r && "bg-background text-foreground/85 border-border/60"),
 					children: /* @__PURE__ */ Q("span", {
 						className: "inline-flex items-center gap-1",
-						children: [n && /* @__PURE__ */ Z("span", {
-							"aria-hidden": !0,
-							children: "✓"
-						}), e.label]
+						children: [
+							n && /* @__PURE__ */ Z("span", {
+								"aria-hidden": !0,
+								className: "opacity-70",
+								children: "✗"
+							}),
+							!n && r && /* @__PURE__ */ Z("span", {
+								"aria-hidden": !0,
+								className: "text-emerald-600 dark:text-emerald-400 font-semibold",
+								children: "✓"
+							}),
+							e.label
+						]
 					})
 				}, `${e.value}-${t}-m`);
 			})
@@ -3758,7 +3813,7 @@ var Mn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 	};
 }, Gn = (e) => e.replace(/[_-]+/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()).trim(), Kn = (e) => e?.name || e?.title || e?.subject || e?.label || e?.id || "—", qn = ({ schema: e = {}, className: t, ...n }) => {
 	let i = it(), a = ot(), { t: o } = $(), { designer: s } = Wn(n), c = gt().appName, l = Array.isArray(e.entries) ? e.entries : Array.isArray(e.properties?.entries) ? e.properties.entries : [], u = i?.recordId, d = i?.dataSource, [f, p] = r.useState({});
-	return r.useEffect(() => {
+	if (r.useEffect(() => {
 		if (!d?.find || !u || l.length === 0) return;
 		let e = !1;
 		return l.forEach((t) => {
@@ -3803,10 +3858,18 @@ var Mn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 		d,
 		u,
 		JSON.stringify(l.map((e) => `${e.objectName}:${e.relationshipField}:${e.limit ?? 3}`))
-	]), l.length === 0 ? null : /* @__PURE__ */ Z("div", {
+	]), l.length === 0) return null;
+	let m = e.hideEmpty !== !1, [g, x] = r.useState(!1), S = new Set(l.filter((e) => {
+		let t = f[e.objectName];
+		return m && t && !t.loading && !t.error && t.total === 0;
+	}).map((e) => e.objectName)), C = l.filter((e) => g || !S.has(e.objectName)), w = l.filter((e) => S.has(e.objectName)).map((e) => e.title || (a?.objectLabel ? a.objectLabel({
+		name: e.objectName,
+		label: Gn(e.objectName)
+	}) : Gn(e.objectName)));
+	return /* @__PURE__ */ Q("div", {
 		className: U("flex flex-col gap-3", e.className, t),
 		...s,
-		children: l.map((e) => {
+		children: [C.map((e) => {
 			let t = e.objectName, n = f[t] || {
 				loading: !0,
 				total: 0,
@@ -3869,7 +3932,23 @@ var Mn = ({ items: e, config: t, filterMode: r, onFilterChange: i, hasMore: a =
 					})
 				})]
 			}, t);
-		})
+		}), !g && w.length > 0 && /* @__PURE__ */ Q("button", {
+			type: "button",
+			onClick: () => x(!0),
+			className: "self-start inline-flex items-center gap-1.5 text-[11px] text-muted-foreground hover:text-foreground transition-colors px-2.5 py-1 rounded-md border border-dashed border-border/60 hover:border-border bg-background",
+			title: w.join(" · "),
+			children: [/* @__PURE__ */ Z("span", { children: o("detail.showEmptyRelated", {
+				defaultValue: "+ {{count}} empty",
+				count: w.length
+			}) }), /* @__PURE__ */ Q("span", {
+				className: "truncate max-w-[180px] text-muted-foreground/70",
+				children: [
+					"(",
+					w.join(" · "),
+					")"
+				]
+			})]
+		})]
 	});
 }, Jn = new Set([
 	"id",
@@ -4934,11 +5013,23 @@ function gr(e, t, n) {
 	};
 }
 //#endregion
+//#region src/extractMentions.ts
+function _r(e, t) {
+	if (!e || !t.length) return [];
+	let n = [...t].sort((e, t) => t.label.length - e.label.length), r = e, i = /* @__PURE__ */ new Set();
+	for (let e of n) {
+		if (!e.label) continue;
+		let t = e.label.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = RegExp(`@${t}(?![\\p{L}\\p{N}_])`, "gu");
+		n.test(r) && (i.add(e.id), r = r.replace(n, (e) => " ".repeat(e.length)));
+	}
+	return [...i];
+}
+//#endregion
 //#region src/synth/buildDefaultPageSchema.ts
-function _r(e) {
+function vr(e) {
 	return e == null ? [] : Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function vr(e) {
+function yr(e) {
 	if (!e) return null;
 	if (e.stageField) return e.stageField;
 	let t = e.fields || {};
@@ -4954,7 +5045,7 @@ function vr(e) {
 	}
 	return null;
 }
-function yr(e, t) {
+function br(e, t) {
 	if (!e || !t) return null;
 	let n = e.fields?.[t]?.options;
 	return !Array.isArray(n) || n.length === 0 ? null : n.map((e) => ({
@@ -4962,7 +5053,7 @@ function yr(e, t) {
 		label: e.label
 	}));
 }
-function br(e, t, n = 4) {
+function xr(e, t, n = 4) {
 	if (!e) return [];
 	if (Array.isArray(e.highlightFields) && e.highlightFields.length > 0) return e.highlightFields.slice(0, n);
 	let r = new Set([
@@ -5036,22 +5127,22 @@ function br(e, t, n = 4) {
 	}
 	return o;
 }
-function xr(e, t = {}) {
+function Sr(e, t = {}) {
 	return {
 		type: "page:header",
 		recordChrome: t.recordChrome !== !1,
 		...Array.isArray(t.actions) && t.actions.length > 0 ? { actions: t.actions } : {}
 	};
 }
-function Sr(e, t) {
+function Cr(e, t) {
 	return !Array.isArray(t) || t.length === 0 ? null : {
 		type: "record:quick_actions",
 		actions: t,
 		location: "record_header"
 	};
 }
-function Cr(e, t = {}) {
-	let n = t.statusField ?? vr(e), r = t.stages ?? (n ? yr(e, n) : null), i = t.highlightFields ?? br(e, n), a = [];
+function wr(e, t = {}) {
+	let n = t.statusField ?? yr(e), r = t.stages ?? (n ? br(e, n) : null), i = t.highlightFields ?? xr(e, n), a = [];
 	return !t.hideHighlights && i.length > 0 && a.push({
 		type: "record:highlights",
 		fields: i
@@ -5061,17 +5152,17 @@ function Cr(e, t = {}) {
 		stages: r
 	}), a;
 }
-function wr(e, t, n) {
+function Tr(e, t, n) {
 	return {
 		type: "record:details",
 		sections: t,
 		...n && n.length > 0 ? { hideFields: n } : {}
 	};
 }
-function Tr(e, t = {}) {
-	let n = t.statusField ?? vr(e), r = t.highlightFields ?? br(e, n), i = [{
+function Er(e, t = {}) {
+	let n = t.statusField ?? yr(e), r = t.highlightFields ?? xr(e, n), i = [{
 		label: "Details",
-		children: [wr(e, t.sections, r)]
+		children: [Tr(e, t.sections, r)]
 	}];
 	return !t.hideRelatedTab && Array.isArray(t.related) && t.related.length > 0 && i.push({
 		label: "Related",
@@ -5100,15 +5191,15 @@ function Tr(e, t = {}) {
 		items: i
 	};
 }
-function Er() {
+function Dr() {
 	return { type: "record:discussion" };
 }
-function Dr(e, t = {}) {
+function Or(e, t = {}) {
 	let n = t.slots || {}, r = [];
-	"header" in n && n.header !== void 0 ? r.push(..._r(n.header)) : r.push(xr(e, {
+	"header" in n && n.header !== void 0 ? r.push(...vr(n.header)) : r.push(Sr(e, {
 		recordChrome: t.recordChrome,
 		actions: t.headerActions
-	})), "actions" in n && n.actions !== void 0 && r.push(..._r(n.actions)), "highlights" in n && n.highlights !== void 0 ? r.push(..._r(n.highlights)) : r.push(...Cr(e, {
+	})), "actions" in n && n.actions !== void 0 && r.push(...vr(n.actions)), "highlights" in n && n.highlights !== void 0 ? r.push(...vr(n.highlights)) : r.push(...wr(e, {
 		highlightFields: t.highlightFields,
 		statusField: t.statusField,
 		stages: t.stages,
@@ -5116,9 +5207,9 @@ function Dr(e, t = {}) {
 		hidePath: t.hidePath
 	}));
 	let i = !t.hideReferenceRail && Array.isArray(t.related) && t.related.length >= 2, a = t.hideRelatedTab ?? i;
-	if ("tabs" in n && n.tabs !== void 0) r.push(..._r(n.tabs));
+	if ("tabs" in n && n.tabs !== void 0) r.push(...vr(n.tabs));
 	else if ("details" in n && n.details !== void 0) {
-		let i = _r(n.details), o = Tr(e, {
+		let i = vr(n.details), o = Er(e, {
 			sections: t.sections,
 			related: t.related,
 			showActivity: t.showActivity,
@@ -5131,7 +5222,7 @@ function Dr(e, t = {}) {
 			...o.items[0],
 			children: i
 		}), r.push(o);
-	} else r.push(Tr(e, {
+	} else r.push(Er(e, {
 		sections: t.sections,
 		related: t.related,
 		showActivity: t.showActivity,
@@ -5140,17 +5231,15 @@ function Dr(e, t = {}) {
 		statusField: t.statusField,
 		hideRelatedTab: a
 	}));
-	"discussion" in n && n.discussion !== void 0 ? r.push(..._r(n.discussion)) : t.hideDiscussion || r.push(Er());
+	"discussion" in n && n.discussion !== void 0 ? r.push(...vr(n.discussion)) : t.hideDiscussion || r.push(Dr());
 	let o = [{
 		name: "main",
 		width: "full",
 		components: r
-	}];
-	return i && o.push({
-		name: "aside",
-		width: "small",
-		className: "hidden xl:flex flex-col gap-4",
-		components: [{
+	}], s = vr(n.rightRail);
+	if (i || s.length > 0) {
+		let e = [];
+		i && e.push({
 			type: "record:reference_rail",
 			entries: t.related.map((e) => ({
 				objectName: e.objectName,
@@ -5159,8 +5248,14 @@ function Dr(e, t = {}) {
 				icon: e.icon,
 				limit: 3
 			}))
-		}]
-	}), {
+		}), s.length > 0 && e.push(...s), o.push({
+			name: "aside",
+			width: "small",
+			className: "hidden xl:flex flex-col gap-4",
+			components: e
+		});
+	}
+	return {
 		type: "record",
 		pageType: "record",
 		object: e?.name,
@@ -5471,4 +5566,4 @@ e.register("detail-view", tn, {
 	icon: "PanelRight"
 });
 //#endregion
-export { Rt as ActivityTimeline, En as CommentAttachment, mr as CommentInput, an as ConcurrentUpdateDialog, Ct as DETAIL_DEFAULT_TRANSLATIONS, Tt as DetailSection, Et as DetailTabs, tn as DetailView, ir as DiffView, hn as FieldChangeItem, At as HeaderHighlight, Gt as HistoryTimeline, $n as InlineCreateRelated, hr as MentionAutocomplete, pr as PointInTimeRestore, _n as ReactionPicker, Pn as RecordActivityRenderer, Mn as RecordActivityTimeline, Fn as RecordChatterPanel, Ln as RecordChatterRenderer, Mt as RecordComments, Zn as RecordDetailDrawer, ln as RecordDetailsRenderer, mn as RecordHighlightsRenderer, Un as RecordHistoryRenderer, Qt as RecordMetaFooter, ar as RecordNavigationEnhanced, zn as RecordPathRenderer, Vn as RecordQuickActionsRenderer, qn as RecordReferenceRailRenderer, fn as RecordRelatedListRenderer, Ot as RelatedList, dr as RelationshipGraph, Sn as RichTextCommentInput, kt as SectionGroup, bn as SubscriptionToggle, yn as ThreadedReplies, bt as applyAutoSpan, xt as applyDetailAutoLayout, Sr as buildDefaultActions, wr as buildDefaultDetails, Er as buildDefaultDiscussion, xr as buildDefaultHeader, Cr as buildDefaultHighlights, Dr as buildDefaultPageSchema, Tr as buildDefaultTabs, gr as createMentionFromSuggestion, St as createSafeTranslationHook, br as deriveHighlightFields, Qn as deriveRecordPageHref, yr as deriveStages, vr as detectStatusField, yt as inferDetailColumns, on as isConcurrentUpdateError, vt as isWideFieldType, $ as useDetailTranslation };
+export { Rt as ActivityTimeline, En as CommentAttachment, mr as CommentInput, an as ConcurrentUpdateDialog, Ct as DETAIL_DEFAULT_TRANSLATIONS, Tt as DetailSection, Et as DetailTabs, tn as DetailView, ir as DiffView, hn as FieldChangeItem, At as HeaderHighlight, Gt as HistoryTimeline, $n as InlineCreateRelated, hr as MentionAutocomplete, pr as PointInTimeRestore, _n as ReactionPicker, Pn as RecordActivityRenderer, Mn as RecordActivityTimeline, Fn as RecordChatterPanel, Ln as RecordChatterRenderer, Mt as RecordComments, Zn as RecordDetailDrawer, ln as RecordDetailsRenderer, mn as RecordHighlightsRenderer, Un as RecordHistoryRenderer, Qt as RecordMetaFooter, ar as RecordNavigationEnhanced, zn as RecordPathRenderer, Vn as RecordQuickActionsRenderer, qn as RecordReferenceRailRenderer, fn as RecordRelatedListRenderer, Ot as RelatedList, dr as RelationshipGraph, Sn as RichTextCommentInput, kt as SectionGroup, bn as SubscriptionToggle, yn as ThreadedReplies, bt as applyAutoSpan, xt as applyDetailAutoLayout, Cr as buildDefaultActions, Tr as buildDefaultDetails, Dr as buildDefaultDiscussion, Sr as buildDefaultHeader, wr as buildDefaultHighlights, Or as buildDefaultPageSchema, Er as buildDefaultTabs, gr as createMentionFromSuggestion, St as createSafeTranslationHook, xr as deriveHighlightFields, Qn as deriveRecordPageHref, br as deriveStages, yr as detectStatusField, _r as extractMentions, yt as inferDetailColumns, on as isConcurrentUpdateError, vt as isWideFieldType, $ as useDetailTranslation };